globuswebcomponents 2.8.5 → 2.8.7

package/dist/cjs/gb-approval-modal_68.cjs.entry.js

@@ -3718,7 +3718,17 @@ const GbDatePicker = class {
         this.selectionSource = 'sidebar';
         this.handleResize = () => {
             this.width = window.innerWidth;
-            this.updateCalendarDropdown();
+            const newBreakpoint = this.width < 900 ? 'mobile' : 'desktop';
+            if (newBreakpoint !== this.breakpoint) {
+                this.breakpoint = newBreakpoint;
+                if (this.picker) {
+                    this.picker.set('showMonths', this.getMonthCount());
+                    // Sidebar only makes sense for 2 months
+                    requestAnimationFrame(() => {
+                        this.maybeCreateSidebar(this.picker.calendarContainer);
+                    });
+                }
+            }
         };
     }
     componentDidLoad() {
@@ -3728,8 +3738,8 @@ const GbDatePicker = class {
     componentWillLoad() {
         window.addEventListener('resize', this.handleResize);
     }
-    updateCalendarDropdown() {
-        this.breakpoint = this.width < 900 ? 'mobile' : 'desktop';
+    getMonthCount() {
+        return this.width < 900 ? 1 : this.showMonths;
     }
     disconnectedCallback() {
         if (this.picker)
@@ -3759,7 +3769,7 @@ const GbDatePicker = class {
         this.picker = flatpickr(input, {
             dateFormat: this.format,
             mode: this.mode,
-            showMonths: this.breakpoint === 'mobile' ? 1 : this.showMonths,
+            showMonths: this.getMonthCount(),
             appendTo: calendarContainer, // keep inside shadow root
             clickOpens: false,
             allowInput: false,
@@ -3789,7 +3799,8 @@ const GbDatePicker = class {
                 if (this.mode === 'range' && selectedDates.length === 2) {
                     const [start, end] = selectedDates;
                     this.displayValue = `${this.picker.formatDate(start, this.format)} - ${this.picker.formatDate(end, this.format)}`;
-                    this.dateChange.emit([start.toISOString(), end.toISOString()]);
+                    this.dateChange.emit([this.picker.formatDate(start, this.format), this.picker.formatDate(end, this.format)]);
+                    // console.log([this.picker.formatDate(start, this.format), this.picker.formatDate(end, this.format)]);
                 }
                 if (this.mode === 'single' && selectedDates.length) {
                     this.displayValue = this.picker.formatDate(selectedDates[0], this.format);
@@ -3875,7 +3886,7 @@ const GbDatePicker = class {
             { key: 'this-month', label: 'This month' },
             { key: 'last-month', label: 'Last month' },
             { key: 'this-year', label: 'This year' },
-            { key: 'all-time', label: 'All time' },
+            { key: 'last-year', label: 'Last year' },
         ];
         ranges.forEach(r => {
             const item = document.createElement('gb-date-picker-list-item');
@@ -3949,10 +3960,10 @@ const GbDatePicker = class {
                 end = today;
                 this.displayValue = 'This year';
                 break;
-            case 'all-time':
-                start = new Date(2000, 0, 1);
-                end = today;
-                this.displayValue = 'All time';
+            case 'last-year':
+                start = new Date(today.getFullYear() - 1, 0, 1);
+                end = new Date(today.getFullYear() - 1, 11, 31);
+                this.displayValue = 'Last year';
                 break;
         }
         this.picker.setDate(this.mode === 'range' ? [start, end] : start, false);
@@ -4051,9 +4062,9 @@ const GbDatePicker = class {
         return timePart ? `${datePart} ${timePart}` : datePart;
     }
     render() {
-        return (index.h("div", { key: 'b0860932c0b7ba950e2361f591982281f7ef6be4', class: "date_picker_container" }, this.label && (index.h(index.Fragment, null, this.formatLabel ? (index.h("p", { class: "date_picker_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (index.h("p", { class: "date_picker_label text-sm-medium" }, this.label)))), index.h("div", { key: '4349ab2add11adaa39bed65bd575dfe5e1acbdfd', class: "date-picker-wrapper" }, index.h("div", { key: '60a506689eb12ad9d243ef62c3060d1f178c922b', class: "inner_container", onClick: () => {
+        return (index.h("div", { key: '055f48f5ded1f8e453eb988d37e3f1dc3e7422b7', class: "date_picker_container" }, this.label && (index.h(index.Fragment, null, this.formatLabel ? (index.h("p", { class: "date_picker_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (index.h("p", { class: "date_picker_label text-sm-medium" }, this.label)))), index.h("div", { key: '42c4bbeef98f3e25afa7e16f7a823c6b5ab45f8f', class: "date-picker-wrapper" }, index.h("div", { key: '5f4ca58deae81c69afbada127b34dddf158af6f6', class: "inner_container", onClick: () => {
                 this.toggleCalendar();
-            } }, this.iconPosition === 'left' && (index.h("svg", { key: '767e726fc1f057f357a4f9abe4e7256c369a312b', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '39c647652eb2f3d734d1e68629f8c3122623eba1', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), index.h("input", { key: '363470bd48e8f15aa9f7c85e0259543041a69618', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.displayValue, contentEditable: false }), this.iconPosition === 'right' && (index.h("svg", { key: '68786494d447eadb01aa108ec60d0df68098c08a', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '1b08e3016ed3c327677ce1834762b27398a9eb6c', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), index.h("div", { key: '93452ea2c78ac48c5b6bdeb564e7c7471dea39f8', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` }))));
+            } }, this.iconPosition === 'left' && (index.h("svg", { key: '77ae100174b3a63e5fe4163a5d2fca57832dc59e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '1d9a097b34c53a8e29fc1a8c629940cf56e5ae51', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), index.h("input", { key: '48f665b5b88da79a9ee13cfad031c152e99431f5', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.displayValue, contentEditable: false }), this.iconPosition === 'right' && (index.h("svg", { key: 'bd5ae9dac24f9c2bf8a860d3307e116c1b383ac2', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'b9dfcacefb8bcb3f96f69a5bc8d484a5c2ce53ab', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), index.h("div", { key: '1de9dfa961347ac9415bb11e143b6bce4ab5749b', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -4550,7 +4561,7 @@ const GbFilterButton = class {
 };
 GbFilterButton.style = gbFilterButtonCss;
 
-const gbHeaderCss = "/* @import 'tailwind.css'; */\r\n@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');\r\n\r\n:root {\r\n  /* --------------------------------------Primary Colors--------------------------------------------- */\r\n  /* base color palette */\r\n  --base-white: #fff;\r\n  --base-black: #000;\r\n\r\n  /* gray color palette  */\r\n  --gray-25: #f9fafb;\r\n  --gray-50: #f6f8fa;\r\n  --gray-100: #eef2f6;\r\n  --gray-200: #e3e8ef;\r\n  --gray-300: #cdd5df;\r\n  --gray-400: #808c9e;\r\n  --gray-500: #697586;\r\n  --gray-600: #4b5565;\r\n  --gray-700: #364152;\r\n  --gray-800: #202939;\r\n  --gray-900: #121926;\r\n  --gray-950: #0d121c;\r\n\r\n  /* brand dark blue color palette */\r\n  --brandDarkBlue-25: #f9f9fb;\r\n  --brandDarkBlue-50: #edeef3;\r\n  --brandDarkBlue-100: #d3d5e0;\r\n  --brandDarkBlue-200: #b5b9cc;\r\n  --brandDarkBlue-300: #9095b2;\r\n  --brandDarkBlue-400: #464f7f;\r\n  --brandDarkBlue-500: #212c65;\r\n  --brandDarkBlue-600: #1e285c;\r\n  --brandDarkBlue-700: #1c2554;\r\n  --brandDarkBlue-800: #161d43;\r\n  --brandDarkBlue-900: #0b0f22;\r\n  --brandDarkBlue-950: #070914;\r\n\r\n  /* brand red color palette */\r\n  --brandRed-25: #fffbfa;\r\n  --brandRed-50: #fef1f2;\r\n  --brandRed-100: #fde3e5;\r\n  --brandRed-200: #f9b4ba;\r\n  --brandRed-300: #f68e98;\r\n  --brandRed-400: #f36976;\r\n  --brandRed-500: #e21b2e;\r\n  --brandRed-600: #cc1a2a;\r\n  --brandRed-700: #b51726;\r\n  --brandRed-800: #8c121d;\r\n  --brandRed-900: #680d16;\r\n  --brandRed-950: #3f080d;\r\n\r\n  /* warning color palette */\r\n  --warning-25: #fffcf5;\r\n  --warning-50: #fffaeb;\r\n  --warning-100: #fef0c7;\r\n  --warning-200: #fedf89;\r\n  --warning-300: #fec84b;\r\n  --warning-400: #fdb022;\r\n  --warning-500: #f79009;\r\n  --warning-600: #dc6803;\r\n  --warning-700: #b54708;\r\n  --warning-800: #93370d;\r\n  --warning-900: #7a2e0e;\r\n  --warning-950: #4e1d09;\r\n\r\n  /* success color palette  */\r\n  --success-25: #f6fef9;\r\n  --success-50: #ecfdf3;\r\n  --success-100: #dcfaeb;\r\n  --success-200: #a9efc5;\r\n  --success-300: #75e0a7;\r\n  --success-400: #47cd89;\r\n  --success-500: #17b26a;\r\n  --success-600: #079455;\r\n  --success-700: #067647;\r\n  --success-800: #085d3a;\r\n  --success-900: #074d31;\r\n  --success-950: #053321;\r\n\r\n  /* ------------------------------------------opacity color palette--------------------------------------  */\r\n  /* 0% opacity */\r\n  /* White */\r\n  --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n  /* Gray */\r\n  --gray25-opacity0: rgba(249, 250, 251, 0);\r\n  --gray900-opacity0: rgba(18, 25, 38, 0);\r\n  --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n  /* 20% opacity */\r\n  /* White */\r\n  --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n  /* Dark Blue */\r\n  --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n  --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n  /* Gray */\r\n  --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n  --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n  --gray950-opacity20: rgba(13, 18, 28, 0.2);\r\n\r\n  /* 30% opacity */\r\n  --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n  --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n  /* 40% opacity */\r\n  --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n  --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n  /* 50% opacity */\r\n  /* White */\r\n  --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n  /* Gray */\r\n  --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n  --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n  --gray950-opacity50: rgba(13, 18, 28, 0.5);\r\n\r\n  /* ------------------------------------------Secondary Color------------------------------------------- */\r\n  /* blueLight color palete */\r\n  --lightBlue-25: #f5fbff;\r\n  --lightBlue-50: #f0f9ff;\r\n  --lightBlue-100: #e0f2fe;\r\n  --lightBlue-200: #b9e6fe;\r\n  --lightBlue-300: #7cd4fd;\r\n  --lightBlue-400: #7cd4fd;\r\n  --lightBlue-500: #0ba5ec;\r\n  --lightBlue-600: #0086c9;\r\n  --lightBlue-700: #026aa2;\r\n  --lightBlue-800: #065986;\r\n  --lightBlue-900: #0b4a6f;\r\n  --lightBlue-950: #062c41;\r\n\r\n  /* blue color palette */\r\n  --blue-25: #ecf5fe;\r\n  --blue-50: #e4f0fc;\r\n  --blue-100: #c8e0f9;\r\n  --blue-200: #9ac7f4;\r\n  --blue-300: #6aa9e7;\r\n  --blue-400: #378fe6;\r\n  --blue-500: #075db2;\r\n  --blue-600: #064e94;\r\n  --blue-700: #053e77;\r\n  --blue-800: #042f59;\r\n  --blue-900: #022445;\r\n  --blue-950: #021d37;\r\n\r\n  /* Purple color palete */\r\n  --purple-25: #fafaff;\r\n  --purple-50: #f4f3ff;\r\n  --purple-100: #ebe9fe;\r\n  --purple-200: #d9d6fe;\r\n  --purple-300: #bdb4fe;\r\n  --purple-400: #9b8afb;\r\n  --purple-500: #7a5af8;\r\n  --purple-600: #6938ef;\r\n  --purple-700: #5925dc;\r\n  --purple-800: #4a1fb8;\r\n  --purple-900: #3e1c96;\r\n  --purple-950: #27115f;\r\n\r\n  /* pink color palette */\r\n  --pink-25: #fef6fb;\r\n  --pink-50: #fdf2fa;\r\n  --pink-100: #fce7f6;\r\n  --pink-200: #fcceee;\r\n  --pink-300: #faa7e0;\r\n  --pink-400: #f670c7;\r\n  --pink-500: #ee46bc;\r\n  --pink-600: #dd2590;\r\n  --pink-700: #c11574;\r\n  --pink-800: #9e165f;\r\n  --pink-900: #851651;\r\n  --pink-950: #4e0d30;\r\n\r\n  /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n  /* -----------Text Color----------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-text-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-inverse: var(--base-black);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-subtle: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-subtle: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-warning-bold: var(--warning-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-warning-bold: var(--warning-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-warning: var(--warning-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-warning: var(--warning-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-warning-subtle: var(--warning-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-warning-subtle: var(--warning-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-success-bold: var(--success-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-success-bold: var(--success-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-success: var(--success-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-success: var(--success-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-success-subtle: var(--success-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-success-subtle: var(--success-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery-bold: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-subtle: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-subtle: var(--blue-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-subtle: var(--purple-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-subtle: var(--purple-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-subtle: var(--pink-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-subtle: var(--pink-400);\r\n  }\r\n\r\n  /* --------------Link color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-link: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-visited: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-visited: var(--lightBlue-300);\r\n  }\r\n\r\n  /* --------------Icon color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-warning-bold: var(--warning-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-warning-bold: var(--warning-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-warning: var(--warning-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-warning: var(--warning-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-success-bold: var(--success-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-success-bold: var(--success-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-success: var(--success-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-success: var(--success-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-discovery-bold: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink: var(--pink-300);\r\n  }\r\n\r\n  /* ----------------Border Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-border-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtle: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtler: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-disabled: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-input: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-input: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-focus: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-focus: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning-bold: var(--warning-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-warning-bold: var(--warning-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning: var(--warning-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-warning: var(--warning-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning-subtle: var(--warning-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-warning-subtle: var(--warning-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning-subtler: var(--warning-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-warning-subtler: var(--warning-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-success-bold: var(--success-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-success-bold: var(--success-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-success: var(--success-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-success: var(--success-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-success-subtle: var(--success-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-success-subtle: var(--success-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-success-subtler: var(--success-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-success-subtler: var(--success-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-bold: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtle: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtle: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtler: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtler: var(--blue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtle: var(--purple-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtle: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtler: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtler: var(--purple-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtle: var(--pink-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtle: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtler: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtler: var(--pink-900);\r\n  }\r\n\r\n  /* Emmanuel Kadiri starts from background color */\r\n\r\n  /* ----------------Background Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-background-card-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-card-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-card: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-card: var(--gray-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-input: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-input: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-disabled: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-disabled: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-btn-disabled: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-btn-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-hover: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-hover: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtle: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtler: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtlest: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtlest: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtlest: var(--brandRed-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtlest: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-bold: var(--warning-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-warning-bold: var(--warning-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning: var(--warning-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-warning: var(--warning-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-subtle: var(--warning-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-warning-subtle: var(--warning-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-subtler: var(--warning-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-warning-subtler: var(--warning-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-subtlest: var(--warning-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-warning-subtlest: var(--warning-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-success-bold: var(--success-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-success-bold: var(--success-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-success: var(--success-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-success: var(--success-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-success-subtle: var(--success-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-success-subtle: var(--success-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-success-subtler: var(--success-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-success-subtler: var(--success-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-success-subtlest: var(--success-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-success-subtlest: var(--success-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-discovery-bold: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-discovery: var(--lightBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-discovery-subtle: var(--lightBlue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-discovery-subtle: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-discovery-subtler: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-discovery-subtler: var(--lightBlue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-discovery-subtlest: var(--lightBlue-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-discovery-subtlest: var(--lightBlue-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-information: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-information-subtle: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-information-subtle: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-information-subtler: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-information-subtler: var(--blue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-information-subtlest: var(--blue-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-information-subtlest: var(--blue-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-purple-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-purple: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-purple-subtle: var(--purple-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-purple-subtle: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-purple-subtler: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-purple-subtler: var(--purple-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-purple-subtlest: var(--purple-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-purple-subtlest: var(--purple-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-pink: var(--pink-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-pink-subtle: var(--pink-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-pink-subtle: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-pink-subtler: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-pink-subtler: var(--pink-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-pink-subtlest: var(--purple-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-pink-subtlest: var(--pink-950);\r\n  }\r\n\r\n  /* ----------------Blanket Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-blanket: var(--darkBlue500-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket: var(--darkBlue200-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n  }\r\n\r\n  /* ----------------Skeleton Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-skeleton: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton: var(--gray-800);\r\n  }\r\n\r\n    [data-theme='light'] {\r\n    --color-skeleton-bold: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton-bold: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Surface Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-bold: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface: var(--gray-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-hovered: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-hovered: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-pressed: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-pressed: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Transparent Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-transparent50: var(--white-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent50: var(--gray900-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent20: var(--white-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent20: var(--gray900-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent-full: var(--white-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent-full: var(--gray900-opacity0);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent-full: var(--gray950-opacity0);\r\n  }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root {\r\n  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n  --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n  --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n  --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n  --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\r\n  --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n  --blur-sm: blur(4px);\r\n  --blur-md: blur(8px);\r\n  --blur-lg: blur(12px);\r\n  --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs {\r\n  box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm {\r\n  box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md {\r\n  box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg {\r\n  box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl {\r\n  box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl {\r\n  box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl {\r\n  box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm {\r\n  backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md {\r\n  backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg {\r\n  backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl {\r\n  backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n/* -----------------Gradients----------------- */\r\n:root {\r\n  /* Gray Gradients */\r\n  /* --gray-gradient-600: linear-gradient(); */\r\n  --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n  --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n  --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n  --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n  --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n  --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n  /* Brand Dark Blue Gradients */\r\n  --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n  --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n  --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n  --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n  --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n  --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n  /* Brand Red Gradients */\r\n  --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n  --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n  --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n  --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n  --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n  --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n  /* Blue Gradients */\r\n  --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n  --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n  --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n  --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n  --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n  --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n  background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n  background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n  background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n  background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n  background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n  background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d {\r\n  background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d {\r\n  background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d {\r\n  background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d {\r\n  background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d {\r\n  background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d {\r\n  background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d {\r\n  background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d {\r\n  background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d {\r\n  background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d {\r\n  background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d {\r\n  background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d {\r\n  background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d {\r\n  background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d {\r\n  background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d {\r\n  background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d {\r\n  background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d {\r\n  background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d {\r\n  background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/* Spacing Styles */\r\n:root {\r\n  /* Positive spacing */\r\n  --spacing-none: 0rem;\r\n  --spacing-half: 0.125rem;\r\n  --spacing-1: 0.25rem;\r\n  --spacing-2: 0.5rem;\r\n  --spacing-3: 0.75rem;\r\n  --spacing-4: 1rem;\r\n  --spacing-5: 1.25rem;\r\n  --spacing-6: 1.5rem;\r\n  --spacing-7: 2rem;\r\n  --spacing-8: 2.5rem;\r\n  --spacing-12: 3rem;\r\n  --spacing-16: 4rem;\r\n  --spacing-20: 5rem;\r\n  --spacing-24: 6rem;\r\n  --spacing-32: 8rem;\r\n  --spacing-40: 10rem;\r\n  --spacing-48: 12rem;\r\n  --spacing-56: 14rem;\r\n  --spacing-64: 16rem;\r\n\r\n  /* Negative spacing */\r\n\r\n  --spacing-negative-half: -0.125rem;\r\n  --spacing-negative-1: -0.25rem;\r\n  --spacing-negative-2: -0.5rem;\r\n  --spacing-negative-3: -0.75rem;\r\n  --spacing-negative-4: -1rem;\r\n  --spacing-negative-5: -1.25rem;\r\n  --spacing-negative-6: -1.5rem;\r\n  --spacing-negative-7: -2rem;\r\n\r\n  /* Radius  */\r\n  --rounded-none: 0rem;\r\n  --rounded-xs: 0.25rem;\r\n  --rounded-sm: 0.5rem;\r\n  --rounded-md: 0.75rem;\r\n  --rounded-lg: 1rem;\r\n  --rounded-xl: 1.5rem;\r\n  --rounded-2xl: 2rem;\r\n  --rounded-full: 62.438rem;\r\n}\r\n\r\n/* Typography Styles */\r\n\r\n:root {\r\n  /* Font Sizes */\r\n  --font-size-d-2xl: 4.5rem;\r\n  --font-size-d-xl: 3.75rem;\r\n  --font-size-d-lg: 3rem;\r\n  --font-size-d-md: 2.25rem;\r\n  --font-size-d-sm: 1.875rem;\r\n  --font-size-d-xs: 1.5rem;\r\n  --font-size-t-xl: 1.25rem;\r\n  --font-size-t-lg: 1.125rem;\r\n  --font-size-t-md: 1rem;\r\n  --font-size-t-sm: 0.875rem;\r\n  --font-size-t-xs: 0.75rem;\r\n  --font-size-t-xxs: 0.625rem;\r\n\r\n  /* Font Weights */\r\n  --font-weight-bold: 700;\r\n  --font-weight-semi-bold: 600;\r\n  --font-weight-medium: 500;\r\n  --font-weight-regular: 400;\r\n\r\n  /* Line Heights */\r\n  --font-line-height-d-2xl: 5rem;\r\n  --font-line-height-d-xl: 4.25rem;\r\n  --font-line-height-d-lg: 3.75rem;\r\n  --font-line-height-d-md: 2.75rem;\r\n  --font-line-height-d-sm: 2.375rem;\r\n  --font-line-height-d-xs: 2rem;\r\n  --font-line-height-t-xl: 2rem;\r\n  --font-line-height-t-lg: 1.875rem;\r\n  --font-line-height-t-md: 1.688rem;\r\n  --font-line-height-t-sm: 1.5rem;\r\n  --font-line-height-t-xs: 1.25rem;\r\n  --font-line-height-t-xxs: 1.125rem;\r\n\r\n  /* Letter Spacings */\r\n  --font-letter-spacing-d-2xl: -0.09rem;\r\n  --font-letter-spacing-d-xl: -0.075rem;\r\n  --font-letter-spacing-d-lg: -0.075rem;\r\n  --font-letter-spacing-d-md: -0.045rem;\r\n  --font-letter-spacing-d-sm: 0;\r\n  --font-letter-spacing-d-xs: 0;\r\n  --font-letter-spacing-d-xxs: 0;\r\n\r\n  /* Font Families */\r\n  --font-family-title: 'Sora';\r\n  --font-family-body: 'Sora';\r\n}\r\n\r\n/* Media queries for medium screens (tablet) */\r\n@media (max-width: 1199px) {\r\n  :root {\r\n    /* Font Sizes */\r\n    --font-size-d-2xl: 3.75rem;\r\n    --font-size-d-xl: 3.5rem;\r\n    --font-size-d-lg: 2.75rem;\r\n    --font-size-d-md: 2.25rem;\r\n    --font-size-d-sm: 1.875rem;\r\n    --font-size-d-xs: 1.5rem;\r\n\r\n    /* Line Heights */\r\n    --font-line-height-d-2xl: 4.25rem;\r\n    --font-line-height-d-xl: 3.75rem;\r\n    --font-line-height-d-lg: 2.4375rem;\r\n    --font-line-height-d-md: 2.75rem;\r\n    --font-line-height-d-sm: 2.375rem;\r\n    --font-line-height-d-xs: 2rem;\r\n\r\n    /* Letter Spacings */\r\n    --font-letter-spacing-2xl: -0.075rem;\r\n    --font-letter-spacing-xl: -0.065rem;\r\n    --font-letter-spacing-lg: -0.045rem;\r\n    --font-letter-spacing-md: -0.045rem;\r\n    --font-letter-spacing-sm: 0rem;\r\n    --font-letter-spacing-xs: 0rem;\r\n  }\r\n}\r\n\r\n/* Media queries for smaller screens (mobile) */\r\n@media (max-width: 743px) {\r\n  :root {\r\n    /* Font Sizes */\r\n    --font-size-d-2xl: 3rem;\r\n    --font-size-d-xl: 2.5rem;\r\n    --font-size-d-lg: 2rem;\r\n    --font-size-d-md: 1.75rem;\r\n    --font-size-d-sm: 1.5rem;\r\n    --font-size-d-xs: 1.25rem;\r\n\r\n    /* Line Heights */\r\n    --font-line-height-d-2xl: 3.375rem;\r\n    --font-line-height-d-xl: 2.875rem;\r\n    --font-line-height-d-lg: 2.5rem;\r\n    --font-line-height-d-md: 2.1375rem;\r\n    --font-line-height-d-sm: 2rem;\r\n    --font-line-height-d-xs: 1.75rem;\r\n\r\n    /* Letter Spacings */\r\n    --font-letter-spacing-2xl: -0.06rem;\r\n    --font-letter-spacing-xl: -0.05rem;\r\n    --font-letter-spacing-lg: -0.045rem;\r\n    --font-letter-spacing-md: 0rem;\r\n    --font-letter-spacing-sm: 0rem;\r\n    --font-letter-spacing-xs: 0rem;\r\n  }\r\n}\r\n\r\n.display-2xl-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-2xl);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-d-2xl);\r\n  letter-spacing: var(--font-letter-spacing-d-2xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-2xl-bold::before {\r\n  margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after {\r\n  margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-2xl);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-d-2xl);\r\n  letter-spacing: var(--font-letter-spacing-d-2xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before {\r\n  margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after {\r\n  margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-xl);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-d-xl);\r\n  letter-spacing: var(--font-letter-spacing-d-xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-xl-bold::before {\r\n  margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after {\r\n  margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-xl);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-d-xl);\r\n  letter-spacing: var(--font-letter-spacing-d-xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before {\r\n  margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after {\r\n  margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-lg);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-d-lg);\r\n  letter-spacing: var(--font-letter-spacing-d-lg);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-lg-bold::before {\r\n  margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after {\r\n  margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-lg);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-d-lg);\r\n  letter-spacing: var(--font-letter-spacing-d-lg);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before {\r\n  margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after {\r\n  margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-md);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-d-md);\r\n  letter-spacing: var(--font-letter-spacing-d-md);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-md-bold::before {\r\n  margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after {\r\n  margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-md);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-d-md);\r\n  letter-spacing: var(--font-letter-spacing-d-md);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-md-semi-bold::before {\r\n  margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after {\r\n  margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-sm);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-d-sm);\r\n  letter-spacing: var(--font-letter-spacing-d-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-sm-bold::before {\r\n  margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after {\r\n  margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-sm);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-d-sm);\r\n  letter-spacing: var(--font-letter-spacing-d-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before {\r\n  margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after {\r\n  margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-xs);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-d-xs);\r\n  letter-spacing: var(--font-letter-spacing-d-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-xs-bold::before {\r\n  margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after {\r\n  margin-top: -0.195em; /* Continue from here */\r\n}\r\n\r\n.display-xs-semi-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-xs);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-d-xs);\r\n  letter-spacing: var(--font-letter-spacing-d-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before {\r\n  margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after {\r\n  margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xl);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-t-xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xl-bold::before {\r\n  margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after {\r\n  margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xl);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before {\r\n  margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after {\r\n  margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xl);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xl-medium::before {\r\n  margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after {\r\n  margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xl);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xl-regular::before {\r\n  margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after {\r\n  margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-lg);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-t-lg);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-lg-bold::before {\r\n  margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after {\r\n  margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-lg);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-lg);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before {\r\n  margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after {\r\n  margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-lg);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-lg);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-lg-medium::before {\r\n  margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after {\r\n  margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-lg);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-lg);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-lg-regular::before {\r\n  margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after {\r\n  margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-md);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-t-md);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-md-bold::before {\r\n  margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after {\r\n  margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-md);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-md);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-md-semi-bold::before {\r\n  margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after {\r\n  margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-md);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-md);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-md-medium::before {\r\n  margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after {\r\n  margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-md);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-md);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-md-regular::before {\r\n  margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after {\r\n  margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-sm-bold::before {\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after {\r\n  margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before {\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after {\r\n  margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-sm-medium::before {\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after {\r\n  margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-sm-regular::before {\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after {\r\n  margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xs);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-t-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xs-bold::before {\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after {\r\n  margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xs);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before {\r\n  margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after {\r\n  margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xs);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xs-medium::before {\r\n  margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after {\r\n  margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xs);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xs-regular::before {\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after {\r\n  margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xxs);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-t-xxs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xxs-bold::before {\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after {\r\n  margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xxs);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-xxs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before {\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after {\r\n  margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xxs);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-xxs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xxs-medium::before {\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after {\r\n  margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xxs);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-xxs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xxs-regular::before {\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after {\r\n  margin-top: -0.416em;\r\n}\r\n\r\n/* Button slot styles */\r\n/* .slotted_button_text.primary {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n  color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n  color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n  color: var(--color-text-danger, #b51726) !important;\r\n} */\r\n\r\n.header_div {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  width: 100%;\r\n  background: var(--color-surface, #ffffff);\r\n}\r\n\r\n.header_div.border {\r\n  border-bottom: 0.7px solid var(--color-border-subtle, #cdd5df);\r\n}\r\n\r\n.content {\r\n  display: flex;\r\n  height: 4.5rem;\r\n  padding: 0rem 2rem;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  align-self: stretch;\r\n}\r\n\r\n.logo {\r\n  display: block;\r\n}\r\n\r\n.icon_logo {\r\n  display: none;\r\n}\r\n\r\n.header_logo {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.69rem;\r\n}\r\n\r\n.inner_content {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: var(--spacing-4);\r\n  flex: 1 0 0;\r\n  position: relative;\r\n}\r\n\r\n.action {\r\n  display: flex;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.search {\r\n  width: 20rem;\r\n}\r\n\r\n.help,\r\n.notification {\r\n  position: relative;\r\n}\r\n\r\n.avatar_dropdown {\r\n  position: absolute;\r\n  top: 110%;\r\n  right: 0;\r\n  z-index: 9999;\r\n}\r\n\r\n::slotted([slot='name'] p) {\r\n  color: var(--color-text, #4b5565);\r\n  width: 100%;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n::slotted([slot='supporting_text'] p) {\r\n  color: var(--color-text-subtle, #697586);\r\n  width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.notification_dropdown {\r\n  position: absolute;\r\n  top: 110%;\r\n  right: 0;\r\n  z-index: 9999;\r\n}\r\n\r\n.help_dropdown {\r\n  position: absolute;\r\n  top: 110%;\r\n  right: 0;\r\n  z-index: 9999;\r\n}\r\n\r\n@media (max-width: 440px) {\r\n  .content {\r\n    padding: var(--spacing-none) var(--spacing-5);\r\n  }\r\n}\r\n\r\n@media (max-width: 450px) {\r\n  .logo {\r\n    display: none;\r\n  }\r\n\r\n  .icon_logo {\r\n    display: block;\r\n  }\r\n}\r\n";
+const gbHeaderCss = "/* @import 'tailwind.css'; */\r\n@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');\r\n\r\n:root {\r\n  /* --------------------------------------Primary Colors--------------------------------------------- */\r\n  /* base color palette */\r\n  --base-white: #fff;\r\n  --base-black: #000;\r\n\r\n  /* gray color palette  */\r\n  --gray-25: #f9fafb;\r\n  --gray-50: #f6f8fa;\r\n  --gray-100: #eef2f6;\r\n  --gray-200: #e3e8ef;\r\n  --gray-300: #cdd5df;\r\n  --gray-400: #808c9e;\r\n  --gray-500: #697586;\r\n  --gray-600: #4b5565;\r\n  --gray-700: #364152;\r\n  --gray-800: #202939;\r\n  --gray-900: #121926;\r\n  --gray-950: #0d121c;\r\n\r\n  /* brand dark blue color palette */\r\n  --brandDarkBlue-25: #f9f9fb;\r\n  --brandDarkBlue-50: #edeef3;\r\n  --brandDarkBlue-100: #d3d5e0;\r\n  --brandDarkBlue-200: #b5b9cc;\r\n  --brandDarkBlue-300: #9095b2;\r\n  --brandDarkBlue-400: #464f7f;\r\n  --brandDarkBlue-500: #212c65;\r\n  --brandDarkBlue-600: #1e285c;\r\n  --brandDarkBlue-700: #1c2554;\r\n  --brandDarkBlue-800: #161d43;\r\n  --brandDarkBlue-900: #0b0f22;\r\n  --brandDarkBlue-950: #070914;\r\n\r\n  /* brand red color palette */\r\n  --brandRed-25: #fffbfa;\r\n  --brandRed-50: #fef1f2;\r\n  --brandRed-100: #fde3e5;\r\n  --brandRed-200: #f9b4ba;\r\n  --brandRed-300: #f68e98;\r\n  --brandRed-400: #f36976;\r\n  --brandRed-500: #e21b2e;\r\n  --brandRed-600: #cc1a2a;\r\n  --brandRed-700: #b51726;\r\n  --brandRed-800: #8c121d;\r\n  --brandRed-900: #680d16;\r\n  --brandRed-950: #3f080d;\r\n\r\n  /* warning color palette */\r\n  --warning-25: #fffcf5;\r\n  --warning-50: #fffaeb;\r\n  --warning-100: #fef0c7;\r\n  --warning-200: #fedf89;\r\n  --warning-300: #fec84b;\r\n  --warning-400: #fdb022;\r\n  --warning-500: #f79009;\r\n  --warning-600: #dc6803;\r\n  --warning-700: #b54708;\r\n  --warning-800: #93370d;\r\n  --warning-900: #7a2e0e;\r\n  --warning-950: #4e1d09;\r\n\r\n  /* success color palette  */\r\n  --success-25: #f6fef9;\r\n  --success-50: #ecfdf3;\r\n  --success-100: #dcfaeb;\r\n  --success-200: #a9efc5;\r\n  --success-300: #75e0a7;\r\n  --success-400: #47cd89;\r\n  --success-500: #17b26a;\r\n  --success-600: #079455;\r\n  --success-700: #067647;\r\n  --success-800: #085d3a;\r\n  --success-900: #074d31;\r\n  --success-950: #053321;\r\n\r\n  /* ------------------------------------------opacity color palette--------------------------------------  */\r\n  /* 0% opacity */\r\n  /* White */\r\n  --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n  /* Gray */\r\n  --gray25-opacity0: rgba(249, 250, 251, 0);\r\n  --gray900-opacity0: rgba(18, 25, 38, 0);\r\n  --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n  /* 20% opacity */\r\n  /* White */\r\n  --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n  /* Dark Blue */\r\n  --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n  --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n  /* Gray */\r\n  --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n  --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n  --gray950-opacity20: rgba(13, 18, 28, 0.2);\r\n\r\n  /* 30% opacity */\r\n  --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n  --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n  /* 40% opacity */\r\n  --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n  --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n  /* 50% opacity */\r\n  /* White */\r\n  --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n  /* Gray */\r\n  --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n  --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n  --gray950-opacity50: rgba(13, 18, 28, 0.5);\r\n\r\n  /* ------------------------------------------Secondary Color------------------------------------------- */\r\n  /* blueLight color palete */\r\n  --lightBlue-25: #f5fbff;\r\n  --lightBlue-50: #f0f9ff;\r\n  --lightBlue-100: #e0f2fe;\r\n  --lightBlue-200: #b9e6fe;\r\n  --lightBlue-300: #7cd4fd;\r\n  --lightBlue-400: #7cd4fd;\r\n  --lightBlue-500: #0ba5ec;\r\n  --lightBlue-600: #0086c9;\r\n  --lightBlue-700: #026aa2;\r\n  --lightBlue-800: #065986;\r\n  --lightBlue-900: #0b4a6f;\r\n  --lightBlue-950: #062c41;\r\n\r\n  /* blue color palette */\r\n  --blue-25: #ecf5fe;\r\n  --blue-50: #e4f0fc;\r\n  --blue-100: #c8e0f9;\r\n  --blue-200: #9ac7f4;\r\n  --blue-300: #6aa9e7;\r\n  --blue-400: #378fe6;\r\n  --blue-500: #075db2;\r\n  --blue-600: #064e94;\r\n  --blue-700: #053e77;\r\n  --blue-800: #042f59;\r\n  --blue-900: #022445;\r\n  --blue-950: #021d37;\r\n\r\n  /* Purple color palete */\r\n  --purple-25: #fafaff;\r\n  --purple-50: #f4f3ff;\r\n  --purple-100: #ebe9fe;\r\n  --purple-200: #d9d6fe;\r\n  --purple-300: #bdb4fe;\r\n  --purple-400: #9b8afb;\r\n  --purple-500: #7a5af8;\r\n  --purple-600: #6938ef;\r\n  --purple-700: #5925dc;\r\n  --purple-800: #4a1fb8;\r\n  --purple-900: #3e1c96;\r\n  --purple-950: #27115f;\r\n\r\n  /* pink color palette */\r\n  --pink-25: #fef6fb;\r\n  --pink-50: #fdf2fa;\r\n  --pink-100: #fce7f6;\r\n  --pink-200: #fcceee;\r\n  --pink-300: #faa7e0;\r\n  --pink-400: #f670c7;\r\n  --pink-500: #ee46bc;\r\n  --pink-600: #dd2590;\r\n  --pink-700: #c11574;\r\n  --pink-800: #9e165f;\r\n  --pink-900: #851651;\r\n  --pink-950: #4e0d30;\r\n\r\n  /* -------------------------------------------------Token---------------------------------------------- */\r\n\r\n  /* -----------Text Color----------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-text-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-inverse: var(--base-black);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandDarkBlue: var(--brandDarkBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-subtle: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-subtle: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-warning-bold: var(--warning-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-warning-bold: var(--warning-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-warning: var(--warning-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-warning: var(--warning-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-warning-subtle: var(--warning-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-warning-subtle: var(--warning-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-success-bold: var(--success-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-success-bold: var(--success-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-success: var(--success-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-success: var(--success-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-success-subtle: var(--success-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-success-subtle: var(--success-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery-bold: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-discovery-subtle: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-information-subtle: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-information-subtle: var(--blue-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-purple-subtle: var(--purple-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-purple-subtle: var(--purple-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-text-pink-subtle: var(--pink-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-text-pink-subtle: var(--pink-400);\r\n  }\r\n\r\n  /* --------------Link color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-link: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-pressed: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-link-visited: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-link-visited: var(--lightBlue-300);\r\n  }\r\n\r\n  /* --------------Icon color--------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-subtle: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-subtle: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-disabled: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-disabled: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-danger-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-danger-inverse: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-warning-bold: var(--warning-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-warning-bold: var(--warning-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-warning: var(--warning-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-warning: var(--warning-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-success-bold: var(--success-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-success-bold: var(--success-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-success: var(--success-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-success: var(--success-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-discovery-bold: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-icon-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-icon-pink: var(--pink-300);\r\n  }\r\n\r\n  /* ----------------Border Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-border-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtle: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-subtler: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-disabled: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-inverse: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-inverse: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-input: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-input: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-focus: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-focus: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning-bold: var(--warning-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-warning-bold: var(--warning-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning: var(--warning-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-warning: var(--warning-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning-subtle: var(--warning-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-warning-subtle: var(--warning-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-warning-subtler: var(--warning-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-warning-subtler: var(--warning-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-success-bold: var(--success-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-success-bold: var(--success-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-success: var(--success-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-success: var(--success-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-success-subtle: var(--success-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-success-subtle: var(--success-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-success-subtler: var(--success-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-success-subtler: var(--success-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-bold: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery: var(--lightBlue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtle: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-discovery-subtler: var(--lightBlue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtle: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtle: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-information-subtler: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-information-subtler: var(--blue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-bold: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple: var(--purple-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtle: var(--purple-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtle: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-purple-subtler: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-purple-subtler: var(--purple-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink: var(--pink-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtle: var(--pink-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtle: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-border-pink-subtler: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-border-pink-subtler: var(--pink-900);\r\n  }\r\n\r\n  /* Emmanuel Kadiri starts from background color */\r\n\r\n  /* ----------------Background Color --------------- */\r\n\r\n  [data-theme='light'] {\r\n    --color-background-card-bold: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-card-bold: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-card: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-card: var(--gray-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-input: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-input: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-disabled: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-disabled: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-btn-disabled: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-btn-disabled: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-selected: var(--blue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-selected: var(--blue-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed: var(--brandRed-500);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed: var(--brandRed-300);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-hover: var(--brandRed-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-hover: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-brandRed-pressed: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-bold: var(--gray-400);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-bold: var(--gray-500);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray: var(--gray-600);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtle: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtle: var(--gray-700);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtler: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtler: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-gray-subtlest: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-gray-subtlest: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-bold: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-bold: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger: var(--brandRed-700);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtle: var(--brandRed-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtle: var(--brandRed-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtler: var(--brandRed-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtler: var(--brandRed-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-danger-subtlest: var(--brandRed-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-danger-subtlest: var(--brandRed-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-bold: var(--warning-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-warning-bold: var(--warning-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning: var(--warning-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-warning: var(--warning-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-subtle: var(--warning-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-warning-subtle: var(--warning-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-subtler: var(--warning-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-warning-subtler: var(--warning-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-warning-subtlest: var(--warning-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-warning-subtlest: var(--warning-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-success-bold: var(--success-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-success-bold: var(--success-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-success: var(--success-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-success: var(--success-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-success-subtle: var(--success-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-success-subtle: var(--success-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-success-subtler: var(--success-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-success-subtler: var(--success-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-success-subtlest: var(--success-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-success-subtlest: var(--success-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-discovery-bold: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-discovery-bold: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-discovery: var(--lightBlue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-discovery: var(--lightBlue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-discovery-subtle: var(--lightBlue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-discovery-subtle: var(--lightBlue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-discovery-subtler: var(--lightBlue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-discovery-subtler: var(--lightBlue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-discovery-subtlest: var(--lightBlue-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-discovery-subtlest: var(--lightBlue-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-information-bold: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-information-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-information: var(--blue-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-information: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-information-subtle: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-information-subtle: var(--blue-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-information-subtler: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-information-subtler: var(--blue-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-information-subtlest: var(--blue-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-information-subtlest: var(--blue-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-purple-bold: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-purple-bold: var(--blue-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-purple: var(--purple-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-purple: var(--blue-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-purple-subtle: var(--purple-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-purple-subtle: var(--purple-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-purple-subtler: var(--purple-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-purple-subtler: var(--purple-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-purple-subtlest: var(--purple-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-purple-subtlest: var(--purple-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-pink-bold: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-pink-bold: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-pink: var(--pink-600);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-pink: var(--pink-200);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-pink-subtle: var(--pink-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-pink-subtle: var(--pink-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-pink-subtler: var(--pink-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-pink-subtler: var(--pink-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-background-pink-subtlest: var(--purple-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-background-pink-subtlest: var(--pink-950);\r\n  }\r\n\r\n  /* ----------------Blanket Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-blanket: var(--darkBlue500-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket: var(--darkBlue200-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n  }\r\n\r\n  /* ----------------Skeleton Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-skeleton: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton: var(--gray-800);\r\n  }\r\n\r\n    [data-theme='light'] {\r\n    --color-skeleton-bold: var(--gray-300);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-skeleton-bold: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Surface Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-bold: var(--gray-50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold: var(--gray-950);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface: var(--base-white);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface: var(--gray-900);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-hovered: var(--gray-100);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-hovered: var(--gray-800);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-pressed: var(--gray-200);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-pressed: var(--gray-700);\r\n  }\r\n\r\n  /* ----------------Transparent Color --------------- */\r\n  [data-theme='light'] {\r\n    --color-surface-transparent50: var(--white-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent50: var(--gray900-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent20: var(--white-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent20: var(--gray900-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-transparent-full: var(--white-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-transparent-full: var(--gray900-opacity0);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n  }\r\n\r\n  [data-theme='light'] {\r\n    --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n  }\r\n\r\n  [data-theme='dark'] {\r\n    --color-surface-bold-transparent-full: var(--gray950-opacity0);\r\n  }\r\n}\r\n\r\n/* -----------------Shadow and Blur----------------- */\r\n:root {\r\n  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n  --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n  --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n  --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n  --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n  --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\r\n  --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n  --blur-sm: blur(4px);\r\n  --blur-md: blur(8px);\r\n  --blur-lg: blur(12px);\r\n  --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs {\r\n  box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm {\r\n  box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md {\r\n  box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg {\r\n  box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl {\r\n  box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl {\r\n  box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl {\r\n  box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm {\r\n  backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md {\r\n  backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg {\r\n  backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl {\r\n  backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n/* -----------------Gradients----------------- */\r\n:root {\r\n  /* Gray Gradients */\r\n  /* --gray-gradient-600: linear-gradient(); */\r\n  --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n  --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n  --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n  --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n  --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n  --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n  /* Brand Dark Blue Gradients */\r\n  --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n  --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n  --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n  --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n  --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n  --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n  /* Brand Red Gradients */\r\n  --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n  --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n  --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n  --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n  --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n  --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n  /* Blue Gradients */\r\n  --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n  --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n  --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n  --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n  --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n  --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n  background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n  background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n  background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n  background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n  background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n  background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d {\r\n  background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d {\r\n  background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d {\r\n  background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d {\r\n  background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d {\r\n  background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d {\r\n  background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d {\r\n  background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d {\r\n  background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d {\r\n  background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d {\r\n  background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d {\r\n  background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d {\r\n  background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d {\r\n  background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d {\r\n  background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d {\r\n  background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d {\r\n  background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d {\r\n  background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d {\r\n  background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/* Spacing Styles */\r\n:root {\r\n  /* Positive spacing */\r\n  --spacing-none: 0rem;\r\n  --spacing-half: 0.125rem;\r\n  --spacing-1: 0.25rem;\r\n  --spacing-2: 0.5rem;\r\n  --spacing-3: 0.75rem;\r\n  --spacing-4: 1rem;\r\n  --spacing-5: 1.25rem;\r\n  --spacing-6: 1.5rem;\r\n  --spacing-7: 2rem;\r\n  --spacing-8: 2.5rem;\r\n  --spacing-12: 3rem;\r\n  --spacing-16: 4rem;\r\n  --spacing-20: 5rem;\r\n  --spacing-24: 6rem;\r\n  --spacing-32: 8rem;\r\n  --spacing-40: 10rem;\r\n  --spacing-48: 12rem;\r\n  --spacing-56: 14rem;\r\n  --spacing-64: 16rem;\r\n\r\n  /* Negative spacing */\r\n\r\n  --spacing-negative-half: -0.125rem;\r\n  --spacing-negative-1: -0.25rem;\r\n  --spacing-negative-2: -0.5rem;\r\n  --spacing-negative-3: -0.75rem;\r\n  --spacing-negative-4: -1rem;\r\n  --spacing-negative-5: -1.25rem;\r\n  --spacing-negative-6: -1.5rem;\r\n  --spacing-negative-7: -2rem;\r\n\r\n  /* Radius  */\r\n  --rounded-none: 0rem;\r\n  --rounded-xs: 0.25rem;\r\n  --rounded-sm: 0.5rem;\r\n  --rounded-md: 0.75rem;\r\n  --rounded-lg: 1rem;\r\n  --rounded-xl: 1.5rem;\r\n  --rounded-2xl: 2rem;\r\n  --rounded-full: 62.438rem;\r\n}\r\n\r\n/* Typography Styles */\r\n\r\n:root {\r\n  /* Font Sizes */\r\n  --font-size-d-2xl: 4.5rem;\r\n  --font-size-d-xl: 3.75rem;\r\n  --font-size-d-lg: 3rem;\r\n  --font-size-d-md: 2.25rem;\r\n  --font-size-d-sm: 1.875rem;\r\n  --font-size-d-xs: 1.5rem;\r\n  --font-size-t-xl: 1.25rem;\r\n  --font-size-t-lg: 1.125rem;\r\n  --font-size-t-md: 1rem;\r\n  --font-size-t-sm: 0.875rem;\r\n  --font-size-t-xs: 0.75rem;\r\n  --font-size-t-xxs: 0.625rem;\r\n\r\n  /* Font Weights */\r\n  --font-weight-bold: 700;\r\n  --font-weight-semi-bold: 600;\r\n  --font-weight-medium: 500;\r\n  --font-weight-regular: 400;\r\n\r\n  /* Line Heights */\r\n  --font-line-height-d-2xl: 5rem;\r\n  --font-line-height-d-xl: 4.25rem;\r\n  --font-line-height-d-lg: 3.75rem;\r\n  --font-line-height-d-md: 2.75rem;\r\n  --font-line-height-d-sm: 2.375rem;\r\n  --font-line-height-d-xs: 2rem;\r\n  --font-line-height-t-xl: 2rem;\r\n  --font-line-height-t-lg: 1.875rem;\r\n  --font-line-height-t-md: 1.688rem;\r\n  --font-line-height-t-sm: 1.5rem;\r\n  --font-line-height-t-xs: 1.25rem;\r\n  --font-line-height-t-xxs: 1.125rem;\r\n\r\n  /* Letter Spacings */\r\n  --font-letter-spacing-d-2xl: -0.09rem;\r\n  --font-letter-spacing-d-xl: -0.075rem;\r\n  --font-letter-spacing-d-lg: -0.075rem;\r\n  --font-letter-spacing-d-md: -0.045rem;\r\n  --font-letter-spacing-d-sm: 0;\r\n  --font-letter-spacing-d-xs: 0;\r\n  --font-letter-spacing-d-xxs: 0;\r\n\r\n  /* Font Families */\r\n  --font-family-title: 'Sora';\r\n  --font-family-body: 'Sora';\r\n}\r\n\r\n/* Media queries for medium screens (tablet) */\r\n@media (max-width: 1199px) {\r\n  :root {\r\n    /* Font Sizes */\r\n    --font-size-d-2xl: 3.75rem;\r\n    --font-size-d-xl: 3.5rem;\r\n    --font-size-d-lg: 2.75rem;\r\n    --font-size-d-md: 2.25rem;\r\n    --font-size-d-sm: 1.875rem;\r\n    --font-size-d-xs: 1.5rem;\r\n\r\n    /* Line Heights */\r\n    --font-line-height-d-2xl: 4.25rem;\r\n    --font-line-height-d-xl: 3.75rem;\r\n    --font-line-height-d-lg: 2.4375rem;\r\n    --font-line-height-d-md: 2.75rem;\r\n    --font-line-height-d-sm: 2.375rem;\r\n    --font-line-height-d-xs: 2rem;\r\n\r\n    /* Letter Spacings */\r\n    --font-letter-spacing-2xl: -0.075rem;\r\n    --font-letter-spacing-xl: -0.065rem;\r\n    --font-letter-spacing-lg: -0.045rem;\r\n    --font-letter-spacing-md: -0.045rem;\r\n    --font-letter-spacing-sm: 0rem;\r\n    --font-letter-spacing-xs: 0rem;\r\n  }\r\n}\r\n\r\n/* Media queries for smaller screens (mobile) */\r\n@media (max-width: 743px) {\r\n  :root {\r\n    /* Font Sizes */\r\n    --font-size-d-2xl: 3rem;\r\n    --font-size-d-xl: 2.5rem;\r\n    --font-size-d-lg: 2rem;\r\n    --font-size-d-md: 1.75rem;\r\n    --font-size-d-sm: 1.5rem;\r\n    --font-size-d-xs: 1.25rem;\r\n\r\n    /* Line Heights */\r\n    --font-line-height-d-2xl: 3.375rem;\r\n    --font-line-height-d-xl: 2.875rem;\r\n    --font-line-height-d-lg: 2.5rem;\r\n    --font-line-height-d-md: 2.1375rem;\r\n    --font-line-height-d-sm: 2rem;\r\n    --font-line-height-d-xs: 1.75rem;\r\n\r\n    /* Letter Spacings */\r\n    --font-letter-spacing-2xl: -0.06rem;\r\n    --font-letter-spacing-xl: -0.05rem;\r\n    --font-letter-spacing-lg: -0.045rem;\r\n    --font-letter-spacing-md: 0rem;\r\n    --font-letter-spacing-sm: 0rem;\r\n    --font-letter-spacing-xs: 0rem;\r\n  }\r\n}\r\n\r\n.display-2xl-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-2xl);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-d-2xl);\r\n  letter-spacing: var(--font-letter-spacing-d-2xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-2xl-bold::before {\r\n  margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after {\r\n  margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-2xl);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-d-2xl);\r\n  letter-spacing: var(--font-letter-spacing-d-2xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before {\r\n  margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after {\r\n  margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-xl);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-d-xl);\r\n  letter-spacing: var(--font-letter-spacing-d-xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-xl-bold::before {\r\n  margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after {\r\n  margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-xl);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-d-xl);\r\n  letter-spacing: var(--font-letter-spacing-d-xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before {\r\n  margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after {\r\n  margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-lg);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-d-lg);\r\n  letter-spacing: var(--font-letter-spacing-d-lg);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-lg-bold::before {\r\n  margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after {\r\n  margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-lg);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-d-lg);\r\n  letter-spacing: var(--font-letter-spacing-d-lg);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before {\r\n  margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after {\r\n  margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-md);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-d-md);\r\n  letter-spacing: var(--font-letter-spacing-d-md);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-md-bold::before {\r\n  margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after {\r\n  margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-md);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-d-md);\r\n  letter-spacing: var(--font-letter-spacing-d-md);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-md-semi-bold::before {\r\n  margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after {\r\n  margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-sm);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-d-sm);\r\n  letter-spacing: var(--font-letter-spacing-d-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-sm-bold::before {\r\n  margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after {\r\n  margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-sm);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-d-sm);\r\n  letter-spacing: var(--font-letter-spacing-d-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before {\r\n  margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after {\r\n  margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-xs);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-d-xs);\r\n  letter-spacing: var(--font-letter-spacing-d-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-xs-bold::before {\r\n  margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after {\r\n  margin-top: -0.195em; /* Continue from here */\r\n}\r\n\r\n.display-xs-semi-bold {\r\n  font-family: var(--font-family-title);\r\n  font-size: var(--font-size-d-xs);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-d-xs);\r\n  letter-spacing: var(--font-letter-spacing-d-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before {\r\n  margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after {\r\n  margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xl);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-t-xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xl-bold::before {\r\n  margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after {\r\n  margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xl);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before {\r\n  margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after {\r\n  margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xl);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xl-medium::before {\r\n  margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after {\r\n  margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xl);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-xl);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xl-regular::before {\r\n  margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after {\r\n  margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-lg);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-t-lg);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-lg-bold::before {\r\n  margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after {\r\n  margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-lg);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-lg);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before {\r\n  margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after {\r\n  margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-lg);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-lg);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-lg-medium::before {\r\n  margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after {\r\n  margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-lg);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-lg);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-lg-regular::before {\r\n  margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after {\r\n  margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-md);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-t-md);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-md-bold::before {\r\n  margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after {\r\n  margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-md);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-md);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-md-semi-bold::before {\r\n  margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after {\r\n  margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-md);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-md);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-md-medium::before {\r\n  margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after {\r\n  margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-md);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-md);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-md-regular::before {\r\n  margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after {\r\n  margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-sm-bold::before {\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after {\r\n  margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before {\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after {\r\n  margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-sm-medium::before {\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after {\r\n  margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-sm-regular::before {\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after {\r\n  margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xs);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-t-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xs-bold::before {\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after {\r\n  margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xs);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before {\r\n  margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after {\r\n  margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xs);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xs-medium::before {\r\n  margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after {\r\n  margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xs);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xs-regular::before {\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after {\r\n  margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xxs);\r\n  font-weight: var(--font-weight-bold);\r\n  line-height: var(--font-line-height-t-xxs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xxs-bold::before {\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after {\r\n  margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xxs);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-xxs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before {\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after {\r\n  margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xxs);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-xxs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xxs-medium::before {\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after {\r\n  margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular {\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xxs);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-xxs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after {\r\n  content: '';\r\n  display: table;\r\n}\r\n\r\n.text-xxs-regular::before {\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after {\r\n  margin-top: -0.416em;\r\n}\r\n\r\n/* Button slot styles */\r\n/* .slotted_button_text.primary {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n  color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n  color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n  color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n  color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n  color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n  color: var(--color-text-danger, #b51726) !important;\r\n} */\r\n\r\n.header_div {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  width: 100%;\r\n  background: var(--color-surface, #ffffff);\r\n}\r\n\r\n.header_div.border {\r\n  border-bottom: 0.7px solid var(--color-border-subtle, #cdd5df);\r\n}\r\n\r\n.content {\r\n  display: flex;\r\n  height: 4.5rem;\r\n  padding: 0rem 2rem;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  align-self: stretch;\r\n}\r\n\r\n.logo {\r\n  display: block;\r\n}\r\n\r\n.icon_logo {\r\n  display: none;\r\n}\r\n\r\n.header_logo {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.69rem;\r\n}\r\n\r\n.inner_content {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: var(--spacing-4);\r\n  flex: 1 0 0;\r\n  position: relative;\r\n}\r\n\r\n.action {\r\n  display: flex;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.full_search_bar_wrapper {\r\n  width: 100%;\r\n  display: flex;\r\n  gap: var(--spacing-2);\r\n  padding: var(--spacing-2) var(--spacing-4);\r\n  box-sizing: border-box;\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  pointer-events: auto;\r\n\r\n  transition:\r\n    opacity 200ms ease,\r\n    transform 200ms ease;\r\n}\r\n\r\n.full_search_bar_wrapper.is-hidden {\r\n  opacity: 0;\r\n  display: none;\r\n  transform: translateY(-8px);\r\n  pointer-events: none;\r\n}\r\n\r\n.full_search_bar {\r\n  flex: 1 1 0;\r\n}\r\n\r\n.search {\r\n  width: 20rem;\r\n}\r\n\r\n.help,\r\n.notification {\r\n  position: relative;\r\n}\r\n\r\n.avatar_dropdown {\r\n  position: absolute;\r\n  top: 110%;\r\n  right: 0;\r\n  z-index: 9999;\r\n}\r\n\r\n::slotted([slot='name'] p) {\r\n  color: var(--color-text, #4b5565);\r\n  width: 100%;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n::slotted([slot='supporting_text'] p) {\r\n  color: var(--color-text-subtle, #697586);\r\n  width: 100%;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n.notification_dropdown {\r\n  position: absolute;\r\n  top: 110%;\r\n  right: 0;\r\n  z-index: 9999;\r\n}\r\n\r\n.help_dropdown {\r\n  position: absolute;\r\n  top: 110%;\r\n  right: 0;\r\n  z-index: 9999;\r\n}\r\n\r\n@media (max-width: 440px) {\r\n  .content {\r\n    padding: var(--spacing-none) var(--spacing-5);\r\n  }\r\n}\r\n\r\n@media (max-width: 450px) {\r\n  .logo {\r\n    display: none;\r\n  }\r\n\r\n  .icon_logo {\r\n    display: block;\r\n  }\r\n}\r\n";
 
 const GbHeader = class {
     constructor(hostRef) {
@@ -4657,21 +4668,15 @@ const GbHeader = class {
         //   icon: 'assets/mail-at-sign-02.svg',
         // },
         ];
-        this.avatarDropdownShown = false;
-        this.notificationDropdownShown = false;
-        this.helpDropdownShown = false;
         this.initials = '';
         this.width = window.innerWidth;
         this.activeDropdown = null;
         this.breakpoint = 'desktop';
         this.searchBarShown = false;
         this.showSearchButton = false;
-    }
-    // private handleResize = () => {
-    //   this.width = window.innerWidth;
-    // };
-    updatePaginationSize() {
-        this.breakpoint = this.width < 730 ? 'mobile' : 'desktop';
+        this.handleResize = () => {
+            this.width = window.innerWidth;
+        };
     }
     toggleDropdown(id) {
         this.activeDropdown = this.activeDropdown === id ? null : id;
@@ -4718,6 +4723,7 @@ const GbHeader = class {
         if (initials) {
             this.initials = initials.textContent;
         }
+        window.addEventListener('resize', this.handleResize);
     }
     helpDropdownItemClicked(item) {
         this.helpItemClicked.emit(item.detail);
@@ -4726,13 +4732,8 @@ const GbHeader = class {
         this.themeTabClicked.emit(tab.detail);
     }
     onAvatarDropdownItemClicked(item) {
-        console.log(item.detail);
         this.avatarDropdownItemClicked.emit(item.detail);
     }
-    onNotificationDropdownItemClicked(item) {
-        console.log(item.detail);
-        // this.avatarDropdownItemClicked.emit(item.detail);
-    }
     handleClickOutside(event) {
         const path = event.composedPath();
         if (!path.includes(this.el)) {
@@ -4749,11 +4750,22 @@ const GbHeader = class {
             return (index.h("div", { class: "header_logo" }, index.h("img", { src: logoSrc, alt: "" }), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "117", height: "17", viewBox: "0 0 117 17", fill: "none" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M55.977 12.6264C56.3596 13.1025 56.8394 13.4915 57.3843 13.7674C57.9292 14.0434 58.5268 14.1998 59.137 14.2264C59.3682 14.2276 59.5989 14.2038 59.825 14.1554C60.0203 14.1134 60.2068 14.0376 60.376 13.9314C60.5266 13.8276 60.6514 13.6908 60.741 13.5314C60.8332 13.3494 60.8789 13.1473 60.874 12.9434C60.8797 12.7871 60.8427 12.6322 60.767 12.4954C60.6928 12.3641 60.5948 12.2478 60.478 12.1524C60.3548 12.0522 60.2206 11.9663 60.078 11.8964C59.9369 11.8205 59.7898 11.7567 59.638 11.7054C59.365 11.6054 59.092 11.4954 58.821 11.4054C58.55 11.3154 58.285 11.2194 58.009 11.1054C57.856 11.0544 57.668 10.9864 57.454 10.9054C57.2189 10.8192 56.9891 10.7191 56.766 10.6054C56.5267 10.4828 56.2967 10.3428 56.078 10.1864C55.8479 10.0188 55.6411 9.82143 55.463 9.59936C55.2755 9.3641 55.1254 9.10136 55.018 8.82037C54.8987 8.50077 54.841 8.16145 54.848 7.82037C54.8385 7.38435 54.9601 6.95552 55.197 6.58938C55.4368 6.22409 55.7548 5.91665 56.128 5.68935C56.5352 5.44285 56.9786 5.26199 57.442 5.15337C57.9371 5.03187 58.4452 4.9714 58.955 4.97335C59.7154 4.96345 60.4735 5.05835 61.208 5.25536C61.883 5.44235 62.5133 5.76379 63.061 6.20037L61.881 7.97738C61.675 7.77738 61.475 7.59837 61.276 7.43737C61.0823 7.28066 60.8736 7.14333 60.653 7.02737C60.4242 6.91238 60.1825 6.82509 59.933 6.76736C59.6405 6.70771 59.3425 6.67923 59.044 6.68237C58.8003 6.6793 58.5576 6.71302 58.324 6.78237C58.1425 6.83794 57.973 6.92678 57.824 7.04437C57.7018 7.14787 57.6053 7.27829 57.542 7.42538C57.4813 7.5669 57.4503 7.71939 57.451 7.87338C57.4479 8.03229 57.4929 8.18844 57.58 8.32137C57.6712 8.45192 57.7854 8.56477 57.917 8.65438C58.0598 8.75308 58.2135 8.83495 58.375 8.89837C58.549 8.96737 58.724 9.03036 58.903 9.08737C59.183 9.18737 59.467 9.28736 59.749 9.37936C60.031 9.47136 60.313 9.57035 60.592 9.66735C60.731 9.72035 60.902 9.77936 61.104 9.85336C61.3158 9.93021 61.522 10.0218 61.721 10.1274C61.945 10.2432 62.1576 10.3798 62.356 10.5354C62.571 10.6981 62.7616 10.8907 62.922 11.1074C63.0947 11.347 63.2296 11.6118 63.322 11.8924C63.4341 12.2242 63.4876 12.5731 63.48 12.9234C63.4886 13.3821 63.3593 13.8329 63.109 14.2174C62.8572 14.5968 62.5255 14.9167 62.137 15.1544C61.711 15.4162 61.2468 15.6099 60.761 15.7284C60.2447 15.8581 59.7143 15.923 59.182 15.9214C58.7286 15.9217 58.2755 15.896 57.825 15.8444C57.4131 15.7956 57.0069 15.7072 56.612 15.5804C56.2266 15.4585 55.8573 15.2906 55.512 15.0804C55.152 14.8574 54.8226 14.5884 54.532 14.2804L55.977 12.6264ZM46.023 5.15136V12.3824C46.0171 12.6297 46.0603 12.8758 46.15 13.1064C46.2233 13.2937 46.3378 13.4622 46.485 13.5994C46.6276 13.7299 46.7989 13.8251 46.985 13.8774C47.1837 13.9372 47.3905 13.9659 47.598 13.9624C48.1129 13.9605 48.6258 13.9001 49.127 13.7824C49.6297 13.6726 50.1117 13.4836 50.555 13.2224V5.14636H53.165V13.8624C53.1705 14.1064 53.1909 14.3498 53.226 14.5914C53.262 14.9064 53.326 15.2774 53.403 15.7014H50.93C50.916 15.6614 50.893 15.5894 50.866 15.4774C50.839 15.3654 50.805 15.2534 50.772 15.1304C50.739 15.0074 50.715 14.8904 50.687 14.7814C50.6662 14.7 50.6501 14.6176 50.639 14.5344C50.4019 14.7386 50.1461 14.9201 49.875 15.0764C49.5915 15.2448 49.2941 15.3887 48.986 15.5064C48.6826 15.626 48.3695 15.719 48.05 15.7844C47.7544 15.8493 47.4527 15.8828 47.15 15.8844C46.5406 15.9045 45.9328 15.8088 45.359 15.6024C44.9281 15.4446 44.5423 15.1836 44.2355 14.8422C43.9287 14.5009 43.7102 14.0897 43.599 13.6444C43.4774 13.1714 43.4179 12.6847 43.422 12.1964V5.14938L46.023 5.15136ZM34.173 14.0344C34.4914 14.1402 34.8178 14.2205 35.149 14.2744C35.5278 14.3366 35.9111 14.368 36.295 14.3684C36.6865 14.3713 37.0725 14.2764 37.418 14.0924C37.7682 13.8978 38.0679 13.6238 38.293 13.2924C38.5589 12.9056 38.7546 12.4751 38.871 12.0204C39.0127 11.4651 39.0799 10.8934 39.071 10.3204C39.0745 9.84945 39.0238 9.37971 38.92 8.92037C38.8359 8.53264 38.6762 8.1653 38.45 7.83938C38.2415 7.54414 37.9623 7.30585 37.638 7.14636C37.2658 6.97548 36.8594 6.89203 36.45 6.90237C36.2347 6.90349 36.0196 6.91785 35.806 6.94537C35.591 6.97637 35.384 7.01636 35.183 7.06536C34.9916 7.11019 34.8033 7.16699 34.619 7.23537C34.4596 7.29532 34.3062 7.37033 34.161 7.45937L34.173 14.0344ZM31.573 0.395379H34.173V5.94637C34.5815 5.64458 35.0369 5.41212 35.521 5.25835C36.0793 5.07415 36.6641 4.98329 37.252 4.98937C37.9775 4.97144 38.697 5.12493 39.352 5.43737C39.9085 5.71759 40.3919 6.12367 40.764 6.62338C41.1391 7.13643 41.4108 7.71756 41.564 8.33437C41.7346 8.99307 41.82 9.67094 41.818 10.3514C41.8392 11.1967 41.6831 12.037 41.36 12.8184C41.081 13.474 40.6682 14.0643 40.148 14.5514C39.6578 15.003 39.0812 15.3507 38.453 15.5734C37.838 15.79 37.1911 15.9022 36.539 15.9054C36.0383 15.9054 35.5797 15.9 35.163 15.8894C34.744 15.8774 34.338 15.8644 33.951 15.8464C33.564 15.8284 33.173 15.7994 32.791 15.7614C32.409 15.7234 32.007 15.6784 31.591 15.6234L31.573 0.395379ZM24.573 14.2164C24.984 14.2278 25.3873 14.103 25.72 13.8614C26.0497 13.616 26.3187 13.2982 26.506 12.9324C26.7225 12.5243 26.8769 12.0861 26.964 11.6324C27.066 11.1494 27.1166 10.657 27.115 10.1634C27.1164 9.72126 27.0718 9.28025 26.982 8.84737C26.9009 8.46194 26.7494 8.09478 26.535 7.76437C26.3324 7.45791 26.0577 7.20585 25.735 7.03036C25.3682 6.83692 24.9575 6.74183 24.543 6.75436C24.1538 6.74764 23.7699 6.845 23.431 7.03637C23.1073 7.23018 22.8334 7.49693 22.631 7.81536C22.4048 8.17634 22.2412 8.57292 22.147 8.98837C21.9311 9.90171 21.9243 10.852 22.127 11.7684C22.216 12.194 22.3705 12.6032 22.585 12.9814C22.7843 13.3379 23.0607 13.6453 23.394 13.8814C23.7431 14.1127 24.1554 14.2301 24.574 14.2174L24.573 14.2164ZM24.66 15.9734C23.8645 15.9875 23.0734 15.8518 22.328 15.5734C21.6834 15.3259 21.1025 14.937 20.628 14.4354C20.1558 13.9225 19.7994 13.3141 19.583 12.6514C19.335 11.9037 19.2134 11.12 19.223 10.3324C19.2197 9.63472 19.3305 8.94126 19.551 8.27938C19.7645 7.63603 20.1153 7.04677 20.5791 6.55242C21.0429 6.05807 21.6086 5.67044 22.237 5.41637C22.9955 5.11592 23.8064 4.97038 24.622 4.98837C25.43 4.96837 26.2335 5.11404 26.983 5.41637C27.6091 5.68005 28.1666 6.0833 28.613 6.59536C29.0478 7.1081 29.3694 7.70683 29.557 8.35238C29.7617 9.05529 29.8627 9.7843 29.857 10.5164C29.8615 11.2376 29.7414 11.9541 29.502 12.6344C29.2754 13.2745 28.9255 13.864 28.472 14.3694C28.0128 14.8682 27.4555 15.2669 26.835 15.5404C26.1487 15.8353 25.4079 15.9818 24.661 15.9704L24.66 15.9734ZM14.302 0.394372H16.902V13.1564C16.8789 13.4015 16.9368 13.6474 17.067 13.8564C17.1212 13.9252 17.191 13.9801 17.2706 14.0167C17.3503 14.0532 17.4375 14.0702 17.525 14.0664C17.7153 14.0716 17.9048 14.0415 18.084 13.9774C18.237 13.9214 18.417 13.8494 18.615 13.7774L19.055 15.0844C18.8809 15.2024 18.6984 15.3077 18.509 15.3994C18.3094 15.4997 18.1032 15.5865 17.892 15.6594C17.672 15.7336 17.4475 15.794 17.22 15.8404C16.9934 15.8855 16.763 15.9086 16.532 15.9094C16.2533 15.9095 15.9753 15.8797 15.703 15.8204C15.4428 15.7656 15.1996 15.6489 14.994 15.4804C14.7726 15.2971 14.6007 15.0612 14.494 14.7944C14.3574 14.4324 14.2942 14.047 14.308 13.6604L14.302 0.394372ZM12.602 14.6814C12.239 14.8724 11.868 15.0444 11.485 15.2064C11.0739 15.377 10.6508 15.517 10.219 15.6254C9.71274 15.7511 9.19858 15.8427 8.68001 15.8994C8.03877 15.9693 7.39406 16.0027 6.74901 15.9994C6.02384 16.0081 5.30187 15.9018 4.61001 15.6844C3.40238 15.3004 2.35048 14.5377 1.61001 13.5094C1.24144 13.0029 0.939006 12.4514 0.710011 11.8684C0.468973 11.2677 0.289379 10.6442 0.174001 10.0074C0.0576192 9.35516 -0.000605498 8.69388 4.74727e-06 8.03137C0.000633892 7.33814 0.0726773 6.64683 0.215001 5.96838C0.349412 5.31408 0.556361 4.67679 0.832006 4.06835C1.10146 3.48093 1.44454 2.9302 1.853 2.42938C2.67554 1.41797 3.78369 0.67779 5.03301 0.305352C5.72268 0.0959449 6.44028 -0.0069001 7.161 0.000359076C7.54 0.000359076 7.88701 0.012372 8.20301 0.032372C8.49632 0.0492166 8.78846 0.0826091 9.07801 0.132378C9.34144 0.177448 9.60066 0.244327 9.853 0.33236C10.107 0.419187 10.3543 0.52447 10.593 0.647362C10.8609 0.782467 11.1192 0.935843 11.366 1.10638C11.6327 1.28438 11.9263 1.49435 12.247 1.73635L10.797 3.68838C10.4912 3.41105 10.1686 3.15288 9.83101 2.91537C9.55631 2.72032 9.26083 2.55631 8.95 2.42635C8.66096 2.30636 8.35893 2.22046 8.05001 2.17037C7.70771 2.11985 7.362 2.0961 7.01601 2.09936C6.40137 2.08829 5.79444 2.23754 5.25501 2.53237C4.73856 2.82694 4.29629 3.23569 3.96201 3.72738C3.59548 4.26897 3.32706 4.87079 3.16901 5.50536C2.98332 6.22376 2.89254 6.9634 2.89901 7.70538C2.89341 8.4936 2.97049 9.28022 3.129 10.0524C3.26457 10.7479 3.51573 11.4158 3.87201 12.0284C4.19608 12.5805 4.64638 13.0479 5.18601 13.3924C5.76832 13.7417 6.43821 13.9176 7.11701 13.8994C7.33906 13.9036 7.56116 13.8939 7.782 13.8704C8.018 13.8414 8.25401 13.8234 8.49601 13.7874C8.73801 13.7514 8.972 13.7084 9.202 13.6594C9.432 13.6104 9.64401 13.5594 9.84601 13.5094V8.32836H12.595L12.602 14.6814Z", fill: "var(--color-text-brandDarkBlue, #212C65)" }), index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M109.442 9.51028L113.077 5.4953H116.426L111.367 10.3453L116.755 16.3633H113.547L109.447 11.6633V16.3633H106.768V0.58728H109.447L109.442 9.51028ZM94.8709 7.3573C94.8709 7.1413 94.871 6.86529 94.852 6.52429C94.8439 6.1785 94.8071 5.83398 94.742 5.49429H97.2649C97.2894 5.55963 97.3098 5.62644 97.326 5.69431C97.345 5.77631 97.3659 5.86929 97.3919 5.96429C97.4179 6.05929 97.4369 6.16428 97.4549 6.26428C97.4729 6.36428 97.486 6.46428 97.5 6.55228C97.687 6.38781 97.8877 6.23961 98.0999 6.10928C98.6115 5.78686 99.1757 5.55704 99.7669 5.4303C100.1 5.35753 100.44 5.32132 100.781 5.3223C101.328 5.31866 101.872 5.40723 102.39 5.58429C102.869 5.74685 103.312 6.00393 103.69 6.3403C104.063 6.67744 104.36 7.08984 104.562 7.55029C104.781 8.06212 104.89 8.61452 104.881 9.1713V16.3713H102.196V9.6713C102.203 9.29813 102.158 8.9258 102.061 8.56528C101.986 8.29345 101.849 8.04279 101.661 7.83328C101.484 7.64715 101.263 7.50943 101.018 7.43329C100.734 7.34463 100.438 7.30144 100.141 7.3053C99.9337 7.30661 99.7268 7.32297 99.5219 7.35428C99.2943 7.38247 99.069 7.42726 98.8479 7.48828C98.6183 7.5484 98.392 7.6205 98.17 7.70428C97.9553 7.77835 97.7466 7.86895 97.5459 7.97528V16.3753H94.8689L94.8709 7.3573ZM89.354 10.6903C88.693 10.7039 88.0352 10.7877 87.3919 10.9403C86.9571 11.0391 86.5446 11.2185 86.1759 11.4693C85.8984 11.6587 85.6811 11.9239 85.55 12.2333C85.4322 12.5398 85.3738 12.866 85.378 13.1943C85.3692 13.4439 85.403 13.6931 85.4779 13.9313C85.5355 14.1106 85.6361 14.273 85.771 14.4043C85.9046 14.5271 86.0668 14.6145 86.243 14.6583C86.4338 14.7108 86.631 14.7364 86.8289 14.7343C87.0219 14.7343 87.219 14.7223 87.419 14.7063C87.6305 14.6839 87.8398 14.6444 88.045 14.5883C88.266 14.5295 88.4818 14.4522 88.69 14.3573C88.9221 14.2504 89.144 14.1225 89.3529 13.9753L89.354 10.6903ZM82.841 6.9743C83.4506 6.43993 84.1574 6.02806 84.9229 5.76129C85.735 5.46771 86.5924 5.31913 87.456 5.3223C88.0356 5.3199 88.6134 5.38703 89.177 5.52228C89.6953 5.64191 90.1898 5.84778 90.6399 6.13129C91.0583 6.40027 91.4075 6.76412 91.659 7.1933C91.9212 7.66192 92.0524 8.19246 92.039 8.72928V13.5793C92.0359 13.7771 92.0499 13.9749 92.081 14.1703C92.0978 14.3025 92.1446 14.429 92.2179 14.5403C92.2808 14.6292 92.369 14.6971 92.471 14.7353C92.5948 14.7743 92.7242 14.7923 92.854 14.7883C92.9578 14.7841 93.0613 14.7741 93.164 14.7583C93.322 14.7363 93.466 14.7133 93.596 14.6893L93.885 15.8443C93.72 15.9443 93.553 16.0353 93.38 16.1263C93.2023 16.2182 93.0173 16.2955 92.8269 16.3573C92.6192 16.4261 92.4066 16.4793 92.1909 16.5163C91.9393 16.5572 91.6849 16.578 91.43 16.5783C90.9747 16.5916 90.5257 16.4694 90.1399 16.2273C89.9688 16.1147 89.822 15.969 89.708 15.7988C89.594 15.6286 89.515 15.4374 89.4759 15.2363C89.2019 15.4862 88.8999 15.7037 88.576 15.8843C88.2804 16.0533 87.9684 16.192 87.6449 16.2983C87.3372 16.399 87.0209 16.4713 86.6999 16.5143C86.3981 16.5528 86.0942 16.5735 85.7899 16.5763C85.333 16.5793 84.8783 16.5135 84.4409 16.3813C84.0636 16.2663 83.7154 16.0716 83.42 15.8103C83.1354 15.5561 82.913 15.24 82.7699 14.8863C82.6093 14.4719 82.5296 14.0307 82.5349 13.5863C82.5244 13.0864 82.6134 12.5894 82.797 12.1243C82.9638 11.7188 83.2106 11.3511 83.5229 11.0433C83.8465 10.733 84.2205 10.4801 84.6289 10.2953C85.0769 10.0896 85.5465 9.93463 86.029 9.83328C86.556 9.71543 87.0906 9.63457 87.6289 9.59128C88.1916 9.54528 88.7643 9.52228 89.347 9.52228V9.13028C89.3559 8.81548 89.3046 8.50188 89.196 8.2063C89.1028 7.96802 88.9568 7.75397 88.769 7.58029C88.5772 7.41846 88.3542 7.29763 88.1139 7.22528C87.8398 7.1455 87.5554 7.10642 87.2699 7.10928C87.021 7.10712 86.7724 7.12957 86.5279 7.1763C86.2826 7.22239 86.0443 7.30002 85.8189 7.40729C85.5603 7.53109 85.3142 7.67943 85.084 7.85028C84.7873 8.07003 84.5041 8.30746 84.2359 8.56128L82.841 6.9743ZM73.27 2.62628V7.3053H74.77C75.2355 7.31174 75.7001 7.26475 76.1549 7.16528C76.5333 7.08847 76.8941 6.94197 77.219 6.73328C77.5016 6.54416 77.7328 6.28785 77.8919 5.9873C78.0558 5.65844 78.1371 5.29461 78.1289 4.92728C78.1359 4.5799 78.0765 4.23441 77.9539 3.9093C77.8334 3.61742 77.6274 3.36884 77.3629 3.19629C77.0275 2.98493 76.6537 2.84156 76.263 2.77429C75.705 2.67186 75.1382 2.62464 74.571 2.6333L73.27 2.62628ZM73.27 9.33929V14.3393H75.4419C75.9397 14.3493 76.4358 14.2783 76.9109 14.1293C77.2868 14.0087 77.6365 13.8184 77.9419 13.5683C78.1976 13.3579 78.4026 13.0927 78.542 12.7923C78.6704 12.5222 78.7387 12.2274 78.742 11.9283C78.7423 11.585 78.6743 11.2451 78.542 10.9283C78.4091 10.6098 78.2008 10.3284 77.935 10.1083C77.6222 9.85665 77.2635 9.66817 76.8789 9.55328C76.3764 9.40636 75.8544 9.3369 75.331 9.34729L73.27 9.33929ZM75.5929 0.58728C76.3348 0.57908 77.0745 0.668854 77.7929 0.854279C78.3878 1.00832 78.9499 1.26888 79.4519 1.62329C79.8961 1.9476 80.2585 2.37119 80.51 2.86029C80.7629 3.38432 80.889 3.96052 80.878 4.5423C80.88 4.93957 80.7993 5.33292 80.641 5.6973C80.4802 6.07453 80.26 6.4236 79.9889 6.73129C79.708 7.04844 79.3819 7.32238 79.021 7.54428C78.6554 7.77312 78.2572 7.9451 77.8399 8.05429C78.2862 8.13489 78.721 8.2692 79.135 8.45428C79.582 8.65138 79.993 8.92179 80.3509 9.2543C80.7289 9.59946 81.0372 10.0139 81.2589 10.4753C81.5061 10.998 81.6277 11.5712 81.6139 12.1493C81.6124 12.6915 81.4898 13.2266 81.255 13.7153C81.0007 14.2375 80.6343 14.697 80.182 15.0613C79.66 15.4835 79.0628 15.8031 78.422 16.0033C77.6359 16.2543 76.8139 16.3742 75.9889 16.3583H70.429V0.581299L75.5929 0.58728Z", fill: "var(--color-text-brandDarkBlue, #212C65)" }))));
         }
     }
+    showAndHideFullSearcBar() {
+        if (!this.searchBarShown) {
+            this.searchBarShown = true;
+        }
+        else {
+            this.searchBarShown = false;
+        }
+    }
     render() {
         const helpIconSrc = index.getAssetPath(`assets/help-circle.svg`);
         const notificationIconSrc = index.getAssetPath(`assets/notification-03.svg`);
         const searchIconSrc = index.getAssetPath(`assets/search-01.svg`);
-        return (index.h("div", { key: '243341a8b6ab426726ddfa585738bab7a377c643', class: `header_div ${this.showBorder ? 'border' : ''}` }, index.h("div", { key: '55a650958d71bf337b4ab0b99e06067316e08414', class: "content" }, this.showLogo && this.renderLogo(), index.h("div", { key: 'dd2821ccb12b19c8609ca321b8652fd6cfdebdff', class: "inner_content" }, index.h("div", { key: 'c7aebc93bf63a869d257b0753ac5d200be60ea9c', class: `action` }, this.showSearch && this.width > 710 && (index.h("div", { key: '847ebd9b7e729603f8613ef33e982643c05dd471', class: "search" }, index.h("gb-input-field", { key: '1e0bd6652e3cfc9697228334c7628f52d995851b', size: "sm", state: "default", type: "icon_leading", "enable-cancel-button-function": true, placeholder: this.inputPlaceholder, "icon-swap": this.inputIcon, onInputValueChanged: this.onSearch.bind(this) }))), this.width < 710 && (index.h("div", { key: '42fc4ece5561d629e39c324695c3c5640abe484a', class: "help" }, index.h("gb-header-icon", { key: '1413710f31541ef868af172f5bdffe0035c8e7c0', state: reusableModels.StateEnum.Default, icon: searchIconSrc, class: "help_button" }))), this.showHelp && (index.h("div", { key: '217bb0f1e2ba46a8831a60a75c13d3ff3f093b48', class: "help" }, index.h("gb-header-icon", { key: '3e5d8089b9390f21087b4d686ebc2a5ee0821ddb', state: reusableModels.StateEnum.Default, icon: helpIconSrc, onClick: () => this.toggleDropdown('help'), class: "help_button" }), this.activeDropdown === 'help' && (index.h(index.Fragment, null, this.contactHelpDropdown ? (index.h("gb-contact-help-dropdown", { class: "help_dropdown", items: this.contactHelpDropdownItems })) : (index.h("gb-help-dropdown", { class: "help_dropdown", "show-log-error": this.showLogError, onHelpItemClicked: this.helpDropdownItemClicked.bind(this) })))))), this.showNotification && (index.h("div", { key: '7cbe7f02e868fcd0a50ebb2b5c3827b6562b5c9d', class: "notification" }, index.h("gb-header-icon", { key: 'c21b93e3e35b92432067e9b9c72200c96c3b8829', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.toggleDropdown('notifications') }), this.activeDropdown === 'notifications' && (index.h("gb-notification-pane", { key: '4bb74a87cbd197f36f8e75390a26e927288a0b2b', state: this.notificationState, class: "notification_dropdown", notifications: this.notifications }, index.h("p", { key: 'cf91b1a169f1215b8dd511d2732ba8ebca30c242', slot: "label" }, "No notification"), index.h("p", { key: '2d4b0370a1f62f4421066966939bfc980695ff8b', slot: "supporting_text" }, "Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events")))))), index.h("gb-avatar", { key: '36852e880e8d886923bb53a2497bddd1844f4b6b', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => this.toggleDropdown('avatar') }, this.text ? index.h("slot", { slot: "initials", name: "initials" }) : index.h("slot", { name: "image", slot: "image" })), this.activeDropdown === 'avatar' && (index.h("gb-avatar-dropdown", { key: '1f6f7cda458cdbc790f942c355973f74d9cf88ce', ref: el => (this.avatarDropdown = el), class: "avatar_dropdown", type: this.avatarDropdownType, "show-theme-tab": this.showThemeTab, "show-profile": this.showProfile, "show-log-out": this.showLogOut, listGroupOne: this.listGroupOne, listGroupTwo: this.listGroupTwo, color: this.color, roles: this.roles, "show-roles": this.showRoles, "current-theme": this.currentTheme, onThemeTabClicked: this.onThemeTabClicked.bind(this), onItemClicked: this.onAvatarDropdownItemClicked.bind(this) }, index.h("slot", { key: '664439150502b9b5b817f9a29d240fcc8036b8b3', slot: "name", name: "name" }), index.h("slot", { key: '2af16466104dde3433d28a5b98997ec2f9a85266', slot: "supporting_text", name: "supporting_text" }), index.h("h1", { key: '646eb00229b286129a327faf6458fb5c10eb1aa7', slot: "initials", class: `text-md-semi-bold` }, this.initials)))))));
+        return (index.h("div", { key: '91201229e726fdde7db5ef4c3f990cd5f433d668', class: `header_div ${this.showBorder ? 'border' : ''}` }, index.h("div", { key: '9b2bd343eb65e3266b2ebe9a81550239a5a6968c', class: {
+                'full_search_bar_wrapper': true,
+                'is-hidden': !(this.width < 710 && this.searchBarShown),
+            } }, index.h("div", { key: '75584c6722d3f7c8ea0a9ad8a68572aa37b1428c', class: "full_search_bar" }, index.h("gb-input-field", { key: 'a2d2570ad3cf82e6e1879c1471e173b218af2a10', size: "sm", state: "default", type: "icon_leading", "enable-cancel-button-function": true, placeholder: this.inputPlaceholder, "icon-swap": this.inputIcon, onInputValueChanged: this.onSearch.bind(this) })), index.h("gb-button-close", { key: 'effb207f232236fc904ef4a96a0522bb108d4671', color: "gray", size: "md", onClick: () => this.showAndHideFullSearcBar() })), !this.searchBarShown && (index.h("div", { key: 'c89e64e50dc415d955c2fc0c6b34f1d8171a96a2', class: "content" }, this.showLogo && this.renderLogo(), index.h("div", { key: 'af454825a8e8f91c8130b8a11a8b2e339960fe14', class: "inner_content" }, index.h("div", { key: '5519beed2090ca164f57748be5635169c8819653', class: `action` }, this.showSearch && this.width > 710 && (index.h("div", { key: 'd12f313e2da1b5fd4049f8491150e9f316d02a61', class: "search" }, index.h("gb-input-field", { key: '1686215af2793979e789ff1c415725fc1b3ec241', size: "sm", state: "default", type: "icon_leading", "enable-cancel-button-function": true, placeholder: this.inputPlaceholder, "icon-swap": this.inputIcon, onInputValueChanged: this.onSearch.bind(this) }))), this.width < 710 && (index.h("div", { key: '8a80f4f9d5783d4f4760bfa2d9fc1f8a7a27e2c4', class: "help" }, index.h("gb-header-icon", { key: '9cb1d5050d3a680b9e6f31ccde0592cef807a7a2', state: reusableModels.StateEnum.Default, icon: searchIconSrc, class: "help_button", onClick: () => this.showAndHideFullSearcBar() }))), this.showHelp && (index.h("div", { key: 'fb27d21b1394ac59f04dc35a8f7278008790e894', class: "help" }, index.h("gb-header-icon", { key: '8e8825d5edec467708ff99a713c8a8a9380368ab', state: reusableModels.StateEnum.Default, icon: helpIconSrc, onClick: () => this.toggleDropdown('help'), class: "help_button" }), this.activeDropdown === 'help' && (index.h(index.Fragment, null, this.contactHelpDropdown ? (index.h("gb-contact-help-dropdown", { class: "help_dropdown", items: this.contactHelpDropdownItems })) : (index.h("gb-help-dropdown", { class: "help_dropdown", "show-log-error": this.showLogError, onHelpItemClicked: this.helpDropdownItemClicked.bind(this) })))))), this.showNotification && (index.h("div", { key: 'adb73474c6f2d75aa12f999beec0b8cf035202f1', class: "notification" }, index.h("gb-header-icon", { key: '221b1cf61d877a52527f0fb4183a3f1cd46d36d3', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.toggleDropdown('notifications') }), this.activeDropdown === 'notifications' && (index.h("gb-notification-pane", { key: 'c09f0b1f60a35b6f5da3a32af00b910884591fdf', state: this.notificationState, class: "notification_dropdown", notifications: this.notifications }, index.h("p", { key: 'b592948917acec1962cbcf08e08571d271ad8f32', slot: "label" }, "No notification"), index.h("p", { key: '2e4cf7a582e4d8174ba70e8f59fe8c5d363ecb13', slot: "supporting_text" }, "Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events")))))), index.h("gb-avatar", { key: '2fbaa90b4b40601a64416e31376c77cac9efad23', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => this.toggleDropdown('avatar') }, this.text ? index.h("slot", { slot: "initials", name: "initials" }) : index.h("slot", { name: "image", slot: "image" })), this.activeDropdown === 'avatar' && (index.h("gb-avatar-dropdown", { key: '46d7f993218ed88a9dbf2b8998a4a1a7a702b1ed', ref: el => (this.avatarDropdown = el), class: "avatar_dropdown", type: this.avatarDropdownType, "show-theme-tab": this.showThemeTab, "show-profile": this.showProfile, "show-log-out": this.showLogOut, listGroupOne: this.listGroupOne, listGroupTwo: this.listGroupTwo, color: this.color, roles: this.roles, "show-roles": this.showRoles, "current-theme": this.currentTheme, onThemeTabClicked: this.onThemeTabClicked.bind(this), onItemClicked: this.onAvatarDropdownItemClicked.bind(this) }, index.h("slot", { key: 'ca13975a606daae287f025a78eba1efa19f50f4b', slot: "name", name: "name" }), index.h("slot", { key: '140eb6681898c3b994c1ed3bbfcc8a56575eef04', slot: "supporting_text", name: "supporting_text" }), index.h("h1", { key: 'a9e9d03c49476fb7cf6facb85102aac2f509ae5b', slot: "initials", class: `text-md-semi-bold` }, this.initials))))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -4789,7 +4801,7 @@ const GbHeaderIcon = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (index.h("div", { key: '7a4f5a8a3692b2288f2718a705a42ba795521500', class: `background ${this.state}` }, index.h("div", { key: 'e0947ef5cb1ec90a42845dce967ae2fe9149c45c', class: `icon ${this.state === reusableModels.StateEnum.Default ? 'default' : this.state === reusableModels.StateEnum.Disabled ? 'disabled' : ''}`, innerHTML: this.leadingIconSvg }), index.h(index.Fragment, null, this.showIndicator && index.h("div", { key: '9b20f3f20670432a3fa0d8d8b8f7145bad8f47f4', class: "red_dot" }))));
+        return (index.h("div", { key: '155fd5703d85569ffdd1cbb8396ad50342668e53', class: `background ${this.state}` }, index.h("div", { key: 'e019debd67628abb9b838d7dbc10a93e996438e1', class: `icon ${this.state === reusableModels.StateEnum.Default ? 'default' : this.state === reusableModels.StateEnum.Disabled ? 'disabled' : ''}`, innerHTML: this.leadingIconSvg }), index.h(index.Fragment, null, this.showIndicator && index.h("div", { key: '06c1f58af23396d02efb1dc53705d95f6dd42906', class: "red_dot" }))));
     }
 };
 GbHeaderIcon.style = gbHeaderIconCss;
@@ -4805,7 +4817,7 @@ const GbHelpDropdown = class {
         this.helpItemClicked.emit(item);
     }
     render() {
-        return (index.h("div", { key: '204121e5715ca066be0c97aa9ea065e77837024b', class: "dropdown-container" }, index.h("div", { key: '8b49e7a877a84a93d51fd148e09aa57cde519734', class: "user_guide" }, index.h("gb-dropdown-items-with-shortcut", { key: '6843539479ddb296a7bcc4cb6a695b177ba149ad', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), index.h("div", { key: '3a74898854172241b7350de5789f5426a441e5e0', class: "bug" }, index.h("gb-dropdown-items-with-shortcut", { key: '4744a7a290ed092028b42aec17e369129092726c', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (index.h("div", { key: '40efc2a5a66b16e6b21155184fca8374ba294cb6', class: "log_error" }, index.h("gb-dropdown-items-with-shortcut", { key: 'f6a5f334b2a4894ec0f8e7608438bf1c30c0bdbb', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
+        return (index.h("div", { key: 'e7e773c29273b5c381c5cd06c703167f5bc5f769', class: "dropdown-container" }, index.h("div", { key: '81f5a3d180f126023efe3573c8308ee17273c2fd', class: "user_guide" }, index.h("gb-dropdown-items-with-shortcut", { key: '5153da19dd2369584ee63332342bf1ad314576b4', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), index.h("div", { key: '8f8611c9885a187760817e2207bd7b83e1a92578', class: "bug" }, index.h("gb-dropdown-items-with-shortcut", { key: 'e7851e417c23609f485ec185688d985fc9e716e3', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (index.h("div", { key: '288befbca41a792ec3c5576e39afe921c629aad0', class: "log_error" }, index.h("gb-dropdown-items-with-shortcut", { key: '8edfd492cf6ec7cfbb1ba8e2847c52264f4fc4d8', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
     }
 };
 GbHelpDropdown.style = gbHelpDropdownCss;
@@ -4830,7 +4842,7 @@ const GbHelpTooltip = class {
         }
     }
     render() {
-        return (index.h("div", { key: '1dd584dc08539707c3992b88e235468dc95cb2f5', class: `help_tooltip` }, index.h("svg", { key: 'b88bb3d22d6738496da8a679481476c3cdd3450c', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", onMouseEnter: () => (this.showHelpTooltip = true), onMouseLeave: () => (this.showHelpTooltip = false), class: "help_circle" }, index.h("path", { key: 'a08a3b6f3166706ed25940959a65c134899ca96e', d: "M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.showHelpTooltip && (index.h("gb-tooltip", { key: 'cbf7c45623bc7f57ba8e509d0f90df8cfa8d9fcf', "show-arrow": true, arrow: "bottom_right", "show-supporting-text": this.showSupportingText, class: "tooltip" }, index.h("slot", { key: 'd4b2a8bdf2867205e3aa201749ba7e8d75c7cb4e', name: "label", slot: "label" }), index.h("slot", { key: '2acee8847b4ea25678be554932a0066a2c23ec1e', name: "supporting_text", slot: "supporting_text" })))));
+        return (index.h("div", { key: '9cfe38566334c658dfb696674013e27fc0fdd704', class: `help_tooltip` }, index.h("svg", { key: '522d8d52cb5af02661daeabd64a850f3f5d872fe', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", onMouseEnter: () => (this.showHelpTooltip = true), onMouseLeave: () => (this.showHelpTooltip = false), class: "help_circle" }, index.h("path", { key: '1abf210916fc50179767206a667ca6ef082052e2', d: "M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.showHelpTooltip && (index.h("gb-tooltip", { key: 'd8ce09f7dcf47384d95674b7c01406c33527cdb5', "show-arrow": true, arrow: "bottom_right", "show-supporting-text": this.showSupportingText, class: "tooltip" }, index.h("slot", { key: '4d7e759ded327eee4677df020ff73bab66edd533', name: "label", slot: "label" }), index.h("slot", { key: 'c3df89b7dfd55f845f27de99dfaad59a1f679374', name: "supporting_text", slot: "supporting_text" })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -4988,7 +5000,7 @@ const GbHorizontalTabs = class {
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (index.h("div", { key: '78a7adb0f2e9629144bff21b66d055ff027fc694', class: "horizontal_tab_div_wrapper" }, this.showLeftButton && (index.h("div", { key: 'b99feb0b4a81f739c34768285ff21cd6121ac4ed', class: "scroll_button_div left" }, index.h("div", { key: '41604383b4f3e26c869274d44aa57d91fc8c1ce1', class: "scroll_button", onClick: () => this.scrollLeft() }, index.h("svg", { key: '233a0c816e5f875e587d377364260d31ba3c8fa2', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '95f5acc9c02b0f5fe61a7bf3027eea71307c375c', d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), index.h("div", { key: '1d234b7a1cc6af99d1fd075aac1dfd0bbef1991c', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll() }, index.h("div", { key: 'bcf69a9e40492a05fe3c1a13fda85167a679cb2e', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index$1) => (index.h("gb-tab-button-base", { class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(index$1), current: this.internalActiveIndex === index$1, "tab-name": tab.name, badge: this.badge, alignment: "horizontal" }, index.h("p", { slot: "count" }, tab.badgeCount)))))), this.showRightButton && (index.h("div", { key: 'b2304c06b9635dda24f66ebb7a72de5fea34fea3', class: "scroll_button_div right" }, index.h("div", { key: '07486d041f4eaac4d97bbbb90ca6bd607ed5907f', class: "scroll_button", onClick: () => this.scrollRight() }, index.h("svg", { key: 'a9031ea2607634f64ab6b422565d77fa0dcb81e2', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: 'e225d8590e41465dfdb217435a69472b176e8076', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+        return (index.h("div", { key: '5ef5ca862441a90d49f58a6cd3cb66ebf4dd6069', class: "horizontal_tab_div_wrapper" }, this.showLeftButton && (index.h("div", { key: '0b70f133f9ec7ceb4d0a364927ec5389f4c877ec', class: "scroll_button_div left" }, index.h("div", { key: 'aa8b8905246cedb58874b5bc45df3852f0f1da8a', class: "scroll_button", onClick: () => this.scrollLeft() }, index.h("svg", { key: '8a4a79e724f1141c741dda685bff8f79d969618e', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: 'bfdb605164baded28edc3892a8d9f7ca7717915f', d: "M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), index.h("div", { key: 'b1c3349314032049bf3af0b9ebc2b11d68f90008', class: "horizontal_tab_wrapper", ref: el => (this.tabContainer = el), onScroll: () => this.handleScroll() }, index.h("div", { key: 'c20b7e952e98174cfecaff831671bd474740d236', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index$1) => (index.h("gb-tab-button-base", { class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(index$1), current: this.internalActiveIndex === index$1, "tab-name": tab.name, badge: this.badge, alignment: "horizontal" }, index.h("p", { slot: "count" }, tab.badgeCount)))))), this.showRightButton && (index.h("div", { key: 'b1141c3bbd6eae612cc9b54405b8f1da46f330ec', class: "scroll_button_div right" }, index.h("div", { key: '98712dce61766df2f6a59a106523791891902c83', class: "scroll_button", onClick: () => this.scrollRight() }, index.h("svg", { key: '859d244891ef6804919399f79af1d1baf829c3ab', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: 'b76ed36fdf8013ff06dbd240f163c3e4716e5700', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     static get watchers() { return {
         "activeIndex": ["setActiveIndex"],
@@ -5018,7 +5030,7 @@ const GbIconButtonBase = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (index.h("div", { key: '484e21d01ab4893eab47f490a901d744f8124b4c', class: "icon_button_base_container" }, this.showTooltip && (index.h("gb-tooltip", { key: '249af206ecc82e633c2c544f3c75b642c517a808', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, index.h("p", { key: '37a3a7b3417facd339ddb2f242309e8da0a4d6e6', slot: "label" }, this.label))), index.h("div", { key: '2ce2cce56de27b0c733daa200ccc5f06ddeb5543', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: 'd2f7f5d9f827b133d9750a02201e893deff6434f', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
+        return (index.h("div", { key: '206c012f6b9689e44736f425897982d281ea01b2', class: "icon_button_base_container" }, this.showTooltip && (index.h("gb-tooltip", { key: '4b85a6c173775358b0f42dba7c3177521a9e0f15', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, index.h("p", { key: 'b1489950056b2479ea9ed04b8b4132695a838e83', slot: "label" }, this.label))), index.h("div", { key: 'adae203de88ab20c6b7cb6ade34d9d0eb1937761', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: 'd4e1d06a2777aa53eb98c8c5450ce216df561eb4', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
     }
 };
 GbIconButtonBase.style = gbIconButtonBaseCss;
@@ -5061,35 +5073,35 @@ const GbIllustration = class {
         this.loadIcon(this.illustrationIcon);
     }
     render() {
-        return (index.h("div", { key: 'af5c02c9b71ca0d8d28948688b85d08cedafac34', class: `illustration_wrapper` }, index.h("svg", { key: '6920d5bfdc046db6d3934e69119998c075a23687', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, index.h("circle", { key: '957758f26e06e1aeca076a5cb08340726c9a7811', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), index.h("circle", { key: '7ed4c5aaac8f157068ebb09a1cb418e8f03e02e0', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), index.h("circle", { key: 'd22c5201b6bd9009fc11248005df27ce80aa67ae', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), index.h("circle", { key: 'f9987f7c2e2e10a65fdd7aa51169fc697c5c4fb9', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), index.h("circle", { key: '7d15002197bf826e2e755ab3c9b6833a74d98a6c', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), index.h("circle", { key: '537c374e5cd4240c3ea4530cf96fec1e9eba76ac', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), index.h("div", { key: '66821676c5b498bd8461f72d65cb38ec9f1bdfdb', class: "illustration_div" }, index.h("div", { key: 'cecf678e82983c4a1f6d689d1c6560b1d9eff2d4', class: "illustration" }, this.illustrationStyle === 'cloud' && (index.h("svg", { key: '0acce9f79476c2049ba3b2704553d0463034a3e7', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, index.h("g", { key: 'e46131d02fe48f07b5d9068a01ee940dc5746923', filter: "url(#filter0_dd_7590_639)" }, index.h("path", { key: '846f2aa4dbe01446c3524f93ef6b66ad6d68dda7', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), index.h("circle", { key: 'd2caceb883a7a1cd63f80768bd59b09a5a3e4c41', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), index.h("circle", { key: '7d6d3f8584ac122c32c393f8f8ec662420679bf4', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), index.h("circle", { key: '550d1a0ad9477476d267d9440827043793508a51', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), index.h("defs", { key: 'c6db488db1b7537d0d16078eb7de93f4db14d271' }, index.h("filter", { key: '77deacebf7d26320fb953387dae95b1b3b22e846', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'a16a54a394f0b435b1608bd23a5c2e2fe83401b6', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '284af2a4d5694711b272ae665004bf620af62468', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '3b2ae9fa4074a567e394d4f4e5af6757f4554a3c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), index.h("feOffset", { key: 'c5afdbe295d35aac4770d33f70a019dc4ef76703', dy: "8" }), index.h("feGaussianBlur", { key: '097ec304b9acfec5628266319b94135712f775f3', stdDeviation: "4" }), index.h("feColorMatrix", { key: '3f788ebf64a26519d021b5031093ae00e6f92fcf', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), index.h("feBlend", { key: 'e2210a9ab603ba8ac9a7c957fddce280a6dd53a6', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), index.h("feColorMatrix", { key: 'fc1d86aeffbdb033cc2a387b1cb4f7d0523ebdef', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '88cd6a46a2400b9dd45a12ca594385d58b052e99', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), index.h("feOffset", { key: 'faa994aabc837776da991cd50a02f01627acdefb', dy: "20" }), index.h("feGaussianBlur", { key: 'bbf2221f6a1161fb584c77421e8c2abfb9fcc0d0', stdDeviation: "12" }), index.h("feColorMatrix", { key: '5a421d2d9293edd00d9384648196b70d355622c1', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), index.h("feBlend", { key: '0fee17a92fdaae6fde8e4939c308e778ec0cd0d8', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), index.h("feBlend", { key: '3a0ae1dde2d211be4be5e7dee6cb2f36224152cd', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), index.h("linearGradient", { key: 'e0b5a9a0e7f7d96fe82ec82a9b193543c222500e', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '11b15a35549d880ea52255953e071f8d772de8c9', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("stop", { key: '75aae4f8530891be7a3d7583a5e433f58275e4b8', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), index.h("linearGradient", { key: '13937ee0a06bcb83eff5adc6bac76b5dd11d849e', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '773899d6de739b80c1b7abd7579663c4953ff5de', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("stop", { key: '28625eda73eba563f3014910c67235851995ec08', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), index.h("linearGradient", { key: '1bcf7054f548dca32480b713522dc6475cb3ada6', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '4b787c3c9a2bb042ceddc23ae95f08a198d6f496', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("stop", { key: 'a306c9684dad378f7ec6cc972d76b2f1e1c0afeb', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (index.h("svg", { key: '5901a49961aec99daee2723e8ba71c1457de59c4', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, index.h("g", { key: 'a6743ac3f4517b84c8e4dce4dd66da5f34937cf5', filter: "url(#filter0_dd_7590_623)" }, index.h("path", { key: 'cdddaedac1351fef544beadb3a7baa37cc75f204', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), index.h("path", { key: '70543cfcfa7aac923d830f42f4ad6f7d28a061b9', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), index.h("path", { key: '7dca8912039c457f94f1212bdb0bdd7a5e31c08f', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), index.h("path", { key: 'f7f303502ba87a71b33a834b1d5b6e92b1633d9b', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), index.h("path", { key: '722afd0d4ea4298f3e4b5685192be78cdbd592e7', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), index.h("defs", { key: '0d53496f9eda0554243a889b93d3a5320c4f5c9d' }, index.h("filter", { key: 'e9674ebda42dd158af01a6846920dba0c4dd55e2', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '15fcc3eb2806ad5be308ac122a8515c0d4f14562', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '9420828fec3c5e61b2c90cd4956a2263031a6601', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '22dec67095d9f21e921e6c7f159de999b686c51d', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), index.h("feOffset", { key: 'b558757ab8bdb1fa7d55c401871118a161f07432', dy: "8" }), index.h("feGaussianBlur", { key: '4be3eb9d71f38922a207a4e5c858bc996ecf62a1', stdDeviation: "4" }), index.h("feColorMatrix", { key: '0643288ef53c6cc682e1b539994779bce701ac03', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), index.h("feBlend", { key: '2cb2c95cbe2b0f1b45f83465c888aa265baa88c5', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), index.h("feColorMatrix", { key: 'f5c29ad2326192e5ff61d603258281412244cd39', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '02c83c7178db640bbf9bad350e1818b28de37b7e', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), index.h("feOffset", { key: '637e90db2d6db9617033b53a120b2fb6fc7a4bab', dy: "20" }), index.h("feGaussianBlur", { key: 'cf13f5a18a58ebe8bf9ee76aabdcb185be41584b', stdDeviation: "12" }), index.h("feColorMatrix", { key: '5fa1b539b223ba54552373d95ce48b38802c24fa', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), index.h("feBlend", { key: 'b81c3a80fe5dfe37016c22440e289cad931ca79d', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), index.h("feBlend", { key: '5e2f9e817fe68b1ee842e67a9ba9fbdc386c7692', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), index.h("linearGradient", { key: '037fa655d58ee8e6da7e58cb2313cbc6e68a360e', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '6a2b2d438bbbbebfa3ffc758fb4d71ab67a48ea1', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("stop", { key: '24395ec951d72ada1d2e47f0aa6e53fd888e3b2c', offset: "1", "stop-color": `${this.color === 'primary'
+        return (index.h("div", { key: 'ce970874ae11100961ed2f12d9586f9df2479056', class: `illustration_wrapper` }, index.h("svg", { key: '3c8ab29d382dd4dffb875677f1ad8832ba744580', xmlns: "http://www.w3.org/2000/svg", width: "220", height: "168", viewBox: "0 0 220 168", fill: "none", class: `illustration_background ${this.size}` }, index.h("circle", { key: 'caac5fe5bc82108c02ca324baee79b7545f4c5a7', cx: "110", cy: "88", r: "80", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : this.color === 'gray' ? 'var(--color-background-gray-subtlest, #F6F8FA)' : ''}` }), index.h("circle", { key: '7c470c82dcae7780f41cc64f4a522688c8743285', cx: "26", cy: "28", r: "8", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), index.h("circle", { key: 'bb9f19e1fb47dd1b7c63c3a1a03022ff1f5f2fd9', cx: "198", cy: "134", r: "6", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), index.h("circle", { key: '1b4da1857c75a1114cd206791f8b3fc194f8a41d', cx: "25", cy: "146", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), index.h("circle", { key: '4cf1f62c244089fa7098fb2b052f504986f581cf', cx: "210", cy: "54", r: "10", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` }), index.h("circle", { key: 'e7e36cd29cea8ae222300cd23f7aca13033ae03a', cx: "191", cy: "19", r: "7", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray-subtler, #EEF2F6)' : ''}` })), index.h("div", { key: '668c695c74e8161df93057f0594b7fbba3117f5c', class: "illustration_div" }, index.h("div", { key: 'd8bf19ecf371d239d5d1608dd8053cc6a048f8db', class: "illustration" }, this.illustrationStyle === 'cloud' && (index.h("svg", { key: '394aed299d2c5d1929506927e8df084d3ac18d4f', xmlns: "http://www.w3.org/2000/svg", width: "214", height: "140", viewBox: "0 0 214 140", fill: "none", class: `cloud ${this.size}` }, index.h("g", { key: '995eda5a1c870afbc679e75e6ce41940ce35e759', filter: "url(#filter0_dd_7590_639)" }, index.h("path", { key: '7743e1ca01972b81166cd93d33195121679efce4', d: "M109.485 0C129.961 0 147.543 12.3802 155.161 30.0625C156.486 29.9093 157.834 29.8281 159.2 29.8281C178.42 29.8282 194 45.4095 194 64.6289C194 83.5478 178.903 98.9404 160.099 99.417L159.2 99.4287H59.7715L58.7451 99.416C37.2543 98.8717 20 81.2792 20 59.6572C20 37.6921 37.8063 19.8857 59.7715 19.8857C62.9248 19.8857 65.992 20.2546 68.9336 20.9482C77.9428 8.27072 92.7484 0.000119405 109.485 0Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-disabled, #F9FAFB)'}` }), index.h("circle", { key: 'bae7a09e8cf415eb2a524dd00c147a446b6cf85d', cx: "59.7714", cy: "59.6572", r: "39.7714", fill: "url(#paint0_linear_7590_639)" }), index.h("circle", { key: 'f1f554990e7239c93bb91d96df5b69e9046c28d7', cx: "109.486", cy: "49.7143", r: "49.7143", fill: "url(#paint1_linear_7590_639)" }), index.h("circle", { key: 'a869db0abdcc062ee684e72ef0aad9e89e38e716', cx: "159.2", cy: "64.6286", r: "34.8", fill: "url(#paint2_linear_7590_639)" })), index.h("defs", { key: '3332d95e9ca101ced8b703490836f5b8c75b3676' }, index.h("filter", { key: 'c5afd69366a2c91a1b6288214e71fe28ecff13b6', id: "filter0_dd_7590_639", x: "0", y: "0", width: "214", height: "139.429", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '80fab91ca589385843fa3c53e037cbb19db4d494', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '2b0eb9be1f1cf3d3e1bdbc457aa46585411857ce', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '4166383e0a452784c3d34775bdeab708e5794942', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_639" }), index.h("feOffset", { key: '99d8e43849f68e9014be631531780b07e844264a', dy: "8" }), index.h("feGaussianBlur", { key: 'fa485e05548bd80febadba3b4c6c2a300805ce8e', stdDeviation: "4" }), index.h("feColorMatrix", { key: 'd6c422d86c72cf73d30c3f927fa51d46021bfda3', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), index.h("feBlend", { key: '97b2a455504adbebb62798f0352b85f335f28fd9', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_639" }), index.h("feColorMatrix", { key: '31b320c446adab8991aa65d52b02e6148d4d2c8f', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: 'fe13d68c8521c7bfb9c8398a1d88670e30f6ea65', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_639" }), index.h("feOffset", { key: 'e497f19f5db1b08e4fd34b9a8c5586c2903a39a2', dy: "20" }), index.h("feGaussianBlur", { key: '6c352bef60bbdb81de59b511900287177b99600b', stdDeviation: "12" }), index.h("feColorMatrix", { key: 'ca618c5a3199aeca1ab9ac42cce33189ed0c5f23', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), index.h("feBlend", { key: '54cd57984a0721591cac9c716833feada2c455d0', mode: "normal", in2: "effect1_dropShadow_7590_639", result: "effect2_dropShadow_7590_639" }), index.h("feBlend", { key: 'd04aae3feea685245d9023d84795ca2ccefba1b3', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_639", result: "shape" })), index.h("linearGradient", { key: '72001f5735d0c37e6a2df2951c94f8674e99210d', id: "paint0_linear_7590_639", x1: "29.2326", y1: "33.3796", x2: "99.5429", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '718b0910a4dc4edfb235cec820425483899dcbd5', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("stop", { key: '408b36b8ed89a86bfe44dcf3d8f9e9df8d6a38eb', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), index.h("linearGradient", { key: '6b4340e04a603d711c569c431dffc3a7d206fc0b', id: "paint1_linear_7590_639", x1: "71.3123", y1: "16.8673", x2: "159.2", y2: "99.4285", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'eb81a9904fc6e81cdee122cfde544167411ecba2', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("stop", { key: '5c1f0a05c383a503ea8dad9ff8de9b7d7e54c3a4', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" })), index.h("linearGradient", { key: 'c7d04d9feaf05a2bfbede663a2792b737ee01aa8', id: "paint2_linear_7590_639", x1: "132.478", y1: "41.6358", x2: "194", y2: "99.4286", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'cbd3e9c50130816d09a2bacfec3814c32bfa2847', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("stop", { key: '318d755b110f6627beff3ee89aa80cecd74862da', offset: "0.350715", "stop-color": "white", "stop-opacity": "0" }))))), this.illustrationStyle === 'box' && (index.h("svg", { key: 'b63e62b966bf96a7db652d2318e52189e7a510aa', xmlns: "http://www.w3.org/2000/svg", width: "168", height: "178", viewBox: "0 0 168 178", fill: "none", class: `box ${this.size}` }, index.h("g", { key: '5b9092aa944e89e5445c0abfb66c5af893cd3165', filter: "url(#filter0_dd_7590_623)" }, index.h("path", { key: 'c27947a88eb08a9f26904d85a2f768d8453c18ff', d: "M84 54.9529L90.9121 52.0578L84.0009 55.002V137.432L147.69 110.743V28.2767L148 28.1466L147.69 28.009V27.8705L147.53 27.9384L84.5026 0L20 27.4765L20.3053 27.6076L20 109.74L84 137.383L84 54.9529Z", fill: "#F9FAFB" }), index.h("path", { key: 'f34a207948c80f25c9be3ecfa1a2582c4b420813', d: "M84 54.953V137.383L20 109.739L20.3053 27.6075L84 54.953Z", fill: "url(#paint0_linear_7590_623)" }), index.h("path", { key: 'e2c44d3f5e39b29c08ce76ce42bf5edee8b74729', d: "M84.0012 55.002V137.432L147.69 110.743V27.8705L84.0012 55.002Z", fill: "url(#paint1_linear_7590_623)" }), index.h("path", { key: 'a5ed2021f384051f5c3b9b05d493046a07798f06', d: "M84 54.9529L148 28.1466L84.5026 0L20 27.4765L84 54.9529Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : 'var(--color-background-gray-subtler, #EEF2F6)'}` }), index.h("path", { key: '37f9594e16f1f439969dd4c7d263bd745298974a', d: "M44.1255 17.1998L107.881 44.9503L108.461 65.173L126.299 57.8126L125.759 37.4622L60.1172 10.3877L44.1255 17.1998Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtlest, #E4F0FC)' : 'var(--color-background-gray, #CDD5DF)'}` })), index.h("defs", { key: 'fec57231472adefb7c43dace8468c179e7a7692c' }, index.h("filter", { key: 'f5a5c08aa0f9f60f7c0c6c3fda30bcf626ea5f6c', id: "filter0_dd_7590_623", x: "0", y: "0", width: "168", height: "177.432", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'd3889e5c0905729aa3a26ab55c20f339c90b31bf', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '12d7d6897995e6f536ea414e5300c569e22d2df7', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '0a503b388d5eff10dd126fa99cd4e3c24ca065e1', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_623" }), index.h("feOffset", { key: '1a7646094f314f50d9e61e45f43178d43c085cdc', dy: "8" }), index.h("feGaussianBlur", { key: '48d8918aa81df536ec19679d555071bd012a45cc', stdDeviation: "4" }), index.h("feColorMatrix", { key: '614b7416adddabfbbe5986e4802734259d7f5393', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), index.h("feBlend", { key: '7d58a85750d754278fc99debe7c66cf1bea86f2f', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_623" }), index.h("feColorMatrix", { key: '50db5646b47a17a0b624482fba5e8abced1ad016', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '6acec813a82321c89056ec63b508f5d0fc7f5225', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_623" }), index.h("feOffset", { key: '6bf514954b142bc4c79c8486b441e66138f1fc20', dy: "20" }), index.h("feGaussianBlur", { key: '3bfa62f7deaea75e3ad877fb05cf0ca8a56f731e', stdDeviation: "12" }), index.h("feColorMatrix", { key: '3b821256ed1e8f74ad8ab2c4970bc9c3b38ca0a2', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), index.h("feBlend", { key: 'c5f561c444fd05f9731d7fe7646ce9a5cde4f52b', mode: "normal", in2: "effect1_dropShadow_7590_623", result: "effect2_dropShadow_7590_623" }), index.h("feBlend", { key: '2bc673d63e1d05edf5d18ee4ea3e964a3dddb7bd', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_623", result: "shape" })), index.h("linearGradient", { key: '2da8a3048f1f80683e089722a818728a2c14c196', id: "paint0_linear_7590_623", x1: "20", y1: "110.154", x2: "45.2754", y2: "41.7013", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '70177091fa4f643095e80a5524da74d59b4ecf9b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("stop", { key: '19d7b7d0564b6b9f8420961282a91ecc177d5894', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtler, #EEF2F6)'
-                    : ''}` })), index.h("linearGradient", { key: 'a358bb3232e92b295a043d4f9c6ff42024ef17b4', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'a9b20b2125bdab8f34b692ca8452f119fae907a0', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("stop", { key: '4d97080222cc50c5ba100d4d33efdb8f438981e9', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), index.h("linearGradient", { key: '8f9720ef3b4c98f8fa20d0a9319a046efe143c16', id: "paint1_linear_7590_623", x1: "84.0003", y1: "56.6154", x2: "156.166", y2: "70.983", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'e0d100271c526e0d92e24711d3a94ded38d7ddbc', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("stop", { key: '7d9285de8882cb10b53e13ed68982ea82b21c137', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtler, #EEF2F6)'
-                    : ''}` }))))), this.illustrationStyle === 'documents' && (index.h("svg", { key: '318486b8dedab378090b7d554eec5f7b4f9b27c5', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, index.h("g", { key: '235c7abacbfb63c175e754f33ed39e254c17c630', filter: "url(#filter0_dd_7590_657)" }, index.h("path", { key: '71703538b1f0f435a096308717fd9202f6b82bf2', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), index.h("path", { key: '8acbfaff4e5eb4e464280f012bfde38e25b2490e', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("g", { key: '9739e84e21b4c27a8cbc594bad5d7d03a2d15fbf', filter: "url(#filter1_dd_7590_657)" }, index.h("path", { key: '2c8613ee34dd3b5350dbdb67e0e4eef85f0d6563', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), index.h("path", { key: '228bc2b3b8a4ab17bf0d1b65915497fb35181ccf', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("g", { key: '1c869b3d530bcee4c6a06e252d2198a26099911a', filter: "url(#filter2_dd_7590_657)" }, index.h("path", { key: 'f9822b1da501eaa169d9f701bb962bdbbc9c934c', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), index.h("path", { key: '3e73c580e2bc009493a9f2b4788e802b5d168c38', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("defs", { key: 'ea4463d5195737428b1a87e8f645842731806ada' }, index.h("filter", { key: '0762253fb7a772249671cfdf87b5923d76e89a46', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '8d0ffcc856ca7852360ff89ec0a3df0af0326ebe', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '9e00c01640ae36079c2b299c1d5e11f38bfa6c9c', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '3c2311ea4d36ac9ceaccd627a1718231cb66b9f4', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), index.h("feOffset", { key: '7603e8fc489d5bf2f7b0ad48f9f0d9e81bc2ca28', dy: "8" }), index.h("feGaussianBlur", { key: 'fe51ea643b4977003d302a4ad775049c812d910d', stdDeviation: "4" }), index.h("feColorMatrix", { key: '30a46af8edebc61ada58a005d5f595f2806538ea', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), index.h("feBlend", { key: 'ee8ccfa2a12d8fc9c54e73c2b6d5f8abc98fff33', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), index.h("feColorMatrix", { key: 'e9273fe06e03d0d5e3c10e677b5c39a4bf668984', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: 'b6c8b6a7964f5be97103fa499c8611cd5c15a0dd', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), index.h("feOffset", { key: '2448d2d693b4a738ce91969816958ce17945a40c', dy: "20" }), index.h("feGaussianBlur", { key: '7d2eee704079d0e26577a52175a406ddfc5cb412', stdDeviation: "12" }), index.h("feColorMatrix", { key: '1a70967766048ab5588135e1ee1f3eb104b99335', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), index.h("feBlend", { key: '0b2a96efe40139523e34b08dc311792a84e5275c', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), index.h("feBlend", { key: '5cd4fa4cb1b38039bba228aa691eb72c235d9f75', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), index.h("filter", { key: 'b1bfdcecf752b4d639ec8432ceedbfadf29f4fe5', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '8c2dff8c56e5e09581a4d535cab204b119eedf2d', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '73dd3ef0b58647b1dfe516e7cb7b35061cbb7369', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '6aa6cf47c696a3d4aa7323e9a66d67bfd8f02b9c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), index.h("feOffset", { key: 'e746fead3eb1c45b27bd471ad1547cbe90248b79', dy: "8" }), index.h("feGaussianBlur", { key: '5386363c91764ecada4b057cef0d809d7022c6d7', stdDeviation: "4" }), index.h("feColorMatrix", { key: '9765058f1e49c9ee5ced005e1265f51d65b9cdba', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), index.h("feBlend", { key: '3caa698685dd9345a73e2d46a80d0fd154dac0cc', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), index.h("feColorMatrix", { key: '01b55afeceaded36b074e8c6c46e0f8546395543', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: 'bace7860f64f26fab16251feeebf78004b179445', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), index.h("feOffset", { key: 'eca0d116a8c21fcc8c86dfba905da6103924f7f2', dy: "20" }), index.h("feGaussianBlur", { key: '18b831f2cd24b72148225ad21ceed510c5d78380', stdDeviation: "12" }), index.h("feColorMatrix", { key: '5642c7db62ef54feed560f8e59c6add5bd7e0b0f', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), index.h("feBlend", { key: '325a5093d5f32328f3186d23708338344e287da7', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), index.h("feBlend", { key: '8a6ac3192a15884c8f2dc1d8967f7d74dfbde9c9', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), index.h("filter", { key: '8379531413ee3d8f8a8907d0d2f9b2a8c955c0cd', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'f616d06b4c742dea874f90bd2327cfedc858ed31', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: 'a3cf9b2fcc9f31eea633062d56891116fb2ecca3', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '32456eb8490eb4837db308cfad74d93e2eb2d44f', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), index.h("feOffset", { key: 'dfddb3e6fb063348211d20c8a0e4733157f3f006', dy: "8" }), index.h("feGaussianBlur", { key: '24d6ce3b7c17a607f51bc888830146e7cdd2cfc9', stdDeviation: "4" }), index.h("feColorMatrix", { key: '2b463de1ee02ecd111cf6040f0914bca7b65040d', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), index.h("feBlend", { key: '29b442c9b9c4ab401cc2cb1920ada8106f68d8f2', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), index.h("feColorMatrix", { key: '13f68db01893d88d3599262b1252c5b486ce1bd8', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '0f6ecfa2f9b75ca3cd81c094605d5a9307a14d02', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), index.h("feOffset", { key: '18a223219cbdc06aa06ef4510960d0f73cd0a662', dy: "20" }), index.h("feGaussianBlur", { key: '01b747a3f4188c80d100e1a1942a076c49674014', stdDeviation: "12" }), index.h("feColorMatrix", { key: 'd26483c31efb399072b2750c61c954cd70d71e4f', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), index.h("feBlend", { key: '7ad0f7dc941988dbba19871c7c8d83658fb90446', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), index.h("feBlend", { key: '296906819d5940b0375e19fe3282b1d6b63a8284', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), index.h("linearGradient", { key: '974b9b886e4f4eaeb386296215840a38021ef49d', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '6d031a7ce9acd68482daeca0a587de744aa90e82', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("stop", { key: '3d379a18441eff98020a8ac19e42495da2e0e34c', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'documents' && (index.h("svg", { key: '56c81b16598e1a56ac8b83e7dd3d9f0d4b8f862f', xmlns: "http://www.w3.org/2000/svg", width: "229", height: "153", viewBox: "0 0 229 153", fill: "none", class: `documents ${this.size}` }, index.h("g", { key: '57f5ed4df154ba9edd7dafc1d30b6cfcad9fecb9', filter: "url(#filter0_dd_7590_657)" }, index.h("path", { key: 'accb35c70e9554edd4438e85ec10fbf5297219c5', d: "M63.6376 112.214L116.089 87.7552C118.722 86.5272 119.862 83.3969 118.634 80.7634L87.6581 14.3361L66.6827 6.7017L23.7681 26.7132C21.1346 27.9412 19.9952 31.0715 21.2233 33.7049L56.6458 109.669C57.8738 112.302 61.0041 113.442 63.6376 112.214Z", fill: "url(#paint0_linear_7590_657)" })), index.h("path", { key: '5ecaf5b5ed962d6ae17baf47add955a920f4883b', d: "M66.6826 6.70166L87.658 14.3361L73.3531 21.0066L66.6826 6.70166Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("g", { key: '3be676e0bdbe18329a01e65dc4167b8b5c4f58ca', filter: "url(#filter1_dd_7590_657)" }, index.h("path", { key: 'c7a2a3297950e527e684a4c0ae96a6059908d0d2', d: "M88.7112 94.3394H146.585C149.49 94.3394 151.846 91.9838 151.846 89.0781V15.7837L136.062 0H88.7112C85.8055 0 83.45 2.35554 83.45 5.26124V89.0782C83.45 91.9839 85.8055 94.3394 88.7112 94.3394Z", fill: "url(#paint1_linear_7590_657)" })), index.h("path", { key: '444c2c1c6ab32cdd3a2394b89454939e2a63e413', d: "M136.062 -0.00012207L151.846 15.7836H136.062V-0.00012207Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("g", { key: '29d9e8165d66f3b3bcef663f8425e5a89fe066b2', filter: "url(#filter2_dd_7590_657)" }, index.h("path", { key: '30445530a449b1bd8f78be69dd5e8755cc3ef82e', d: "M118.471 87.724L170.922 112.182C173.555 113.41 176.686 112.271 177.914 109.638L208.889 43.2103L201.255 22.2349L158.34 2.22349C155.707 0.995492 152.576 2.13484 151.348 4.7683L115.926 80.7322C114.698 83.3657 115.837 86.496 118.471 87.724Z", fill: "url(#paint2_linear_7590_657)" })), index.h("path", { key: '934b4d31b95d7156326dbb9b7d5240152889c1ee', d: "M201.255 22.2349L208.889 43.2102L194.584 36.5398L201.255 22.2349Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("defs", { key: 'c7b3e07836f2e00a9291276b69ae787482a96075' }, index.h("filter", { key: 'dcaec5a150e3ebb832f4e823f876acd91254fe9d', id: "filter0_dd_7590_657", x: "0.729004", y: "6.70166", width: "138.399", height: "146.006", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'a15c7eec63251f34842e128759f51c125b8e1d77', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '96494f6ea34f67520abe0e02b0be82883e33d853', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '00c6ce3bb3bc61d8601fc603c2c2ed1dc0ac386f', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), index.h("feOffset", { key: 'bbf20d4f8a438f6510c7d93e1f2a176eabfa8b62', dy: "8" }), index.h("feGaussianBlur", { key: 'c194bb29a30c6c06f0b370fdc7d7a42c1c108974', stdDeviation: "4" }), index.h("feColorMatrix", { key: 'a2b2da10748d4870167c53fdae0881aa693f8a12', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), index.h("feBlend", { key: '439342a690f8854ac54ea66c39de20b9860e633b', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), index.h("feColorMatrix", { key: 'b78d1c0072dc7782dc2e0c5dcfa2279f3e496f20', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '8e2c085266f6b9bc8bb8d32f5954d2c6732fecb8', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), index.h("feOffset", { key: 'a5901c754d02a8f6bf7fbcb128686581963de2d2', dy: "20" }), index.h("feGaussianBlur", { key: '86386ea232bafc31535b7abb1478220adde9b984', stdDeviation: "12" }), index.h("feColorMatrix", { key: '00b6639f89d0b5a1714c326d3b1468f4eb0ec20b', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), index.h("feBlend", { key: 'cd116673f935e11b0ad31754c8b49aa6adfedaba', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), index.h("feBlend", { key: '93b384cea159b4cc981911b8d4601cad28854eb3', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), index.h("filter", { key: 'b6cd0cb75736460b65fe509b172ca458aba5ec7f', id: "filter1_dd_7590_657", x: "63.45", y: "0", width: "108.396", height: "134.339", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: 'c0340eecc3dd99764e11242b768fc2b889027711', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: 'dfcbc050dc3abcae9bca6a6c03455045c03fb3ed', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '6a0585e2cd2577eec070a58f663b632322b6e4af', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), index.h("feOffset", { key: '4d8439fbc1b3b2957f419c7cb1c4acc13c53042c', dy: "8" }), index.h("feGaussianBlur", { key: '68cd1cc35119f239f44cf0fd4b5670004bca8eee', stdDeviation: "4" }), index.h("feColorMatrix", { key: 'ad741c0fcf0c6a68a707de55280a3c63ed979b91', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), index.h("feBlend", { key: 'a1943189a58ace4fb251e82f79123a3c82d3c5b6', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), index.h("feColorMatrix", { key: '3fcccb3f0c04b49844c63d27b82a63b1d0e3c2f2', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '20c37e650a20434a91f846a9c21438b60d1965a0', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), index.h("feOffset", { key: '4e94e783cc718a70fc62d3655ba4736e8c4e8307', dy: "20" }), index.h("feGaussianBlur", { key: '62c5acaa2598650d42145c74a88778bb150990b5', stdDeviation: "12" }), index.h("feColorMatrix", { key: 'c2a4d9e7124152f98dca6836784d298ff80095a7', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), index.h("feBlend", { key: 'f27c9147b32acaa4a2e0b7e7d0c05697af0cc1c2', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), index.h("feBlend", { key: '0aeabf57ec62c63eee5fe243be0067607a5e601f', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), index.h("filter", { key: '88bac91ce3ad973cd933badb657b5907c7fdc98c', id: "filter2_dd_7590_657", x: "95.4316", y: "1.72925", width: "133.458", height: "150.947", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '46b96a30be4679de843e1f83499ca2f30926e206', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: '31464f9548ce32f3042a8f005b662effed71788c', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '9a44c0d649555123a5f588fab9dc8a94f292313a', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_657" }), index.h("feOffset", { key: '97239faf90883a0f57ac20575b8ca405db7a3c67', dy: "8" }), index.h("feGaussianBlur", { key: 'aa98b70981469519ecdabb83a04600dd55cb0062', stdDeviation: "4" }), index.h("feColorMatrix", { key: '5dab95d947fa77445962c7b5b6e5ef6cae245dff', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), index.h("feBlend", { key: '2ef8eaa4711aa2fbada3695f2c23d07125bcf69e', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_657" }), index.h("feColorMatrix", { key: '90b086673af19b96099964da37eaeb1183c4010a', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '1b0175c791fc5e437957142ed59037c1db59d2d7', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_657" }), index.h("feOffset", { key: '2a647389246c387b2a5495652324535c5e9eb34a', dy: "20" }), index.h("feGaussianBlur", { key: '927171be7d7f6bb975a273a2cb906f3225893de8', stdDeviation: "12" }), index.h("feColorMatrix", { key: 'd89bf6dbe0beb33ef252f046bd620814192ea614', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), index.h("feBlend", { key: '0d044963d99e51a334b407865f6a6e2a28b97dd5', mode: "normal", in2: "effect1_dropShadow_7590_657", result: "effect2_dropShadow_7590_657" }), index.h("feBlend", { key: '9a164da8bce51af55ad99ee5604e6cd9de4bc556', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_657", result: "shape" })), index.h("linearGradient", { key: 'a6f8ee59c4772c837bddae4e9c17eeec349703d5', id: "paint0_linear_7590_657", x1: "60.5561", y1: "112.418", x2: "18.7566", y2: "37.0089", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'aea2cfe1bbbbd5c307c5b0fea34ab603f8b75986', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("stop", { key: '2fe34dec728921f144fdbed53433926a1851bf1b', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })), index.h("linearGradient", { key: '4e2a9a4410e48fd3f36401c97493f0cc86637f72', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'ebaa44ebdf9e19d535befae95b9d0382cbe0c3b1', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("stop", { key: '9b1cd8a99e1fe5d0eae4945b89873001bce33ebc', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), index.h("linearGradient", { key: 'a47bacb70c4103380281ce785b2338faaa96b1fb', id: "paint1_linear_7590_657", x1: "85.8318", y1: "93.2227", x2: "79.8181", y2: "7.21313", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: 'a4512079c8cc83b1d91edc81e1141a3b2de01254', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("stop", { key: '80a8bc9d02bd32b9d839acc092cafe28995232a2', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })), index.h("linearGradient", { key: '4378c1eb4f1f01c941fd55bf49ba6ed3a283bf4a', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '42bf270879290a4ec69f0f0a094eed511625af8b', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("stop", { key: '0e4a7eb7a46d77c48e1bc3666d5451e2245fc272', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` })), index.h("linearGradient", { key: '6afae9dd6f2eb8190305925e4583bc87c515fe6e', id: "paint2_linear_7590_657", x1: "116.333", y1: "85.4951", x2: "147.232", y2: "5.00242", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '0d807ab0bc164baa6dbd0d3301ecc39e8dae53c0', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("stop", { key: '27256cd396a026e584173ce08127e08e27851d58', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtlest, #E4F0FC)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (index.h("svg", { key: '315df7cdf7c12164089ebdf87f01b35f8abdd294', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, index.h("g", { key: 'e0caee837ddc554d88494f53d461b3d33b5b7d7e', filter: "url(#filter0_dd_7590_677)" }, index.h("rect", { key: 'bb98879aeff10f715b8a65c01500fa3bcbf06135', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), index.h("rect", { key: '03725b0bce41f253cdfd778790757fe9adfc09d9', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("circle", { key: '7b9199ad91420da141fa92f5ee4595c224c32a3c', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("circle", { key: 'cf841589a4af4ac58d7defe7b4954b38a66f0993', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
+                    : ''}` }))))), this.illustrationStyle === 'credit_card' && (index.h("svg", { key: '4fd4b7b3f17e5e4f6ab9d1659a0a737715a2302d', xmlns: "http://www.w3.org/2000/svg", width: "206", height: "144", viewBox: "0 0 206 144", fill: "none", class: `credit_card ${this.size}` }, index.h("g", { key: '2bd2ca8500e594ea5a183a20c9889fc7f7d2ad50', filter: "url(#filter0_dd_7590_677)" }, index.h("rect", { key: 'd4dcd8b05fc181e4879b7154ae81b4e3e3f0eaeb', x: "20", width: "166", height: "104", rx: "7.25581", fill: "url(#paint0_linear_7590_677)" }), index.h("rect", { key: 'e1065fd55da0a4c5c9c8d3b5e8be9fdb446a0c1a', x: "34.0698", y: "24.186", width: "29.0233", height: "21.7674", rx: "2.4186", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("circle", { key: '24df7abd32c2b940ccb1059ffa9328faa3a2e724', cx: "159.837", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray, #CDD5DF)'}` }), index.h("circle", { key: '0979b06ad821482fc7b7a2bd5171c3488fba46b0', cx: "145.325", cy: "31.4419", r: "12.093", fill: `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtle, #E3E8EF)'
-                    : ''}` }), index.h("path", { key: 'fba325892ff32f0d1d92d065ec2ad14b6c9f0151', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("path", { key: '53caa34bd56f33e3646a293cfce1515326830a69', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("path", { key: '908009b3b0756a2f5d722125f3f2ecb119616fbb', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("path", { key: '5b16a4f46f6cdb65d34b397e34c87adff2cc40c6', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), index.h("defs", { key: '31400f5b97960843a14030e1dcb0074d84252c6b' }, index.h("filter", { key: 'f28f0cf73ad6af85a7187a1e9536b96eede9546a', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '974ba9cd49652663267ad87eb5418eb252e836dc', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: 'ac1e2b278a2f42373fdc9d6dd269bcc1ea39efe5', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '0069c8ccb1c031558840ff363bf83df7dfcf2c4c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), index.h("feOffset", { key: 'e3c71b4dff5db20e6be583df67c2d96720f80864', dy: "8" }), index.h("feGaussianBlur", { key: '6ff3230cde338d11051f6ec700d8a29f4ec50c6e', stdDeviation: "4" }), index.h("feColorMatrix", { key: 'c6f3d315f30791fa4c24660f98a6ca76e03f7db9', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), index.h("feBlend", { key: '2aaa2a77b77fd52a8bb54e826ff9efd5eca8daed', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), index.h("feColorMatrix", { key: '89633fce48d31d4663dda27957f02b6b3144fd4c', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: '3a5defcaaf0783d911425bd2d79ee64927f5995f', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), index.h("feOffset", { key: 'de90b2a2781ec901e81798e32b8448b962801c4d', dy: "20" }), index.h("feGaussianBlur", { key: '47ea4ffee300318d08fd8bfdc5b190579f70d289', stdDeviation: "12" }), index.h("feColorMatrix", { key: 'a421742242ec5fa306922477517ee77d3d541da5', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), index.h("feBlend", { key: '7d6510b4fd5e03abf379cb6a6a15abff529b66e0', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), index.h("feBlend", { key: '1ca470b54a58bab4d351b140915e519c9bf7ec5c', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), index.h("linearGradient", { key: 'e439ca36eb37a48cf85c790ae12981a788bcde2a', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '11d0590b52f0b3f5a2abd4f95ad6a374a2fde473', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), index.h("stop", { key: '1011dfdeadd34b9bf7dea438fafbe4ba744e78ca', offset: "1", "stop-color": `${this.color === 'primary'
+                    : ''}` }), index.h("path", { key: '5395905c7d20baf8ef448129a730ce04cc4febf5', d: "M34.0698 88.279C34.0698 86.9432 35.1527 85.8604 36.4884 85.8604H60.6745C62.0102 85.8604 63.0931 86.9432 63.0931 88.279C63.0931 89.6147 62.0102 90.6976 60.6745 90.6976H36.4884C35.1527 90.6976 34.0698 89.6147 34.0698 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("path", { key: '8ade2c34c0ccfd528ebb94b168805009c1c95464', d: "M70.3489 88.279C70.3489 86.9432 71.4317 85.8604 72.7675 85.8604H96.9535C98.2893 85.8604 99.3721 86.9432 99.3721 88.279C99.3721 89.6147 98.2893 90.6976 96.9535 90.6976H72.7675C71.4317 90.6976 70.3489 89.6147 70.3489 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("path", { key: '1cd5e9c4ef306dbebf88ea76be61494ff90453f5', d: "M106.628 88.279C106.628 86.9432 107.711 85.8604 109.047 85.8604H133.233C134.568 85.8604 135.651 86.9432 135.651 88.279C135.651 89.6147 134.568 90.6976 133.233 90.6976H109.047C107.711 90.6976 106.628 89.6147 106.628 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` }), index.h("path", { key: 'e534ffef8f696fc2318d59cea738c98c42fef418', d: "M142.907 88.279C142.907 86.9432 143.99 85.8604 145.326 85.8604H169.512C170.847 85.8604 171.93 86.9432 171.93 88.279C171.93 89.6147 170.847 90.6976 169.512 90.6976H145.326C143.99 90.6976 142.907 89.6147 142.907 88.279Z", fill: `${this.color === 'primary' ? 'var(--color-background-information-subtler, #C8E0F9)' : this.color === 'gray' ? 'var(--color-background-gray, #CDD5DF)' : ''}` })), index.h("defs", { key: 'aa723717ae6958d936374e8265b2b9d6ab02bff4' }, index.h("filter", { key: 'e5e4c90d1f3b15a9ded8905290b52925e14988f4', id: "filter0_dd_7590_677", x: "0", y: "0", width: "206", height: "144", filterUnits: "userSpaceOnUse", "color-interpolation-filters": "sRGB" }, index.h("feFlood", { key: '5c030ef7d56ac11cf55e90faecb15de98c069e8b', "flood-opacity": "0", result: "BackgroundImageFix" }), index.h("feColorMatrix", { key: 'de8d6909e48eb260ac69a3c83932d11002ea08d6', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: 'd3cd477a40d1950e42724176016e917310b7773c', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_7590_677" }), index.h("feOffset", { key: '871592f3f204a9d42a80f07c1faa0e5e54ef9e63', dy: "8" }), index.h("feGaussianBlur", { key: 'b568a99fc0fb812d1cb2dd47e363edc334527429', stdDeviation: "4" }), index.h("feColorMatrix", { key: '889d6987358b8cdbcd5321cf05905a4234d1a177', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.03 0" }), index.h("feBlend", { key: '953ea02b1a017ab2c460b7280e476b474902ca79', mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_7590_677" }), index.h("feColorMatrix", { key: '4bfe8c586bb7ba2afc8d002eaad067555568efeb', in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }), index.h("feMorphology", { key: 'bf02db6cc8aa9a0e009a1237b3d2a855d1a4fc18', radius: "4", operator: "erode", in: "SourceAlpha", result: "effect2_dropShadow_7590_677" }), index.h("feOffset", { key: 'de6f2c1a90e374f961771b1ead4d537183f8eb5c', dy: "20" }), index.h("feGaussianBlur", { key: '79cfa60eec50cfdbd676084dd8f34d484b78823f', stdDeviation: "12" }), index.h("feColorMatrix", { key: 'd311cb5c42b75e31a8c02fc0c3b5d8f3ae969fd3', type: "matrix", values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.08 0" }), index.h("feBlend", { key: '6e73e86cfb68d862a3a1c8e795c88ae1ab8e7517', mode: "normal", in2: "effect1_dropShadow_7590_677", result: "effect2_dropShadow_7590_677" }), index.h("feBlend", { key: '0224c0405020f56c520b67ef8e566f96703239ed', mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow_7590_677", result: "shape" })), index.h("linearGradient", { key: 'bd13c07d23845257effed8faf64184dffac72da5', id: "paint0_linear_7590_677", x1: "25.7809", y1: "102.769", x2: "22.758", y2: "7.58424", gradientUnits: "userSpaceOnUse" }, index.h("stop", { key: '3635d23607a8c486a2bc98902bf3ac181cd737c9', "stop-color": `${this.color === 'primary' ? 'var(--color-background-information-subtle, #9AC7F4)' : 'var(--color-background-gray-subtle, #E3E8EF)'}` }), index.h("stop", { key: '445efb3aad60e9b79bc19be09677dac7a4619ceb', offset: "1", "stop-color": `${this.color === 'primary'
                 ? 'var(--color-background-information-subtler, #C8E0F9)'
                 : this.color === 'gray'
                     ? 'var(--color-background-gray-subtlest, #F6F8FA)'
-                    : ''}` })))))), index.h("div", { key: '4108e809d33dcdeb4412f20075eea35bfb747097', class: `icon_div ${this.color} ${this.size}` }, index.h("div", { key: '14aa6ae854306673278bd55f5983dbc5bb3d6e50', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
+                    : ''}` })))))), index.h("div", { key: '871acd245982100ffb96e8e1d2b45bd96332def5', class: `icon_div ${this.color} ${this.size}` }, index.h("div", { key: 'b9207c77f235abe2faadf461176af1dfcd5e8848', class: `icon ${this.size}`, innerHTML: this.leadingIconSvg })))));
     }
 };
 GbIllustration.style = gbIllustrationCss;
@@ -5491,16 +5503,16 @@ const GbInputDropdown = class {
         const emptyStateBackground = index.getAssetPath('assets/empty-state-background.svg');
         const illustration = index.getAssetPath('assets/empty-state-no-data.svg');
         return [
-            index.h("div", { key: '5ce50c07af4697ca73b5a3c10dd41c7e91a8532a', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, index.h("div", { key: 'a6e81733f63dd7cfbd45ac8ef5b556d1e4501956', class: `input_with_label` }, this.showLabel && (index.h(index.Fragment, null, this.formatLabel ? (index.h("p", { class: "dropdown_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (index.h("p", { class: "dropdown_label text-sm-medium" }, this.label)))), index.h("div", { key: 'e014d10f3bcf7aae8640792608e921caff347450', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'avatar_leading' && (index.h(index.Fragment, null, this.state === 'default' && (index.h("svg", { key: 'f1d9b6eb3b3e93d9aac2ab0383255b721eb139a3', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '4e05c179404a419f268c12d18890cb53b1947e51', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), index.h("path", { key: '04e021f7b67bc7026cd668964385924594271586', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (index.h("gb-avatar", { key: '8d2e80ce7a93a58de0008d6e2712c459d6e6f737', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && (index.h(index.Fragment, null, this.type === 'search' || this.type === 'tags' || this.type === 'icon_leading' ? index.h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null)), this.type === 'dot_leading' && (index.h("svg", { key: 'b70b0357708e1caa5d4cdc614b6930f0c7b0158d', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, index.h("circle", { key: '603d28ea22c22db3a752f9cddb1974d723a2c9a0', cx: "5", cy: "5", r: "4", fill: "#079455" }))), index.h(index.Fragment, null, this.state === 'default' && this.type !== 'search' && (index.h(index.Fragment, null, this.placeholder && (index.h("div", { key: '977a51c590af18d3be22b93f4e41199c9496651f', class: "placeholder" }, index.h("p", { key: '002bbc2646512d768a02f8f8e318d06515d5d5f4', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (index.h("div", { key: '1cd8a02538da98a3ff3ad52ee9988d71c026b9f6', class: "search_input" }, index.h("input", { key: '736e874a5f4aa02478ea5cab1394f94ce97409c2', type: "text", placeholder: this.placeholder, class: `text-${this.size}-regular`, ref: el => (this.inputRef = el), onInput: this.emitInputValueToUseForSearch.bind(this) }), this.showCloseButton && (index.h("gb-button", { key: '36eec5b2e62737c193b9883ddce5e47df409d6cb', class: `close_button ${this.size}`, size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput() })))), this.state === 'filled' && (index.h(index.Fragment, null, index.h("div", { key: '35ff3395d931d25c7f2498b0fd4d9cf8e2d6df9d', class: `content` }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+            index.h("div", { key: 'e39da2f6c0aeb35cfca1ad976afb506cdf368b8e', class: `input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}` }, index.h("div", { key: '9c9189f48ba0115c8ad4360e3e97f4c3174b7297', class: `input_with_label` }, this.showLabel && (index.h(index.Fragment, null, this.formatLabel ? (index.h("p", { class: "dropdown_label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (index.h("p", { class: "dropdown_label text-sm-medium" }, this.label)))), index.h("div", { key: '7abc16f0a76e87249f6d4802734a13a2aacd1b89', class: `input_dropdown_div ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''} ${this.type === 'tags' ? 'tag' : ''} ${this.dropdownOpen ? 'focused' : ''}`, onClick: e => this.toggleDropdown(e) }, this.type === 'avatar_leading' && (index.h(index.Fragment, null, this.state === 'default' && (index.h("svg", { key: '170683b725e58d6c432ef0e28bc9bfc67a688f57', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '24a62a86f09b08d997654daa3a4962eb93bfa0c4', d: "M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z", stroke: "#4B5565", "stroke-width": "1.66667" }), index.h("path", { key: 'c99d46ecb7422f6a3c8bff3a7816a5649c244ac0', d: "M13.75 5.41666C13.75 7.48772 12.0711 9.16666 10 9.16666C7.92893 9.16666 6.25 7.48772 6.25 5.41666C6.25 3.34559 7.92893 1.66666 10 1.66666C12.0711 1.66666 13.75 3.34559 13.75 5.41666Z", stroke: "#4B5565", "stroke-width": "1.66667" }))), this.state === 'filled' && (index.h("gb-avatar", { key: 'ba32cec6f177fbcc4e8e69be215e12a87b8abf06', size: "xs", text: this.text, color: this.color, "show-border": this.showBorder }, this.selectedItems.map(item => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase()))) : (index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))))))))), this.showLeadingIcon && (index.h(index.Fragment, null, this.type === 'search' || this.type === 'tags' || this.type === 'icon_leading' ? index.h("div", { class: `icon`, innerHTML: this.leadingIconSvg }) : null)), this.type === 'dot_leading' && (index.h("svg", { key: '09551835853ad90329f30bf3c45087c5498206c2', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `dot ${this.size}` }, index.h("circle", { key: 'df082c04a6153fa7a4964b8067b9159cfebc5fe6', cx: "5", cy: "5", r: "4", fill: "#079455" }))), index.h(index.Fragment, null, this.state === 'default' && this.type !== 'search' && (index.h(index.Fragment, null, this.placeholder && (index.h("div", { key: '822699cb70b9c29041b9471d0e4519b434cf78f1', class: "placeholder" }, index.h("p", { key: '16a461196d152e06bed68c6df31b34c650c2cba8', class: `text-${this.size}-regular`, style: { color: '#CDD5DF' } }, this.placeholder))))), this.state === 'default' && this.type === 'search' && (index.h("div", { key: '4232fb4ea6a87eea10fc6d9dd9cebe9eddc39abd', class: "search_input" }, index.h("input", { key: '206fe1ab94ccb7f2f0649503136f9cbc2672713e', type: "text", placeholder: this.placeholder, class: `text-${this.size}-regular`, ref: el => (this.inputRef = el), onInput: this.emitInputValueToUseForSearch.bind(this) }), this.showCloseButton && (index.h("gb-button", { key: '5e22b0562f1ff7fe36c4d86972fceac5d2bd0200', class: `close_button ${this.size}`, size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput() })))), this.state === 'filled' && (index.h(index.Fragment, null, index.h("div", { key: 'b67eb7a33109e3f1aa23e503c3d900bcca92d225', class: `content` }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
                 .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, this.value.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
-                .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item))))), this.supportingText && (index.h("div", { key: 'df3d2d52ee8f520e704bef2247bbadf9a12daa7a', class: `supporting_text text-${this.size}-regular`, style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (index.h(index.Fragment, null, index.h("div", { key: '67a253ba9acade5e1e95091e7a2c0f591c71486b', class: `content` }, index.h("div", { key: '1d5eb7f173e07e952c42041920e1513f7597da28', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
+                .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(item) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h("p", { class: `selected_text text-${this.size}-regular` }, this.value.length === 0 ? ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.name) || this.selectedItem : index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item))))), this.supportingText && (index.h("div", { key: 'bf1de0674f8b39971c778e4c9890a68e36ec12a4', class: `supporting_text text-${this.size}-regular`, style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && item.username))))))))), this.state === 'disabled' && (index.h(index.Fragment, null, index.h("div", { key: '8372dbc26f20cd8b2f8c445ce18bfadcd6398283', class: `content` }, index.h("div", { key: 'b34d26589e661ef3a94480f321a0e81272478085', class: `text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`, style: { color: '#4B5565' } }, this.type === 'tags' ? (index.h(index.Fragment, null, this.value.map((item, index$1) => typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item.name.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.name
                 .split(' ')
                 .map(part => part.charAt(0).toUpperCase())
-                .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: 'a955f88691f215b38231c7333b60030231cab5f0', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && index.h(index.Fragment, null, item.username))))))))))), this.showHelpIcon && (index.h("div", { key: 'b6e77daf0dab9ebad4dc6bb93e009928cab195a2', class: `help_icon` }, index.h("gb-help-tooltip", { key: '0c08b2347548d13fa812785acebfae77e52d21d9', "show-supporting-text": true }, index.h("slot", { key: 'da075f1149b38ba18f720203c463e55ff9af9efc', name: "tooltip_label", slot: "label" }), index.h("slot", { key: 'b8b12dae1195a699c4c11162d8b9e12d6e5d1eec', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (index.h("div", { key: '9afa6aaaec1f465f29906b51acbe6cc18b89d101', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, index.h("svg", { key: '54f0c4aa14dea465dfb28625d7cee00d97893475', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { key: 'b0d58096c3010100038f787f2c05d83a590922d5', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h(index.Fragment, null, this.dropdownOpen && (index.h("div", { key: 'e7260ce9b98da20dd490a964a853d707748abb12', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (index.h("div", { key: '3db52e96e0c55906b521995b7e8dc290d30bc316', class: "dropdown_search_field" }, index.h("gb-input-field", { key: '0b51f059ea33e79500d54e3a16b8ccf9f73f32b2', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: this.placeholder, type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItemsInDropdownMenu.bind(this) }))), this.loading && (index.h("div", { key: 'b1ce61fe0ae63673b8bd8a4ee0fec66ec8271e02', class: "loader_div" }, index.h("div", { key: '006495790e7800a7ca8124bc3289e4f85d97c92c', class: "loader" }))), this.searchItem ? (index.h(index.Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (index.h(index.Fragment, null, this.searchResults.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
+                .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close" }, index.h("p", { class: "text-xs-medium" }, item))))))) : (index.h(index.Fragment, null, index.h(index.Fragment, null, this.value.map(item => (typeof item === 'object' ? item.name : item)))))), this.supportingText && (index.h("div", { key: '4f0941ac6a782a8d626cb8540778fb0bb9182d12', class: "supporting_text text-sm-regular", style: { color: '#697586' } }, this.type !== 'tags' && (index.h(index.Fragment, null, this.value.length === 0 ? index.h(index.Fragment, null, this.selectedItem.username) : index.h(index.Fragment, null, this.value.map(item => typeof item === 'object' && index.h(index.Fragment, null, item.username))))))))))), this.showHelpIcon && (index.h("div", { key: '761afcc2d5ededc13ada1a13b9e382b7e949abd6', class: `help_icon` }, index.h("gb-help-tooltip", { key: '6e8fcbb47644a2ad109d6a7d9be893333a5567a8', "show-supporting-text": true }, index.h("slot", { key: '91ed72a5a6a15503b3034c60c4c8f7e87497dec1', name: "tooltip_label", slot: "label" }), index.h("slot", { key: '21bcd51fd3a866b237f54a9bbc8641770da848af', name: "tooltip_supporting_text", slot: "supporting_text" })))), this.type !== 'search' && (index.h("div", { key: '51d76949e6d68055568dd508b4e443f9a0d348ce', class: `dropdown_icon ${this.dropdownOpen ? 'opened' : ''}` }, index.h("svg", { key: 'f2bde0dbc4a6e3205670b684095c970cc93933f5', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { key: 'fde7e6f84b4051965d0decd2e35474788c812061', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#697586", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h(index.Fragment, null, this.dropdownOpen && (index.h("div", { key: '6e201cd894a0cdac5824e48d9a6339766a1648f5', class: `dropdown_menu ${this.menuPosition}`, ref: el => (this.dropdownRef = el), onClick: e => e.stopPropagation() }, this.showSearchInput && (index.h("div", { key: '79b88459d9f5b38f3327c1c7423b39d0a4a5c4ab', class: "dropdown_search_field" }, index.h("gb-input-field", { key: 'aac7e5a40c909bc9e06db1c326dd1493af6fcb5d', size: "sm", value: this.inputValue, "show-close-button": this.inputValue ? true : false, "icon-swap": "assets/search-01.svg", placeholder: this.placeholder, type: "icon_leading", labelText: "label", idOfInput: "3", onInputValueChanged: this.searchItemsInDropdownMenu.bind(this) }))), this.loading && (index.h("div", { key: '34277ccb2d32a78cc6f24b2ceae09a4b2115aa83', class: "loader_div" }, index.h("div", { key: '6fe4160d68386f6e7a8e0930eda77e8e4cd8f348', class: "loader" }))), this.searchItem ? (index.h(index.Fragment, null, this.searchItem !== '' && this.searchResults.length > 0 ? (index.h(index.Fragment, null, this.searchResults.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : this.searchItem !== '' && this.searchResults.length === 0 ? (
             //Empty state for when there are no search results
             index.h("div", { class: "empty_state" }, index.h("img", { src: emptyStateBackground, class: "background", alt: "" }), index.h("div", { class: "message_background" }, index.h("img", { src: illustration, alt: "", class: "illustration" }), index.h("p", { class: "message text-md-semi-bold" }, "No results available")))) : null)) : (index.h(index.Fragment, null, this.type === 'tags' ? (index.h(index.Fragment, null, this.selectedItems.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: true, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username), index.h("h1", { slot: "initials" }, item.name.split(' ').map(part => part.charAt(0).toUpperCase())))) : typeof item === 'string' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item), index.h("h1", { slot: "initials" }, item.split(' ').map(part => part.charAt(0).toUpperCase())))) : (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item), index.h("h1", { slot: "initials" }, item)))))), this.unselectedItems.map(item => (index.h("gb-input-dropdown-menu-item", { type: this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: false, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("p", { slot: "supporting_text" }, item.username))) : (index.h("p", { slot: "name" }, item))))))) : (index.h(index.Fragment, null, index.h("gb-input-dropdown-menu-item", { state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, color: this.color, onClick: () => this.handleItemSelect() }, index.h("p", { slot: "name" }, "--", this.placeholder, "--")), this.items.map(item => [
                 index.h("gb-input-dropdown-menu-item", { type: this.type === 'tags' ? 'checkbox' : this.type, state: reusableModels.StateEnum.Default, "supporting-text": this.supportingText, selected: this.isItemSelected(item), color: this.color, onClick: () => this.handleItemSelect(item) }, typeof item === 'object' ? (index.h(index.Fragment, null, index.h("p", { slot: "name" }, item.name), index.h("h1", { slot: "initials" }, item.name
@@ -5576,13 +5588,13 @@ const GbInputDropdownMenuItem = class {
     render() {
         return (
         // <div class="dropdown-container" onClick={() => (this.selected = !this.selected)}>
-        index.h("div", { key: 'cd53a5892eb003a7153d0925771541600111df85', class: "dropdown-container", onClick: () => this.handleClick() }, index.h("div", { key: '27b5b4527e8019dd9be26e7f0384f2116621c574', class: {
+        index.h("div", { key: '991dc12f0e73c1a9663dbdc64f2d3d434805b361', class: "dropdown-container", onClick: () => this.handleClick() }, index.h("div", { key: 'c1f9dce883af03caec6f0449ab33a1dba9a66d11', class: {
                 'dropdown-item': true,
                 'selected': this.selected,
                 'disabled': this.state === 'disabled',
                 'checkbox': this.type === 'checkbox',
                 [this.type]: true,
-            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, index.h("div", { key: '08f64762d0de7cd7f061c9c5114ec0b5229e93b4', class: "content" }, this.type === 'icon_leading' && this.iconLeading && index.h("div", { key: '233a0fbf3a3be2bb02d1aa1ca733275eefda4b00', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (index.h("gb-avatar", { key: 'b8140f56925476b1df7eb2068b442784e43346f8', class: "avatar-icon", size: "xs", color: this.color, text: true }, index.h("slot", { key: '7c298f724a65ce0ebf61fdc56088b69442bd80fe', name: "initials", slot: "initials" }))), this.type === 'dot_leading' && (index.h(index.Fragment, null, this.state === 'default' ? (index.h("svg", { id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, index.h("circle", { cx: "5", cy: "5", r: "4", fill: "#17B26A" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("circle", { cx: "5", cy: "5", r: "4", fill: "#EEF2F6" }))))), this.type === 'checkbox' && index.h("gb-checkbox", { key: '28e6a594a07c9f7eeb0ef6d3451269a14999b25f', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), index.h("slot", { key: 'baaf07dc405ced6743a1eb997ba5816944148c7b', name: "name" }), this.supportingText && (index.h("span", { key: '61af635edf1f3a2cd476cc3fd1aa4c92e00e0903' }, index.h("slot", { key: '92c2314b8b79bbe341e6633ced76ef38a410c0d0', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (index.h("div", { key: 'dce742d6afc6ac43b21cf656a92e3a1b0f3908d3', class: `tick` }, this.state !== 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#CDD5DF", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
+            }, role: "option", "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.state === 'disabled' ? 'true' : 'false' }, index.h("div", { key: '9451182d541839fa922d45501d3bce2857ab507a', class: "content" }, this.type === 'icon_leading' && this.iconLeading && index.h("div", { key: '18e7594cacdcb9c2df6033aa339335b2fdf2337c', class: `icon_leading ${this.state}`, innerHTML: this.leadingIconSvg }), this.type === 'avatar_leading' && (index.h("gb-avatar", { key: 'ba42209c8adfb6e88d4480fdf331f46a15bf3b92', class: "avatar-icon", size: "xs", color: this.color, text: true }, index.h("slot", { key: '7791320fbeedb90920b91fdb537567b8d3a89968', name: "initials", slot: "initials" }))), this.type === 'dot_leading' && (index.h(index.Fragment, null, this.state === 'default' ? (index.h("svg", { id: "icon", xmlns: "http://www.w3.org/2000/svg", width: "10px", height: "10px", viewBox: "0 0 10 10", fill: "none" }, index.h("circle", { cx: "5", cy: "5", r: "4", fill: "#17B26A" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("circle", { cx: "5", cy: "5", r: "4", fill: "#EEF2F6" }))))), this.type === 'checkbox' && index.h("gb-checkbox", { key: '2a1cca14e3ea78f92d30dc71abdf748d284b7ad3', class: "checkbox", size: "md", type: "checkbox", state: this.state, checked: this.selected }), index.h("slot", { key: 'fe0c777ad7c3695de32bb5382df7df7be1d42c72', name: "name" }), this.supportingText && (index.h("span", { key: 'c02769308a10a3b584c823d2bf79dd049244c260' }, index.h("slot", { key: '13878b001ac02a8bdbc0e94b0897875637cb24fd', name: "supporting_text" })))), this.selected && this.type !== 'checkbox' && (index.h("div", { key: '73c30becdfb39b77e3c4ae9e199e37076ba8d537', class: `tick` }, this.state !== 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `${this.state}` }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#075DB2", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { d: "M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337", stroke: "#CDD5DF", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -6037,20 +6049,20 @@ const GbInputField = class {
     //   this.inputElement.removeEventListener('input', this.handleTagInput.bind(this));
     // }
     render() {
-        return (index.h("div", { key: '65b47cdf36c469a4f31157ddcaf4984851042efd', class: `input_container` }, index.h("div", { key: 'f8d187431b761e252455bd3c6c784b39f2bfa1e4', class: `input_with_label` }, this.showLabel && (index.h(index.Fragment, null, this.formatLabel ? (index.h("p", { class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (index.h("p", { class: "label text-sm-medium" }, this.label)))), this.type === 'default' && [
-            index.h("div", { key: 'c17544931aa299589387fed46a1891716b0e707e', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("input", { key: '9e3fe68e1b64b8f39216418b2bbf794ae2b3d65a', class: `content text-md-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e), value: this.value }), index.h(index.Fragment, null, this.loading && index.h("div", { key: 'd2e18cb7e0b087b3399603d5392849ff2841e57d', class: "loader" }), this.showValidation && (index.h("svg", { key: 'a66b444164653f8b8d3663f19ee13d9a22fc025d', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '5175ae9bcd8bf1f188145c978f7aaa8a64502b73', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: '8e9ce4885fe6c70b27d5f04833e1627cd2511178', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+        return (index.h("div", { key: 'af398db7220af17d7481e9ff785b626eddd7062c', class: `input_container` }, index.h("div", { key: 'b6a98d336558008b320c4f7744c9a63b92d9a037', class: `input_with_label` }, this.showLabel && (index.h(index.Fragment, null, this.formatLabel ? (index.h("p", { class: "label text-sm-medium" }, this.label.charAt(0).toUpperCase() + this.label.slice(1).toLowerCase())) : (index.h("p", { class: "label text-sm-medium" }, this.label)))), this.type === 'default' && [
+            index.h("div", { key: '5017934023ce612cf3fde1b3a199c5214ffc4aa5', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("input", { key: 'dac873871029ba02547216b2f8fd1580934fd0ab', class: `content text-md-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e), value: this.value }), index.h(index.Fragment, null, this.loading && index.h("div", { key: '566ebacdf7e937ee17a1b5bf3748ca55b444c5cc', class: "loader" }), this.showValidation && (index.h("svg", { key: '5fc701b405834cf76e20b4b306b823f478713ddd', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'a1e891abc858daa92a8d986deb1d5bf1bb77713b', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: '93d267242f0bd9abbece81c95d9211e3b5f9b8b1', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
         ], this.type === 'icon_leading' && [
-            index.h("div", { key: '91bbc1a00bd35bd7b1a287f0fb007b21cd8f97a1', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("div", { key: '29173962628ea1a0f590f2f7432ca2d1eb159183', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), index.h("input", { key: '0c14d36f66fb629bd91bebebc82d25fdcb0128e9', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, ref: el => (this.inputRef = el), onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), index.h(index.Fragment, null, this.loading && index.h("div", { key: 'd52b0b918ad9dc64b555749c661a3fb4cc9b6d7e', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: '0afdfed8c49f978a39125342c58174ce261b8af1', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'fcf2d766e877d32b9d966c8990213f61c4f6d873', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: '4700d5126bb4f19a00063f071a84855aad5811de', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.showCloseButton && !this.destructive && (index.h("gb-button", { key: 'b1aac83bc03f99f9c9013730efa6eee0a4e739c0', size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput(), class: `input_close_button ${this.size}` })))),
+            index.h("div", { key: 'bc0fea0c79c2e4b16984c581e6565798f172de41', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("div", { key: '3b0134752c7b1a72c2d015056cdea9951172b909', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), index.h("input", { key: '90092eb099646007b02e63aaf48f5f40e89ed197', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, ref: el => (this.inputRef = el), onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), index.h(index.Fragment, null, this.loading && index.h("div", { key: '4eb8e2be9310ef1db3e652608d53afbc91220aaa', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: '37326e9c716712105e0ecb3f3c67350df3f158bf', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '77bd4b8cc2d7df62073340702b5310fd9073ac04', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: '0369d66845992a5bd9e42dbe2fc63a72e534f9cd', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.showCloseButton && !this.destructive && (index.h("gb-button", { key: 'a60f83e9b3e69985fa4975d49b1cdc5fb5997257', size: this.size, hierarchy: "tertiary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/cancel-01.svg", onClick: () => this.clearInput(), class: `input_close_button ${this.size}` })))),
         ], this.type === 'leading_dropdown' && [
-            index.h("div", { key: 'a351c5fbacbbefd9ddf108d648f08d670b614697', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("div", { key: '496de21b70369a46c86a37a6b6768c0d8c08ac11', class: `leading_dropdown_dropdown ${this.state}`, onClick: () => (this.showDropdown = !this.showDropdown) }, this.showCountryIcon && (index.h("div", { key: 'd7852228ad47dbdf5b78efb1fb25123d64c26926', class: `country_icon` }, index.h("img", { key: 'b74b38737cab7752a79b70288963e311b359f566', src: "build/assets/NG.svg", alt: "" }))), index.h("div", { key: '32d39c325ad67a3a54d98ac7bd255eecb6c7a2c6', class: `dropdown_text` }, index.h("p", { key: '69031e1ed50c8455aaab8da0e1701846e32b232a', class: `text-${this.size}-regular`, style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), index.h("div", { key: 'ac89cf337129c2f379e9594fecb1978784549f5d', class: `dropdown_arrow` }, index.h("svg", { key: '49ff79b4db797587896e39e9dc23a174134b50fc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '49df0213145ac5f3d24ea45da512fa69d1f4fc5f', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: 'e2e892f88e09abfe8261deb921539ea152ea573c', class: `leading_dropdown_text_input` }, index.h("input", { key: 'ebedcff56cf13408255f50b0638132d5cf6510ea', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && index.h("div", { key: '42024da112315d869614cca8cef8610efa40af03', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: 'c6ea8e5622026e5352d26b4b996e877a431b0f41', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'd4c0906901fa8246dda19fac1a7c44a71e5c8f83', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: 'a4d8bf7f539014eac5ef44e06dcc556799271070', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
-            index.h(index.Fragment, null, this.showDropdown && (index.h("div", { key: '9481cf61a63cbfe9f617934bfca8f9b3dd3fbc3e', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (index.h(index.Fragment, null, typeof option === 'object' ? (index.h("gb-input-dropdown-menu-item", { type: "default", state: this.options.length === 1 ? reusableModels.StateEnum.Disabled : reusableModels.StateEnum.Default, selected: this.isItemSelected(option.objectName), onClick: () => this.handleItemSelect(option.objectName) }, index.h("p", { slot: "name" }, option.objectName))) : (index.h("gb-input-dropdown-menu-item", { type: "default", state: this.options.length === 1 ? reusableModels.StateEnum.Disabled : reusableModels.StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, index.h("p", { slot: "name" }, option))))))))),
+            index.h("div", { key: 'b0cad29ebfebf1b1f566ff400cd5c333a4b074ca', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("div", { key: '4476941856035e6a032a04427e77cc7c074d7d48', class: `leading_dropdown_dropdown ${this.state}`, onClick: () => (this.showDropdown = !this.showDropdown) }, this.showCountryIcon && (index.h("div", { key: 'f281abba441ffcf897c838d4f9c9e1dcad3a4c9a', class: `country_icon` }, index.h("img", { key: '7f7af36cb8e60df4362d309399410fc1fb7130df', src: "build/assets/NG.svg", alt: "" }))), index.h("div", { key: '35e0de966e51db7c8f6719bf350ebad317064eb6', class: `dropdown_text` }, index.h("p", { key: '7f67ee701b94a29a768d9cfba303e1f8b3afe830', class: `text-${this.size}-regular`, style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), index.h("div", { key: '9993adf6183111fbdf35c9ff4ddf1c59baa85083', class: `dropdown_arrow` }, index.h("svg", { key: '217b05e1ef99d0643d25e523defac152b02f65a4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '99fbab8ad8043a334942bcc128623966379a7f5e', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "#4B5565", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: 'a1e89b71c9cc4ecbcc19fdbeae0d51fc64a484a7', class: `leading_dropdown_text_input` }, index.h("input", { key: 'f1824c6848102d33abe30ba80a4a38f3a15ec2f9', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && index.h("div", { key: '8e0e7aa5b9b0c8a53a279af0b3d9a93daa0db0b4', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: '437a04cc686153cbbca547f5a467049ee4b62ccc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '2f9d8faf5987d07e5168717ee99392b9ce05ec96', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: 'b3c39e24ed7af17605ceca9f660a6ce7da8cc7ee', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+            index.h(index.Fragment, null, this.showDropdown && (index.h("div", { key: 'ad6c6af5cacb2d201dd1fa7148ca3f7423256e61', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (index.h(index.Fragment, null, typeof option === 'object' ? (index.h("gb-input-dropdown-menu-item", { type: "default", state: this.options.length === 1 ? reusableModels.StateEnum.Disabled : reusableModels.StateEnum.Default, selected: this.isItemSelected(option.objectName), onClick: () => this.handleItemSelect(option.objectName) }, index.h("p", { slot: "name" }, option.objectName))) : (index.h("gb-input-dropdown-menu-item", { type: "default", state: this.options.length === 1 ? reusableModels.StateEnum.Disabled : reusableModels.StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, index.h("p", { slot: "name" }, option))))))))),
         ], this.type === 'trailing_dropdown' && [
-            index.h("div", { key: 'cd9f92c8fd04303aa5e2750d5ba13c606dc1f3d8', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("div", { key: 'ea0c58bb373fcacc2d647990f10c18a59e0ad564', class: `trailing_dropdown_content` }, index.h("div", { key: '856134590ad1dac20b795700278ba1e275409143', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), index.h("input", { key: '644708fba57f0da914b85dea00370b7e6b61f062', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && index.h("div", { key: 'ed9633e60b09de8eff6441b700aecf8bbb47ef65', class: "loader" }), this.showHelpIcon && (index.h("div", { key: '1095958d0255a0eeb40b6b35c85161f42ca3d462', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("div", { key: 'e7f403e2473e5625164854a281fabd9c0e39d38a', class: `trailing_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, index.h("div", { key: 'ad8b8974078b23f2175cb869af5e28c2b8962e06', class: `dropdown_text` }, index.h("p", { key: '08ba0c24710ec3450d2bf511bad56e11de8a9227', class: `text-${this.size}-regular`, style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), index.h("div", { key: '5c072ff625478e412aee02e61e07b7cfe652015e', class: `dropdown_arrow` }, index.h("svg", { key: '9dc8026820a296542a19fdca09264a92db129e53', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '95aec8e1b177288bbfb6f86e1b230bd614a1de92', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))),
-            index.h(index.Fragment, null, this.showDropdown && (index.h("div", { key: 'b4fc3e1ff527d76ddb7eeb04e0cbe06ce8111c6d', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (index.h(index.Fragment, null, typeof option === 'object' ? (index.h("gb-input-dropdown-menu-item", { type: "default", state: reusableModels.StateEnum.Default, selected: this.isItemSelected(option.objectName), onClick: () => this.handleItemSelect(option.objectName) }, index.h("p", { slot: "name" }, option.objectName))) : (index.h("gb-input-dropdown-menu-item", { type: "default", state: reusableModels.StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, index.h("p", { slot: "name" }, option))))))))),
+            index.h("div", { key: '1cbbcd4a0eaeb909e1a2da1c5ea04cfa94890c4d', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("div", { key: 'aefbb468fa55b22881725fd0af777b87d8509912', class: `trailing_dropdown_content` }, index.h("div", { key: '4c0695932754193fe2545c8b9db26208f1b3647a', class: `icon ${this.size} ${this.state}`, innerHTML: this.leadingIconSvg }), index.h("input", { key: '29f395aebb07a0fd18f2b15c5a9b2cb4c6182cea', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && index.h("div", { key: 'f56c245f0e0b17b5f74e45953252a90ae4fbf932', class: "loader" }), this.showHelpIcon && (index.h("div", { key: '49fba83e0dd66f2bc94a8616081cfd003486c22d', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("div", { key: '9c13487117ae5226f7080ff97785d4651556b4be', class: `trailing_dropdown_dropdown`, onClick: () => (this.showDropdown = !this.showDropdown) }, index.h("div", { key: '66d86fa230dcd81f007620fd278bdfa39e96768f', class: `dropdown_text` }, index.h("p", { key: 'e93563f70083adfe1eb6d70087fbfc31db377c37', class: `text-${this.size}-regular`, style: { color: 'var(--color-text, #4B5565)' } }, this.selectedItem)), index.h("div", { key: 'b7fe42577b21ead1b3d7ec713d2eacc8e9771af3', class: `dropdown_arrow` }, index.h("svg", { key: '863dd87cc2597514162abe64625739acdbf24acf', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '3a8ec00797512a7920475692252c7e3eb08d7d73', d: "M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5", stroke: "var(--color-icon, #4B5565)", "stroke-width": "1.66667", "stroke-linecap": "round", "stroke-linejoin": "round" }))))),
+            index.h(index.Fragment, null, this.showDropdown && (index.h("div", { key: '454ed435c6ec1d57022b33be8b8b2ace0ab00941', class: `dropdown_menu ${this.type} ${this.size} ${this.menuPosition}`, ref: el => (this.dropdownRef = el) }, this.options.map(option => (index.h(index.Fragment, null, typeof option === 'object' ? (index.h("gb-input-dropdown-menu-item", { type: "default", state: reusableModels.StateEnum.Default, selected: this.isItemSelected(option.objectName), onClick: () => this.handleItemSelect(option.objectName) }, index.h("p", { slot: "name" }, option.objectName))) : (index.h("gb-input-dropdown-menu-item", { type: "default", state: reusableModels.StateEnum.Default, selected: this.isItemSelected(option), onClick: () => this.handleItemSelect(option) }, index.h("p", { slot: "name" }, option))))))))),
         ], this.type === 'leading_text' && [
-            index.h("div", { key: '38168a232d891d6b8660fc37bff4f6e5a5b55f6f', class: "leading_text_input" }, index.h("div", { key: '76f84e15866174a0797f4504526deb876f408918', class: `add_on` }, index.h("slot", { key: 'ff041cf7edec5dfd12c1c8fd3cbbfd03f12df10f', name: "text" })), index.h("div", { key: '46e67e4c180be1aabeb149388ff1ccd414a70221', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("input", { key: 'c26ecbcbb93ff8d828d3876fe1bbe5564ee57619', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && index.h("div", { key: '72ab54da0acc806176cccb002e85bda93fdfc3cb', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: '79b0de7b9e9ec0c5d7ea7ced35743bc71a84f9b8', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '0958760215e18e118cc3d598f6ad54591feae67b', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: '1d9ff142cfa9ae2d0e00ac0d22b62150917eb96a', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
-        ], this.type === 'payment_input' && (index.h("div", { key: '64f91c417ca7565c819afcd7ea482be3c97b7c6b', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("svg", { key: '765261b44b3183e3983ed2c0063c5156ac0f7c44', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, index.h("path", { key: '7edcff6d004c134fd53fb3d45d547f2c1dcd6f04', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C9.99493 12.8275 8.45902 13.43 6.78069 13.43C3.03582 13.43 0 10.4303 0 6.72997C0 3.02966 3.03582 0.0299683 6.78069 0.0299683C8.45902 0.0299683 9.99493 0.632466 11.179 1.63051C12.363 0.632466 13.8989 0.0299683 15.5773 0.0299683C19.3221 0.0299683 22.358 3.02966 22.358 6.72997C22.358 10.4303 19.3221 13.43 15.5773 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#ED0006" }), index.h("path", { key: '12b36f6db3dfb98949856993d73b6958f433a92b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77192 13.5614 6.72997C13.5614 4.68801 12.6369 2.85941 11.179 1.63051C12.363 0.632465 13.8989 0.0299683 15.5772 0.0299683C19.3221 0.0299683 22.3579 3.02966 22.3579 6.72997C22.3579 10.4303 19.3221 13.43 15.5772 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#F9A000" }), index.h("path", { key: '7d98fac06198afaa32cbb262666c53c8b3c4a7d9', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77193 13.5614 6.72999C13.5614 4.68805 12.6369 2.85946 11.179 1.63055C9.72109 2.85946 8.79663 4.68805 8.79663 6.72999C8.79663 8.77193 9.72109 10.6005 11.179 11.8294Z", fill: "#FF5E00" })), index.h("input", { key: '38695df3aaeaced08479d22da08f975880a80392', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), index.h(index.Fragment, null, this.loading && index.h("div", { key: '7ee63b596addb345efbeadfc2a3b2a70ba58a490', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: '66a41c7f7a0c11565e80b6b79d475488d4cea808', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'd72bd3173a94a0c6a897e79cdb393ba1d9e2d594', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: '80c5c4c5f4ef25304052e7fb7d72e161077ff48d', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_button' && (index.h("div", { key: '592175b901c03d66f05845a17e8bf7d42a8274b0', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("div", { key: 'c6a9937f0f25a2b35d28d1f8f34fa764797b3008', class: `trailing_button_text_input ${this.size}` }, index.h("input", { key: '3728c25405a4d42839651e5273ed7472caf705bf', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), ref: el => (this.inputRef = el), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && index.h("div", { key: 'd173a4ba90632a0a94d3eb295e44b33bf149ec90', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: 'a77003cc3626e32ca098d3bae3c91ae40774cc03', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'fa508a4d2a4f7d745f11db037fcc3526fe3f07e0', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: 'ac1325bad758c35d738195598405929a81474e69', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.loading && index.h("div", { key: '6c86f76e2538d1bf487b3b19fafe218784c5dbcc', class: "loader" }), index.h("gb-button", { key: '4cb28450071649e2ad724ba4f8cae0b667a95d87', size: "lg", hierarchy: "tertiary_gray", icon: "only", state: this.state === 'disabled' ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": this.iconSwap, onClick: () => this.onButtonClicked() }))), this.type === 'password' && (index.h("div", { key: '4152c87a94042c3b45a756a0886842c844600ac5', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("div", { key: 'be186dc23d43b44569ebec94953aacdee3708ece', class: `password_content` }, index.h("input", { key: '7a892427a7c6a09b90a7bae4ac541242a19cee80', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), onFocus: () => this.handleInputFocus() }), this.loading && index.h("div", { key: '5d1d9a673bc0e1930448fdf9e01a321a2c851818', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: 'c7a91a7e12e510e62845901d8ef872a4027ecd84', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '25813908f065d6c5282da3b4917f5e0ba84741e7', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: '8520f7686eb570ba8d9c469a23b9cb3dddc9f352', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("div", { key: '5ddc7807cba524c1cf8b4811700425c0aef3b0ae', class: `dropdown` }, index.h("gb-password-button", { key: '793798fd190bb30da0a37dfb2d9fd76972bfe7a7', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (index.h("div", { key: 'ed653bad562862b71ab722f4a78ad4418f603b6e', class: `password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("div", { key: 'db2dc25cbc618d9c38e3de0bbffbb1b3b1f46db3', class: `password_icon_leading_content` }, index.h("svg", { key: '1f37774527b89591b40ead94d9db543f459b9f6f', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '55b2229830c4ee1b5624a83e21c1a72289df94ca', d: "M12.0759 12.1667C11.6617 12.1667 11.3259 12.5025 11.3259 12.9167C11.3259 13.3309 11.6617 13.6667 12.0759 13.6667V12.1667ZM12.0833 13.6667C12.4976 13.6667 12.8333 13.3309 12.8333 12.9167C12.8333 12.5025 12.4976 12.1667 12.0833 12.1667V13.6667ZM7.91668 12.1667C7.50246 12.1667 7.16668 12.5025 7.16668 12.9167C7.16668 13.3309 7.50246 13.6667 7.91668 13.6667V12.1667ZM7.92415 13.6667C8.33836 13.6667 8.67415 13.3309 8.67415 12.9167C8.67415 12.5025 8.33836 12.1667 7.92415 12.1667V13.6667ZM16.4435 10.1294L17.1868 10.0293L16.4435 10.1294ZM13.7003 7.58258L13.7347 6.83337L13.7003 7.58258ZM13.7003 18.2508L13.7347 19L13.7003 18.2508ZM16.4435 15.704L15.7002 15.6039L16.4435 15.704ZM6.29973 7.58258L6.33417 8.33179L6.29973 7.58258ZM3.55652 10.1294L2.81323 10.0293L3.55652 10.1294ZM6.29973 18.2508L6.33417 17.5015L6.29973 18.2508ZM3.55652 15.704L4.29981 15.6039L3.55652 15.704ZM5.50001 7.5C5.50001 7.91422 5.8358 8.25 6.25001 8.25C6.66422 8.25 7.00001 7.91422 7.00001 7.5H5.50001ZM13 7.5C13 7.91422 13.3358 8.25 13.75 8.25C14.1642 8.25 14.5 7.91422 14.5 7.5H13ZM12.0759 13.6667H12.0833V12.1667H12.0759V13.6667ZM7.91668 13.6667H7.92415V12.1667H7.91668V13.6667ZM10 17.5833C8.69057 17.5833 7.50287 17.5553 6.33417 17.5015L6.26528 19C7.45761 19.0548 8.66829 19.0833 10 19.0833V17.5833ZM13.6659 17.5015C12.4972 17.5553 11.3094 17.5833 10 17.5833V19.0833C11.3317 19.0833 12.5424 19.0548 13.7347 19L13.6659 17.5015ZM17.1868 15.804C17.3105 14.8853 17.4167 13.9152 17.4167 12.9167H15.9167C15.9167 13.8142 15.8211 14.7058 15.7002 15.6039L17.1868 15.804ZM17.4167 12.9167C17.4167 11.9181 17.3105 10.948 17.1868 10.0293L15.7002 10.2295C15.8211 11.1275 15.9167 12.0192 15.9167 12.9167H17.4167ZM10 8.25C11.3095 8.25 12.4972 8.27806 13.6659 8.33179L13.7347 6.83337C12.5424 6.77856 11.3317 6.75 10 6.75V8.25ZM6.33417 8.33179C7.50287 8.27806 8.69057 8.25 10 8.25V6.75C8.66829 6.75 7.45761 6.77856 6.26528 6.83337L6.33417 8.33179ZM2.81323 10.0293C2.68953 10.948 2.58334 11.9181 2.58334 12.9167H4.08334C4.08334 12.0192 4.1789 11.1275 4.29981 10.2295L2.81323 10.0293ZM2.58334 12.9167C2.58334 13.9152 2.68953 14.8853 2.81323 15.804L4.29981 15.6039C4.1789 14.7058 4.08334 13.8142 4.08334 12.9167H2.58334ZM17.1868 10.0293C16.9527 8.29067 15.5122 6.91509 13.7347 6.83337L13.6659 8.33179C14.6943 8.37907 15.5595 9.18437 15.7002 10.2295L17.1868 10.0293ZM13.7347 19C15.5122 18.9183 16.9527 17.5427 17.1868 15.804L15.7002 15.6039C15.5595 16.649 14.6943 17.4543 13.6659 17.5015L13.7347 19ZM6.26528 6.83337C4.48781 6.91508 3.04732 8.29067 2.81323 10.0293L4.29981 10.2295C4.44052 9.18437 5.30576 8.37907 6.33417 8.33179L6.26528 6.83337ZM6.33417 17.5015C5.30576 17.4543 4.44052 16.649 4.29981 15.6039L2.81323 15.804C3.04732 17.5427 4.48782 18.9183 6.26528 19L6.33417 17.5015ZM7.00001 7.5V5.41667H5.50001V7.5H7.00001ZM13 5.41667V7.5H14.5V5.41667H13ZM10 2.41667C11.6569 2.41667 13 3.75981 13 5.41667H14.5C14.5 2.93139 12.4853 0.916668 10 0.916668V2.41667ZM7.00001 5.41667C7.00001 3.75981 8.34316 2.41667 10 2.41667V0.916668C7.51473 0.916668 5.50001 2.93139 5.50001 5.41667H7.00001Z", fill: "var(--color-icon, #4B5565)" })), index.h("input", { key: '2d4f0f8bb26495cc8de6079dff7dfd4a8026bcca', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) })), this.loading && index.h("div", { key: '66e1a8700751cb34157a5226be11706fb1be530e', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: 'ecda0d1da2d45298cf23b11cb2eab74878fcea9d', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'ed093b3a55255693e39a8d0ebefec7291f34f725', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: '8104a0af02fa3ce73c8cb08a498a599e7c50176d', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), index.h("gb-password-button", { key: 'b84e56148fe9e9759fe51c2cd6527858fd25858f', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
-            index.h("div", { key: '39beb35fe4285a6561d73c2eb865ad2ef02b11d5', class: `count_input` }, index.h("div", { key: 'eea680cf6e197d53067708f4111ed1957048faee', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.inputOnlyDisabled ? 'input_only_disabled' : ''} ${this.state}` }, index.h("input", { key: 'c690cdd5ae0fde03c820ba2a1823e5d078cb9535', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && index.h("div", { key: 'f58cb75a48ffe8371e084944927b889357b49fed', class: "loader" }), this.showHelpIcon && (index.h("div", { key: '45dcc8d58ba8b5f46463325e0686582bf5cca959', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("div", { key: 'ff06a197e0557ba15677d570485eb91bc52b9f74', class: `action ${this.state}` }, index.h("gb-button", { key: '0b590c61d9908351dd299f3caef3009c99b407f4', size: "xl", state: this.state === 'default' && this.inputOnlyDisabled
+            index.h("div", { key: 'e73afb1291bcc900dd5e7cf3d24a701e9cd7cb8e', class: "leading_text_input" }, index.h("div", { key: '34c5d2b4bbdf4fc669dffa581d782dda61f0f066', class: `add_on` }, index.h("slot", { key: '0ef8c38418f6570c2a1461b3036525aa7a852e89', name: "text" })), index.h("div", { key: '51fd41084ca8a64aef37a3f9e458f338b89beeec', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("input", { key: 'ae008c5df88b1f81079e53ee328c32c64f7e6362', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && index.h("div", { key: '042276e2216b02f10c2ad020b2d0396f86a8a005', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: '2a63d49ed75baecc3bfdebf3144e7f3bf33a8e8b', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'c0c2a34ddff8c64f0425d7ace53947a034f56b67', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: 'db41ee548eaa85ab1a211e9cc504ee25c40d471c', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))))),
+        ], this.type === 'payment_input' && (index.h("div", { key: 'e2a224db1e926d365ab90d95972876fa0cb380c6', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("svg", { key: 'd4424a2e29b82761387038f6af3161dad5d97f6d', xmlns: "http://www.w3.org/2000/svg", width: "23", height: "14", viewBox: "0 0 23 14", fill: "none" }, index.h("path", { key: 'e01247ecb76eed7e619c7d4244770eec4bd13534', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C9.99493 12.8275 8.45902 13.43 6.78069 13.43C3.03582 13.43 0 10.4303 0 6.72997C0 3.02966 3.03582 0.0299683 6.78069 0.0299683C8.45902 0.0299683 9.99493 0.632466 11.179 1.63051C12.363 0.632466 13.8989 0.0299683 15.5773 0.0299683C19.3221 0.0299683 22.358 3.02966 22.358 6.72997C22.358 10.4303 19.3221 13.43 15.5773 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#ED0006" }), index.h("path", { key: 'b3cf57eefe2aff6abc24e9044eb49a517ab151c1', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77192 13.5614 6.72997C13.5614 4.68801 12.6369 2.85941 11.179 1.63051C12.363 0.632465 13.8989 0.0299683 15.5772 0.0299683C19.3221 0.0299683 22.3579 3.02966 22.3579 6.72997C22.3579 10.4303 19.3221 13.43 15.5772 13.43C13.8989 13.43 12.363 12.8275 11.179 11.8294Z", fill: "#F9A000" }), index.h("path", { key: '569d5450ad377fe15ccd4051cb72d4f86378707e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.179 11.8294C12.6369 10.6005 13.5614 8.77193 13.5614 6.72999C13.5614 4.68805 12.6369 2.85946 11.179 1.63055C9.72109 2.85946 8.79663 4.68805 8.79663 6.72999C8.79663 8.77193 9.72109 10.6005 11.179 11.8294Z", fill: "#FF5E00" })), index.h("input", { key: '1e87188c260c854512a851aad0cbb4ea0363b075', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), index.h(index.Fragment, null, this.loading && index.h("div", { key: '2feb6677aef2dfab20c77f419a335ba7c648d647', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: '18161ddeb520b7a6914ac874000eb256099f3217', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'aad1bcec8030cc41482aa7306df23054b9d70188', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: '28cf0a572f09ea6787b13b9723d474fc9dfa7a47', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))))), this.type === 'trailing_button' && (index.h("div", { key: 'c79267bea5b7dd70a90d17d386d18daea5349a65', class: `input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("div", { key: 'f164d4d3f3af53d5c562c8a539a3a13afa5277b6', class: `trailing_button_text_input ${this.size}` }, index.h("input", { key: '813ab54f4bc6ff7fe07524e32f930c5833f337f9', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), ref: el => (this.inputRef = el), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && index.h("div", { key: '2c548d768c7bb159380c607991a8d2332115891b', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: 'e3fef7e2aa56b2cd621459d92ce56efd802c2132', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '98dd25e21bbae43592cf3b91ed2fda91262aa264', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: '6d18ef8ff4ab92ba35c89ea64759058c22f9d05f', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.loading && index.h("div", { key: 'cdfb2da7915dc8b50d43b44691a8d16afec92821', class: "loader" }), index.h("gb-button", { key: '44a3beee2ea6b86bd9160c12d7113a0a06476d4c', size: "lg", hierarchy: "tertiary_gray", icon: "only", state: this.state === 'disabled' ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": this.iconSwap, onClick: () => this.onButtonClicked() }))), this.type === 'password' && (index.h("div", { key: 'e838870a341e8a8c9fd6b79832b13bfcfdbd73b5', class: `password_input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("div", { key: '0c9941178e476d5fb737cf405ca9b0479974dfd5', class: `password_content` }, index.h("input", { key: 'b215ef809d65033dccee6519aa03285d8e243488', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), onFocus: () => this.handleInputFocus() }), this.loading && index.h("div", { key: '531dbfc1fe3821848c5f0f0c5f18d56537e18dfb', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: '4ada82395c6f979bebc0c61d79a5b942a56a639d', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'bb45caea2c899f99a9fb1f101fc1b7497f72ce37', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: 'bcf6966dc450cd0d7d4ac89e93a6f69dd7ace5f6', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("div", { key: 'b2af12b9016355fa464caa2671a7671d57c89fbc', class: `dropdown` }, index.h("gb-password-button", { key: '84fa9de77de6b18898a2b4dfbfeb809f68008e69', onClick: () => this.togglePasswordVisibility() })))), this.type === 'password_icon_leading' && (index.h("div", { key: 'ee70eebff0f5c7085f9bac1f6ad317494a1bf456', class: `password_icon_leading_input input ${this.type} ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}` }, index.h("div", { key: '8f48374ca728269b923d90cdc1ca59633dd2c0c4', class: `password_icon_leading_content` }, index.h("svg", { key: '744f9823fa1922cac05e9c5ce5b301ae3c1accf3', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'f7e32ec0a174511a92631b20195089f2b2835184', d: "M12.0759 12.1667C11.6617 12.1667 11.3259 12.5025 11.3259 12.9167C11.3259 13.3309 11.6617 13.6667 12.0759 13.6667V12.1667ZM12.0833 13.6667C12.4976 13.6667 12.8333 13.3309 12.8333 12.9167C12.8333 12.5025 12.4976 12.1667 12.0833 12.1667V13.6667ZM7.91668 12.1667C7.50246 12.1667 7.16668 12.5025 7.16668 12.9167C7.16668 13.3309 7.50246 13.6667 7.91668 13.6667V12.1667ZM7.92415 13.6667C8.33836 13.6667 8.67415 13.3309 8.67415 12.9167C8.67415 12.5025 8.33836 12.1667 7.92415 12.1667V13.6667ZM16.4435 10.1294L17.1868 10.0293L16.4435 10.1294ZM13.7003 7.58258L13.7347 6.83337L13.7003 7.58258ZM13.7003 18.2508L13.7347 19L13.7003 18.2508ZM16.4435 15.704L15.7002 15.6039L16.4435 15.704ZM6.29973 7.58258L6.33417 8.33179L6.29973 7.58258ZM3.55652 10.1294L2.81323 10.0293L3.55652 10.1294ZM6.29973 18.2508L6.33417 17.5015L6.29973 18.2508ZM3.55652 15.704L4.29981 15.6039L3.55652 15.704ZM5.50001 7.5C5.50001 7.91422 5.8358 8.25 6.25001 8.25C6.66422 8.25 7.00001 7.91422 7.00001 7.5H5.50001ZM13 7.5C13 7.91422 13.3358 8.25 13.75 8.25C14.1642 8.25 14.5 7.91422 14.5 7.5H13ZM12.0759 13.6667H12.0833V12.1667H12.0759V13.6667ZM7.91668 13.6667H7.92415V12.1667H7.91668V13.6667ZM10 17.5833C8.69057 17.5833 7.50287 17.5553 6.33417 17.5015L6.26528 19C7.45761 19.0548 8.66829 19.0833 10 19.0833V17.5833ZM13.6659 17.5015C12.4972 17.5553 11.3094 17.5833 10 17.5833V19.0833C11.3317 19.0833 12.5424 19.0548 13.7347 19L13.6659 17.5015ZM17.1868 15.804C17.3105 14.8853 17.4167 13.9152 17.4167 12.9167H15.9167C15.9167 13.8142 15.8211 14.7058 15.7002 15.6039L17.1868 15.804ZM17.4167 12.9167C17.4167 11.9181 17.3105 10.948 17.1868 10.0293L15.7002 10.2295C15.8211 11.1275 15.9167 12.0192 15.9167 12.9167H17.4167ZM10 8.25C11.3095 8.25 12.4972 8.27806 13.6659 8.33179L13.7347 6.83337C12.5424 6.77856 11.3317 6.75 10 6.75V8.25ZM6.33417 8.33179C7.50287 8.27806 8.69057 8.25 10 8.25V6.75C8.66829 6.75 7.45761 6.77856 6.26528 6.83337L6.33417 8.33179ZM2.81323 10.0293C2.68953 10.948 2.58334 11.9181 2.58334 12.9167H4.08334C4.08334 12.0192 4.1789 11.1275 4.29981 10.2295L2.81323 10.0293ZM2.58334 12.9167C2.58334 13.9152 2.68953 14.8853 2.81323 15.804L4.29981 15.6039C4.1789 14.7058 4.08334 13.8142 4.08334 12.9167H2.58334ZM17.1868 10.0293C16.9527 8.29067 15.5122 6.91509 13.7347 6.83337L13.6659 8.33179C14.6943 8.37907 15.5595 9.18437 15.7002 10.2295L17.1868 10.0293ZM13.7347 19C15.5122 18.9183 16.9527 17.5427 17.1868 15.804L15.7002 15.6039C15.5595 16.649 14.6943 17.4543 13.6659 17.5015L13.7347 19ZM6.26528 6.83337C4.48781 6.91508 3.04732 8.29067 2.81323 10.0293L4.29981 10.2295C4.44052 9.18437 5.30576 8.37907 6.33417 8.33179L6.26528 6.83337ZM6.33417 17.5015C5.30576 17.4543 4.44052 16.649 4.29981 15.6039L2.81323 15.804C3.04732 17.5427 4.48782 18.9183 6.26528 19L6.33417 17.5015ZM7.00001 7.5V5.41667H5.50001V7.5H7.00001ZM13 5.41667V7.5H14.5V5.41667H13ZM10 2.41667C11.6569 2.41667 13 3.75981 13 5.41667H14.5C14.5 2.93139 12.4853 0.916668 10 0.916668V2.41667ZM7.00001 5.41667C7.00001 3.75981 8.34316 2.41667 10 2.41667V0.916668C7.51473 0.916668 5.50001 2.93139 5.50001 5.41667H7.00001Z", fill: "var(--color-icon, #4B5565)" })), index.h("input", { key: '4dc9d7b639c8c736a271e27e624d087aa5d69991', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.isPasswordVisible ? 'text' : 'password', placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event) })), this.loading && index.h("div", { key: 'c8a8fa953e243760dc139b5aae4edf2edb94ac6a', class: "loader" }), this.showValidation && !this.destructive && (index.h("svg", { key: '2fc8ddbdec4694f368ad3bafc0567fe75ef6fed8', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '1c3ae1e9e1f58bc4aa204bb33088b9404f66c8cc', d: "M7.03831 9.9735C6.6785 9.76829 6.22047 9.89362 6.01526 10.2534C5.81005 10.6132 5.93538 11.0713 6.29518 11.2765L7.03831 9.9735ZM8.66675 12.5L8.0231 12.885C8.16612 13.1241 8.42989 13.2642 8.70808 13.2489C8.98627 13.2335 9.23302 13.0652 9.34885 12.8118L8.66675 12.5ZM13.6933 7.32469C14.0567 7.12594 14.1902 6.67022 13.9914 6.3068C13.7927 5.94338 13.337 5.80988 12.9736 6.00863L13.6933 7.32469ZM19.0834 9.99999C19.0834 4.9834 15.0167 0.916656 10.0001 0.916656V2.41666C14.1882 2.41666 17.5834 5.81183 17.5834 9.99999H19.0834ZM10.0001 0.916656C4.98349 0.916656 0.916748 4.9834 0.916748 9.99999H2.41675C2.41675 5.81183 5.81192 2.41666 10.0001 2.41666V0.916656ZM0.916748 9.99999C0.916748 15.0166 4.98349 19.0833 10.0001 19.0833V17.5833C5.81192 17.5833 2.41675 14.1881 2.41675 9.99999H0.916748ZM10.0001 19.0833C15.0167 19.0833 19.0834 15.0166 19.0834 9.99999H17.5834C17.5834 14.1881 14.1882 17.5833 10.0001 17.5833V19.0833ZM6.66675 10.625C6.29518 11.2765 6.29506 11.2764 6.29494 11.2763C6.2949 11.2763 6.29478 11.2763 6.29472 11.2762C6.29458 11.2761 6.29446 11.2761 6.29437 11.276C6.29417 11.2759 6.29406 11.2758 6.29402 11.2758C6.29394 11.2758 6.29418 11.2759 6.29472 11.2762C6.2958 11.2768 6.2981 11.2782 6.30155 11.2802C6.30845 11.2843 6.31994 11.2911 6.33556 11.3006C6.36683 11.3196 6.41441 11.3492 6.47453 11.3886C6.59518 11.4676 6.76402 11.5846 6.9516 11.7329C7.33643 12.0371 7.75673 12.4397 8.0231 12.885L9.31039 12.115C8.9101 11.4458 8.3304 10.9108 7.8819 10.5562C7.65281 10.3751 7.44665 10.2322 7.29647 10.1338C7.22117 10.0845 7.15938 10.046 7.11512 10.0191C7.09298 10.0056 7.07518 9.99502 7.06222 9.98739C7.05574 9.98358 7.05047 9.98051 7.04646 9.97819C7.04446 9.97703 7.04278 9.97606 7.04142 9.97528C7.04073 9.97489 7.04013 9.97454 7.03962 9.97425C7.03936 9.9741 7.03912 9.97396 7.0389 9.97384C7.03879 9.97377 7.03865 9.97369 7.03859 9.97366C7.03845 9.97358 7.03831 9.9735 6.66675 10.625ZM8.66675 12.5C9.34885 12.8118 9.3488 12.8119 9.34876 12.812C9.34876 12.812 9.34872 12.8121 9.34871 12.8121C9.3487 12.8122 9.34871 12.8121 9.34876 12.812C9.34884 12.8118 9.34905 12.8114 9.34938 12.8107C9.35003 12.8092 9.35117 12.8068 9.35277 12.8033C9.35599 12.7964 9.36109 12.7855 9.36805 12.7708C9.38196 12.7413 9.40327 12.6967 9.43164 12.6386C9.48841 12.5226 9.57333 12.3531 9.68378 12.1445C9.90507 11.7264 10.2268 11.1546 10.628 10.5403C11.4489 9.28341 12.5314 7.96007 13.6933 7.32469L12.9736 6.00863C11.4687 6.83158 10.218 8.4249 9.37213 9.72011C8.93998 10.3818 8.59509 10.9949 8.35805 11.4427C8.23933 11.667 8.14717 11.8508 8.08415 11.9797C8.05262 12.0441 8.02836 12.0949 8.01167 12.1303C8.00333 12.1479 7.99688 12.1617 7.99236 12.1715C7.9901 12.1763 7.98833 12.1802 7.98704 12.183C7.98639 12.1844 7.98587 12.1855 7.98547 12.1864C7.98527 12.1868 7.9851 12.1872 7.98496 12.1875C7.9849 12.1876 7.98482 12.1878 7.98478 12.1879C7.98471 12.188 7.98464 12.1882 8.66675 12.5Z", fill: "#079455" }))), this.showHelpIcon && (index.h("div", { key: '442c7601b48a084a2394ec8f4737ba1fa9674b7e', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), index.h("gb-password-button", { key: 'cee67f4d844676881636ff3f08fce2f5fb5e3681', onClick: () => this.togglePasswordVisibility() }))), this.type === 'count' && [
+            index.h("div", { key: 'dc25d677dd0061d5fc2177c28f3e93c7ddd4e8e2', class: `count_input` }, index.h("div", { key: 'a4fab70ad256623186e4e0d46e0d7e91ce5e0761', class: `count_text_input ${this.destructive ? 'destructive' : ''} ${this.inputOnlyDisabled ? 'input_only_disabled' : ''} ${this.state}` }, index.h("input", { key: 'fa7ce73c1661b3c9a157371e4ba7f8ce0eebce2d', class: `content text-${this.size}-regular ${this.type} ${this.state}`, type: this.inputType === 'number' ? 'text' : this.inputType, inputMode: this.inputType === 'number' ? 'numeric' : undefined, pattern: this.inputType === 'number' ? '[0-9]*' : undefined, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder ? this.placeholder : '', onInput: event => this.handleInput(event), value: this.value, onFocus: () => this.handleInputFocus(), onKeyDown: e => this.handleNumericKeyDown(e), onPaste: e => this.handleNumericPaste(e) }), this.loading && index.h("div", { key: '553be5029b4ee4cc393353c8aaa5452caecece0b', class: "loader" }), this.showHelpIcon && (index.h("div", { key: 'b891866c745cbccaca9c6e2710518f0d52d233c2', class: `help_circle` }, !this.destructive ? (index.h("gb-help-tooltip", { "show-supporting-text": true }, index.h("slot", { name: "tooltip_label", slot: "label" }), index.h("slot", { name: "tooltip_supporting_text", slot: "supporting_text" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { d: "M7.99458 10H8.00057M7.99992 8.00001V5.33334M14.6666 8.00001C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8.00001C1.33325 4.31811 4.31802 1.33334 7.99992 1.33334C11.6818 1.33334 14.6666 4.31811 14.6666 8.00001Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), index.h("div", { key: 'c9a16d342ab1cd18df15035db91c01e2d8c04ccc', class: `action ${this.state}` }, index.h("gb-button", { key: 'acdb3415b881d7f574b30777eeea5a31c554e67c', size: "xl", state: this.state === 'default' && this.inputOnlyDisabled
                     ? 'default'
                     : this.state === 'disabled' && this.inputOnlyDisabled
                         ? 'disabled'
@@ -6058,7 +6070,7 @@ const GbInputField = class {
                             ? 'default'
                             : this.state === 'disabled' && !this.inputOnlyDisabled
                                 ? 'disabled'
-                                : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/minus_sign.svg", onClick: () => this.onMinusButtonClicked() }), index.h("div", { key: '866ce2db16b5dbb19c4b7373002b82f8c470190a', class: "vertical_line" }), index.h("gb-button", { key: 'd3e9bfca71ce4a8b5221279cb6edec49f42b102e', size: "xl", state: this.state === 'default' && this.inputOnlyDisabled
+                                : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/minus_sign.svg", onClick: () => this.onMinusButtonClicked() }), index.h("div", { key: 'd7ced4a699d3aee76297547523777b5fa7799882', class: "vertical_line" }), index.h("gb-button", { key: 'c50bea319a97e91e1b35ecdad13b854ae09e1dea', size: "xl", state: this.state === 'default' && this.inputOnlyDisabled
                     ? 'default'
                     : this.state === 'disabled' && this.inputOnlyDisabled
                         ? 'disabled'
@@ -6067,9 +6079,9 @@ const GbInputField = class {
                             : this.state === 'disabled' && !this.inputOnlyDisabled
                                 ? 'disabled'
                                 : 'default', hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/plus_sign.svg", onClick: () => this.onPlusButtonClicked() }))),
-        ], this.type === 'tags' && (index.h("div", { key: '108dca8df72219b4991194c69fd08bd6199fe13a', class: `input_group ${this.state}`, ref: el => (this.inputGroupElement = el), onClick: () => this.handleWrapperClick() }, index.h("div", { key: 'be99a9cbcf9eeccb7017761362d31e2fbe98b870', class: `input_like_parent ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("div", { key: '9eceae012a04419787f82fa8b9980aad6f3f5833', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1) }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, item.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, item.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1) }, index.h("p", null, item)))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1) }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1) }, index.h("p", null, val)))))))), index.h("span", { key: '9e1efbcef6c372ab1be931b7c5e4d3c137dca00b', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'e60c2c7e4515c46590c9e726ce95589ae6930acc', class: "input_field" }, index.h("input", { key: '41b4a3aa9d61ff271fe95af3acc2b1d54f192764', id: this.idOfInput, class: `input_like text-${this.size}-regular ${this.state}`, type: "text",
+        ], this.type === 'tags' && (index.h("div", { key: '797f45cf4a7c379260515b6f0d5dd0b8ab6e52df', class: `input_group ${this.state}`, ref: el => (this.inputGroupElement = el), onClick: () => this.handleWrapperClick() }, index.h("div", { key: '35e2d6b60a69092fe605984a67546687e6beb34a', class: `input_like_parent ${this.size} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("div", { key: '5739a6566576e83251f61a75ca80efb4b4c4335b', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1) }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, item.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, item.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1) }, index.h("p", null, item)))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1) }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1) }, index.h("p", null, val)))))))), index.h("span", { key: 'e029f4b83737ffbae5b0b1db0a15fb8846f5242b', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: '7ab111ce04e94d606c2b0fc4d584e34d4ba092f2', class: "input_field" }, index.h("input", { key: '6bdb88fa461f932fc2c05e30e9d13dc553711cf8', id: this.idOfInput, class: `input_like text-${this.size}-regular ${this.state}`, type: "text",
             // placeholder={this.placeholder && this.selectedStaff.length === 0 ? this.placeholder : ''}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff(), onInput: event => this.handleTagInput(event), onFocus: () => this.handleInputFocus() })))), this.showDropdown && (index.h("div", { key: 'f83ce702bf49f52324163c13573df93e0f8b8a61', class: `tags_dropdown_menu ${this.show ? 'show' : ''} ${this.menuPosition}` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff(), onInput: event => this.handleTagInput(event), onFocus: () => this.handleInputFocus() })))), this.showDropdown && (index.h("div", { key: '2da1221e9369d11075418eec85b11195e79caf42', class: `tags_dropdown_menu ${this.show ? 'show' : ''} ${this.menuPosition}` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [index.h("p", { slot: "name" }, item.objectName), index.h("p", { slot: "supporting_text" }, item.objectValue)]
             : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h(index.Fragment, null, !this.destructive ? index.h("p", { class: "hint_text text-sm-regular" }, this.hintText) : index.h("p", { class: "error_text text-sm-regular" }, this.errorText))));
     }
@@ -6098,7 +6110,7 @@ const GbMetricCard = class {
         this.percentage = '';
     }
     render() {
-        return (index.h("div", { key: 'acd44d1663c3834347ca6aac0fc740e85266cdf6', class: `metric_card_wrapper ${this.size} ${'radius_' + this.radius}` }, index.h("div", { key: '07d9a77631a4b73d2bbb85af7dbc1f473409b0db', class: `icon_and_label ${this.size}` }, index.h("div", { key: '863f464c16e6a3d1d0fc2e5c5810454a805b1991', class: "featured_icon" }, index.h("gb-metric-featured-icon", { key: '48edc922951aaa32ece4f2792e082a40ed11ef05', size: this.size, "featured-icon-style": this.featuredIconStyle, icon: this.icon, color: this.featuredIconColor })), this.size === 'md' && index.h("p", { key: 'a37d82ced2b6a0e5ca7a1ff58fd1778b90419799', class: "heading text-sm-medium" }, this.label)), index.h("div", { key: 'd6a3768542f82431189f0d7e5611c2ab332dc194', class: "heading_and_number" }, this.size === 'sm' && index.h("p", { key: '41a5494854e5aa420f61c854df2d22cfffeca683', class: "heading text-sm-medium" }, this.label), index.h("div", { key: 'ae2361edaed38e8afd7edcd1c30865c46f87d437', class: "number_and_badge" }, index.h("p", { key: '9775134230fe47b9514801413530bdce4b61ab6e', class: `number ${this.size === 'sm' ? 'display-xs-semi-bold' : 'display-md-semi-bold'}` }, this.metric), this.showBadge && (index.h("gb-badge", { key: '30c12dde72bd529de8f694b651a9ce9808f4d1a1', size: this.size, type: "pill_color", color: "gray" }, index.h("p", { key: '9b0bff04da947134ba1dc08e8e5e7855e7f49693' }, this.percentage)))))));
+        return (index.h("div", { key: 'a27da00788e8e9a3607c25013f45df8ef3e5b551', class: `metric_card_wrapper ${this.size} ${'radius_' + this.radius}` }, index.h("div", { key: '0acc9eb07ff1d8a4fad93ed1aa07e4864f2c3313', class: `icon_and_label ${this.size}` }, index.h("div", { key: 'c19e0018fef472e222904142bb3d8908ada11477', class: "featured_icon" }, index.h("gb-metric-featured-icon", { key: '61df31235cbb8fd52f914bcabb7c6f9f8920687e', size: this.size, "featured-icon-style": this.featuredIconStyle, icon: this.icon, color: this.featuredIconColor })), this.size === 'md' && index.h("p", { key: '4d0593174c52bbc91317a31fad70115fa80e0abb', class: "heading text-sm-medium" }, this.label)), index.h("div", { key: '896f626efa1f45589ba43c147aade4b9b04f3dab', class: "heading_and_number" }, this.size === 'sm' && index.h("p", { key: '8a68bcba7a9bc68c38028e45123dcb32f7ff5dea', class: "heading text-sm-medium" }, this.label), index.h("div", { key: '24152ef9b1c7562728fabf4504b7e9d3aee32530', class: "number_and_badge" }, index.h("p", { key: '03167ab2544a2d62ab4b8d64b350045814382437', class: `number ${this.size === 'sm' ? 'display-xs-semi-bold' : 'display-md-semi-bold'}` }, this.metric), this.showBadge && (index.h("gb-badge", { key: '1af63501f14c0a1c0f19f9cbdcaafef884d41bca', size: this.size, type: "pill_color", color: "gray" }, index.h("p", { key: '89126aeb069fb5cb682b6f23e8582e78d45cd46a' }, this.percentage)))))));
     }
 };
 GbMetricCard.style = gbMetricCardCss;
@@ -6120,7 +6132,7 @@ const GbMetricFeaturedIcon = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (index.h(index.Fragment, null, this.featuredIconStyle === 'glassmorphism' && (index.h("div", { key: '8b6324de154fe01c2949692d50af94af6e4d33be', class: `metric_featured_icon_wrapper ${this.size}` }, index.h("div", { key: 'cb83a473356fdd32fb5ee372675399debfa8073b', class: `icon_glass ${this.size}` }, index.h("div", { key: 'e76bb0dd05add9d2aca766b4f601f3c88d7cedf6', class: `icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })), index.h("div", { key: '6ba2720db2b2abb09043892d5ae18b046f040d06', class: `icon_background ${this.color} ${this.size}` }))), this.featuredIconStyle === 'circular_filled' && (index.h("div", { key: '76181ed1ef80ba3dffe308f5b1d037614eb002ed', class: `circular_filled_outer ${this.color} ${this.size}` }, index.h("div", { key: '7745835dd58fafd188a0b8329d0d58eecb452ec3', class: `circular_filled_icon icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })))));
+        return (index.h(index.Fragment, null, this.featuredIconStyle === 'glassmorphism' && (index.h("div", { key: 'aeb4f656874c149d4849563c7622d5012ede795e', class: `metric_featured_icon_wrapper ${this.size}` }, index.h("div", { key: 'df047b3f56aabe0f3d3b023956d3a3419a77b4e5', class: `icon_glass ${this.size}` }, index.h("div", { key: 'd2c135b63d7a17ab3566317de8ee22e26fd1f56c', class: `icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })), index.h("div", { key: 'ed93c60f736c5370eec9c8586d810b8e4ddf980c', class: `icon_background ${this.color} ${this.size}` }))), this.featuredIconStyle === 'circular_filled' && (index.h("div", { key: 'bf9870503fa741869a2a9a5565d92f1ff085d4f7', class: `circular_filled_outer ${this.color} ${this.size}` }, index.h("div", { key: 'ccd8433ed00356fc139e9eb6889053966df04a35', class: `circular_filled_icon icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })))));
     }
 };
 GbMetricFeaturedIcon.style = gbMetricFeaturedIconCss;
@@ -6204,8 +6216,8 @@ const GbModalHeader = class {
     render() {
         const buttonClass = this.closeButtonPosition === 'left' ? 'close-button-left' : 'close-button-right';
         const titleClass = this.closeButtonPosition === 'left' ? 'title title-with-left-button' : 'title';
-        const button = index.h("gb-button-close", { key: '1cb2f8ca10b87849d430504ec8b702e2132f0e5d', class: buttonClass, size: "sm", color: "gray", onClick: () => this.closeButtonClicked.emit() });
-        return (index.h("div", { key: '209ff3fa567b8184095eb935f74af02cceac2510', class: "container" }, this.closeButtonPosition === 'left' && button, index.h("p", { key: '34dcae63a71d20d3609a90ab8daade0d825b5c05', class: `${titleClass} display-xs-semi-bold` }, this.text), this.closeButtonPosition === 'right' && button));
+        const button = index.h("gb-button-close", { key: 'f4f482c354b9a5aed32f5ea9137fd8623f014858', class: buttonClass, size: "sm", color: "gray", onClick: () => this.closeButtonClicked.emit() });
+        return (index.h("div", { key: '735bd2651ff11a656fc6c8dd14bcd45c4c808257', class: "container" }, this.closeButtonPosition === 'left' && button, index.h("p", { key: '1078c5f6575dbf6f26159883b150cbdd5ced5b91', class: `${titleClass} display-xs-semi-bold` }, this.text), this.closeButtonPosition === 'right' && button));
     }
 };
 GbModalHeader.style = gbModalHeaderCss;
@@ -6221,7 +6233,7 @@ const GbNotificationContent = class {
     }
     render() {
         const iconSrc = index.getAssetPath(`${this.icon}`);
-        return (index.h("div", { key: '6673bffdac19e81578fb7a7df8335483eb030ca3', class: "notification_container" }, index.h("div", { key: '9378f9a71f2550b9d7891ff507ac0cab0b656838', class: "notification_title" }, this.icon && (index.h("div", { key: 'd8f78f0aec355c3bd869c02697df86eb09f2430a', class: "icon" }, index.h("img", { key: 'a0e7184c2420693032fe1349081d0bf2d0c6c132', src: iconSrc, alt: "Icon" }))), index.h("label", { key: '83c7a9360b56113bf777463b8141e6fe1841c106' }, this.label), index.h("span", { key: '17c8284f82c38b5e1fba4bfcf1977c61e12e84eb', class: "time" }, this.time)), index.h("div", { key: 'e011b7c90b6e150ea339bcf6e07a778b11638c8d', class: "supporting_text" }, index.h("p", { key: 'a135d5b800fc37c5b76f1b17fc1fd2cc59cc7fcb', class: "text-sm-regular" }, this.supportingText))));
+        return (index.h("div", { key: '5e446447dae453a129068a15215c75b38bff3fdf', class: "notification_container" }, index.h("div", { key: '98bbe0e52fb7bee7386bd20d80d1a0c1b83fcffa', class: "notification_title" }, this.icon && (index.h("div", { key: '9117bb5cf1103e61f2efa9d4949b0ff7fc189899', class: "icon" }, index.h("img", { key: 'd2de5c859eedc132b263d020f2b8915f201c47cc', src: iconSrc, alt: "Icon" }))), index.h("label", { key: 'efc5c1c3317d18edb90a2f2db85a7b93d1d19da4' }, this.label), index.h("span", { key: '789d0e62b6543616ec8082dd608b2d0d508fcdd0', class: "time" }, this.time)), index.h("div", { key: '62d74f1be651321fb60d290ac04812008a5b8478', class: "supporting_text" }, index.h("p", { key: '602e1b598372f008ee9cd0e3bd69ab88a778ab8c', class: "text-sm-regular" }, this.supportingText))));
     }
 };
 GbNotificationContent.style = gbNotificationContentCss;
@@ -6280,9 +6292,9 @@ const GbNotificationPane = class {
     render() {
         const patternSrc = index.getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = index.getAssetPath(`assets/notification_illustration.svg`);
-        return (index.h("div", { key: 'dc0d75d5cc4c755c7035476d7c3fd224ef86c5b7', class: "notification_pane_div" }, this.state === 'empty' && [
-            index.h("div", { key: '48f6f405a423c77c0b734c94dac88a433d2a4641', class: `container` }, index.h("div", { key: '095441682df9100cd396e840be204ed09887b5b6', class: "frame" }, index.h("img", { key: 'c1ec4c57dd6abc4369e5eeca0017935b19c60459', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: 'd044af6ea0feb2e72b8cebbfbe26bd47bead6474', class: "empty_state" }, index.h("div", { key: 'a0fbe32dfcf09776d61a8f252475fdc893cf412e', class: "content" }, index.h("img", { key: '29784b6145d215fa908218ca3f90e4e99c1838ce', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: 'a676256d8f3afd584b2cdfd024ac00497c22e0bc', class: "text" }, index.h("slot", { key: '6ff9c5322d0a7a9124583024304cf8977b92a9e5', name: "label" }), index.h("slot", { key: '5dcd9353943d848067abf210eaff81e523725a33', name: "supporting_text" })))))),
-            index.h("div", { key: 'a545e87c31e71e1c03ebeb2e97e2f911f8a02196', class: `button` }, index.h("gb-button", { key: 'c3ccf112e7c7bb9b78863beeae9d176eedd902a9', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: '66643e68eb078515338f2e72c2eb11923c192330' }, "Mark all as read"))),
+        return (index.h("div", { key: 'ec5e62cf13567ecef7411dbec63edae945fab63b', class: "notification_pane_div" }, this.state === 'empty' && [
+            index.h("div", { key: '2767ad57bab35300e5b228b0299af1a4655225a9', class: `container` }, index.h("div", { key: 'cc550564d5915c84c459629c52c2de36751cd884', class: "frame" }, index.h("img", { key: '4e7b0843f71c12fcb298ad98ab611089dfb56a54', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: 'd095af62ff152188d487f10f9896d0d0a6dfb6af', class: "empty_state" }, index.h("div", { key: 'b97a49d23321c064d56456c29c13a25a20eeebe8', class: "content" }, index.h("img", { key: '7acebd670784b06bd3a1cde937726668733741e8', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: '6a18ea2dc41bfd67b0cdfbc879ce37e25491e857', class: "text" }, index.h("slot", { key: '9ccf05e682f4bec720451ee8df0c35af833a8401', name: "label" }), index.h("slot", { key: '61508e58cb48396b403d396032a2f78f4dfb90e7', name: "supporting_text" })))))),
+            index.h("div", { key: '65114587c3a5f57a66528ae506daff04934f27fc', class: `button` }, index.h("gb-button", { key: '82dfc76edbe11977253b4f77c211cc270fb1fba9', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: 'd67190c3b640a804f8ceb2f54d9d541c01c3b895' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (index.h(index.Fragment, null, this.notifications.length > 0 ? (index.h("div", { class: "notification_dropdown" }, index.h("div", { class: `content_wrapper` }, this.notifications.map(notification => (index.h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), index.h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg", onClick: () => this.markAllAsRead() }, index.h("p", null, "Mark all as read")))) : ([
             index.h("div", { class: `container` }, index.h("div", { class: "frame" }, index.h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { class: "empty_state" }, index.h("div", { class: "content" }, index.h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { class: "text" }, index.h("slot", { name: "label" }), index.h("slot", { name: "supporting_text" })))))),
             index.h("div", { class: `button` }, index.h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", null, "Mark all as read"))),
@@ -6371,10 +6383,10 @@ const GbPagination = class {
         this.pageItemSelected.emit({ pageSize: this.selectedPageSize, pageNumber: this.currentPage });
     }
     render() {
-        return (index.h("div", { key: '26d6dc75c0905d9087a94c400e562df2798d759b', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '5ce31398f0fccf68fabfe0464fec90b1311a6253', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '587dd4f4826a77c90b5573d9d11eb464b95b633b' }, "Previous")), index.h("div", { key: '6857e799e20a18ec6c7205a39615f94f19704a08', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: 'f22cae671d9b8bdce0c997da7bfdc663001152a7', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '825fbbb2ff57985a6792425631bafd9ce8e00c30', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'fb7179464d8559c11025782b2370d22efc4836cd', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'e03f834dbb3c6e906ef7b6eba757ca8eabce5933', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '60414974ae9d2d1253bf7ec47b74b82dd6c4d247', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '553f32dea51f1a1350004f275512936134f236d1', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '0d98c97b8c3b54bdc2f18d3652374d6a2f465b17', shape: this.shape }, index.h("p", { key: '1606e64f71f80dad589b02c7020425d0f7a713ac', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'd24766f9e70e38f4e6f3ea447964caaadd53ebda', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: 'b8cdfd218884e991461f93d96ae0bb89405b5422', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '807bb2d403129e3734554db1008d35a35c141aef', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '2afe193fefee39cb8f3e2ef62c7138ff32a330e4', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: 'c4a96ab37cf4eeef2b09c7a160b15b5e93ebb3ac', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: 'd059ac4326053c7fd0afdf245c10930d5a00ad5d', slot: "page_number" }, this.internalTotalPages))))), index.h("gb-button", { key: '3b4e7aff49245d74a5620adf75f91c8a381d4126', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '6f6b843e699a5612f96209dc51cb4970e687bbc7' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '06a113105c269f371a6ede1be2927dfa55d744aa', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '73529cd4beeabac1fd936c904fd32b82e129446a' }, "Previous")), index.h("div", { key: 'a2910b38d809d5a34e87076bddc93305f0dafbd7', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: '8ce206312657c185027590e4417c56fb7127924f', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'fc338b6ef9ac803e7112a9d44f822256a68614bc', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '8c6b595e15fdd924d5928b760640a893238df68b', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '17f8485e99d23758f1ae63b9ac6eff4fd13232ef', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '00a979c010a8591cd1a2b22c8dd8314e78ed2f1a', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: 'f544998c8d45011d4f7445c6bc7fa84470b93653', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'b341fcca6d681905bc357d7ac876a4c3942a6a16', shape: this.shape }, index.h("p", { key: '4937a0af3dddb3e657ae27f61da07e0db956eda6', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'b168c1f51e5e19b673d9c15128940db927c85c0b', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: '12c5a462a9480d4c8d16200927d2b0b036b948bf', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '3ed96838be4a3397ead3487fb8fbeb44a59d7129', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '04d964443f5ae7b5b09e075d4185c7894b44bf9a', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: 'd800b6edd2e5e8096a17b47d86f2328209f50f49', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: 'a803c4879d4420b218b0c6d076d56d18c9b57192', slot: "page_number" }, this.internalTotalPages))))), index.h("gb-button", { key: '2b80d3b8ffea11f54d100583a1f287b9aca50f7c', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '9524d2b90f45af0c0a61661c32f79e9a6229a542' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '4c39c812c8b03da995d8fa7cea9522bc50d296e4', class: "pagination_entries" }, index.h("div", { key: '214e850bff60fc9a6233d7e27c4dfe9cc03965e9', class: "entries_text" }, index.h("p", { key: '0e5376743664e9f2a8d2f462f02927e419c099c8', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '746ad7efde583dccc4a1c4eddea2a962ff545513', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '0f8d8571e6fe4eb578b82c8f2bf2f5dc15f75b98', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: 'ada5cb314fe335809e8a29f73fc0610702ddd949', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
-            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: 'effe11bd3668118787be9563d36f1cbe93bade60', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: 'f02987a029460dccd1612d080f47292871480495', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '3e7e57e200199721275b43ce69cd2149a9bf1f10', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'c4865a2b84be3cdd35e269b3e3b0d4163811347e', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: 'a57996c7b80eae3e6d567d3122fd7aab5f27c1f4', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '38fe5ecddc4a4036de25f4fea29c1bc609019735', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '877c3168253b4715b54799b9d9e0727399783afe', shape: this.shape, state: "default" }, index.h("p", { key: '4aa184e04d728fce3a208d96d3e54ba6aa32a89f', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '636c70f7537fc2d3a78e80f5d2d99276691f9aea', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: '8980bff054666a9bb810e811f34b762ec4193ac2', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: 'ca7fc77f1d10ea2874c2f764786699857df64c5b', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: 'ce968c6cea35550474881c491f98916cd31f1208', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: 'f11a54c13585927f58e5a6cb57dfb67422782604', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '55047ac79247fa9e2886632399244c06ac46082b', slot: "page_number" }, this.internalTotalPages))))), index.h("div", { key: '645be3b4b7172cdb6203a0c48b19496792d19e96', class: "pagination_btns" }, index.h("gb-button", { key: '3f0274f12d4cf27aa164eba7768261fdeb4d1809', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("gb-button", { key: '4c6ea5e6bcdabaa5086cd14f7539980b9cea82d8', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '392126fa8d19e763175ff1ad651a4271d17e3372', class: "pagination_entries" }, index.h("div", { key: '0a48c2fa51b76c62640fe4c3df2c97a4d57c3bed', class: "entries_text" }, index.h("p", { key: 'f51bec6c822099e70f23fc4b26a362412c4a9bda', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'f0e3729e8634df5acdf3ac4539846e5fa032f13d', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '98dbc1ac7dfadf9177e7484dbfcc8a073e45f16b', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '0d80abdcaed20f9ab25afd5cfe3081f37216d095', class: "page_number_text" }, index.h("p", { key: '6758df135753cd9dc29b0cfe1c0e4757c4032fe5', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: '3f6452361dadc6b2a975bdc7eef308fce7735f88', class: "pagination_btns" }, index.h("gb-button", { key: '1253da0af20b1948591a81f7c1d445467031c52f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '5a52adcb64686e48bb5dcba5e61327db81ac7ef2' }, "Previous")), index.h("gb-button", { key: '3666262c96c7de4c8d8d78f2ed46a06cb0fd5e6a', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '9957b9a56edab8c32f8837f3979f8a027bd6b805' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'f8406367931c3c220beed8db56ee8e43239dd4be', class: "pagination_btns" }, index.h("gb-button", { key: '429ed6c4cc26b82704acff30ec96acc66a477e60', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '5c0d48a33ea5d0a8bb699d94daeebd646b14d8a2' }, "Previous")), index.h("gb-button", { key: 'e6011505a2c3373a97da6c8812002e1edac6ad2b', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '3b65991337a3d57620981fc614f80551139b3a61' }, "Next"))), index.h("div", { key: '106e4e20c8eed5f1c2a9a13c871252d9ec4c798a', class: "page_number_text" }, index.h("p", { key: '0b18ec74b208a3a6bbc395e2795c36aeb935e04d', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: '8fe9dbda90c9d1982f7219b6428cd41a414b1459', class: "pagination_entries" }, index.h("div", { key: '4abb861d12a4669b38d625d8b8ef150a75d3b878', class: "entries_text" }, index.h("p", { key: '5d950a8cd4f37008a8e9221c24fd5cde79270ab0', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '3e407fc09ee9089082a7337e14361abf2be17c5b', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'c2e2a54c2885d7f3c2712710a265a9d350e80c34', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '26406c499e43f5e592de3f047d0338d758e7bf2e', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '15c7f762423437a836c0749258826afd28ef3839' }, "Previous")), index.h("div", { key: 'ac7f84d09d508d684cbb6f4145013154ac287afb', class: "page_number_text" }, index.h("p", { key: '1d535c4de0780441d6fa411bb647ed78cdc9989b', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'f6d44001e8b56037e9c5a11c6e6ef559655f0e96', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'c04a94c31da82c59ce22ddee55b603201f1a12cb' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'ab4560bfb586fd38ae0e0f7af78972c0c9d82dad', class: "pagination_entries" }, index.h("div", { key: 'e2180b284025040b25487e5ab3e8c87deea52250', class: "entries_text" }, index.h("p", { key: '38c61b90c156544faaebd82970cf8c717afb7b26', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'a7c26d9034984668db172c5dd8a4ca4c926f2041', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '6f70b232bb0b786cafd855e548ceb9ce692d98a1', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: 'b355029126242c87e0a78fd6327a9b2dad22aa8c', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '783d1c1bd0893dbc9a40c8405d2d06b66d225c7a', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '1474554ebb5f4f03a7abfb8ecd18694f2112f537' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '68caa36d8b7e3a8c32e9276d42d55fdb289242eb', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'cecba105ba4e0e0b9eb8eaf4f76137d14de5e4b8' }, "1")), index.h("gb-pagination-button-group-base", { key: '9f9ea365d060806ac649585bc0de493cd98ddb42', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'f19e5b1579732e584bdedc859d6136bd7f9acae4' }, "2")), index.h("gb-pagination-button-group-base", { key: 'f79c10e37c6cddf1e7bbdddd197f7577bd35abce', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'f66c130cf81a12d6a7f6e2743a9df6d8775e9d59' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'b05dabfb72123c5a6d2045fc9d90539349a4033e', icon: "false" }, index.h("p", { key: '83a7f76fd52fd479b59bcd700217729f56bfad8d' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'c973c28150ba68564059c2552a87186f51c3d81a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '6695e21ca2504b56d933dff5743b4ca3e56dd8cf' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'f77678d19361a046745b1c4c1038c273f49cc7dc', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'cbe34e96140dc2b33e3aca8192360eebcc79c1ff' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '3620353a226c60b7a59f366011f96cf732ceb6b6', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '870e2d57a6bb3018d6c826f66b016a7a2ecef897' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '8e6119c39e479497025388d0e3d6e4d990668abc', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '2c2108cf17f2b7f47f6d116d176be23c79784f06' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '624256a49ffce120161965839dfabe47cb643909', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '8549d3f761de6d8d371d70b3b3098335b803f258', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'f5e70d1ddd7472e090caec8fe2b4e1acb38e18ec' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '5303979234835e321215b032f3d68fd5457cb668', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '975510b51f2bc1ff85774089c3813966b97e4b18' }, "1")), index.h("gb-pagination-button-group-base", { key: '5220233316b63e240b01cb0e6edf2d5de6db5ef9', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '6d8e49f16cc78fc5d9d4caa314d9afe4abb90673' }, "2")), index.h("gb-pagination-button-group-base", { key: 'b6f82164a86f49a209ee3c6f3d835bcff90d4e77', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '51de50113aeaf2d9f6b263aecffe98c3dafb75ba' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'd27935601392473fd3602f3775a6d5647e6ed2c9', icon: "false" }, index.h("p", { key: '5ac27dab367548b2d68b4ef6fe4d0c07d84b8473' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '6f2a4d4a1ef68ec09e0b0c625f6a3db43531bb4c', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '39ffee8c7b7dd53769962dd95ad02acddc21c64b' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '84f62ce1400ebbf1ef286fbb90557fe4c8d99b5a', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '1cc5d9e62d17a05f4eb300a10d75d60b5d4058a9' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '28c42904dad7167244165ba1e256012cce6f849a', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '6d25935287b7d3b7822b065376f998159c139373' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '6c4417e0e0182fc7731f0d6ae99fff2f7fb157a7', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'd1b21144d37933dcfe01a6e7b57629b74a78af0b' }, "Next"))), index.h("div", { key: 'fa87653fe136a65113f8ada1d5ca688c6f87f671', class: "pagination_entries" }, index.h("div", { key: '9c5c96c0c89e6e37b710c62557796989713152fb', class: "entries_text" }, index.h("p", { key: 'c308485bd7d926ee866d9cef130cfba7d4ed72be', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'cc7a5908d4072969381745147517cc30308d575e', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '2f0aeaee819688682938fd1bdda04500bf6939e0', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'c464b6f63b8f10488b0bd5428d85c3d40d941200', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '0bc552dc4fdafbcab0d8e6c84f02907496edaaea', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '1e2d41f0d693e35f2c1157b9f4484c12b8983132' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '91f98d572e955c12acb95c885cfa8da1a258df23', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '07fe3c7d63da020cf2ba018c462f3f8478e7f96d' }, "1")), index.h("gb-pagination-button-group-base", { key: '5f61c7adc3d3c8a21e36b9afb49e629d009bba9a', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '67d3277575282da19c4467338e7cec289c4b8c6f' }, "2")), index.h("gb-pagination-button-group-base", { key: '473740fe4ab4ae7b44a1bfea7a1e27f62435556a', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '3d825119d930b86a4b36f52c537a921ca82b5d1d' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '6d731757f4a0e35e27ad171bc3fc10ad30e4ebb8', icon: "false" }, index.h("p", { key: '45e7564327857f1ce99f21b661bb131b7974196f' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'f4bf90c08ebb90cfdbf607bdf70840452b895c6d', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '5a33b9e0e3012e4e2ea192046aca8b8668f39028' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '8b5a47b13a88d6f4ae588b04c1acad90d5d0273e', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '0da30359935b5aef2efbff6e35ea9b2861ddf7c2' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '1627a3639947eca69555a422ea8e5ac5bbce6c2c', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '9b5cff697d3618255b43b1b59f0addcb4541cc56' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'b1796aa91b10dc060f008467b019602033e47b45', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '7902bc349e31afc31b91d2c78108c8683839e00d' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'acbcb7b5ce01435ff7e1b90b4fec8ab0c48f00c2', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'c9c4ee6b107e72ed7813e973d2b9a369fc604044', class: "page_number_text" }, index.h("p", { key: 'e4448b8420a4a3233c2d7f6cd0ffcbde94482a16', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '49669f380c32431159dc040c60d1638734286260', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '2072bc08f58de9f52a776255cfb63508fd37eab5', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '22535eafdf346c06465d20b5c84908c4d1157a58', class: "page_number_text" }, index.h("p", { key: '4731f89ea07007196083a4782c71f7b9c079bf65', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '4b91c5c3d9c8bf1da959d4261b57123b0ed569de', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '78f5aa40985cfa3e776aff161b09c94bbf0c8055', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'd35d43c830c10fa25574a07b59026637c2faf598', class: "page_number_text" }, index.h("p", { key: '81d2b30a4d95afda7178ec7c58d53fd086e8a065', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '286925354057a4f0fd787d705c7ac3faedac3f7c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'f41bdf8da3057e1b931d08b7c4f5626d804a3068', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '79c8d8ada3b3873396a22e8694236eb53a452f96', class: "page_number_text" }, index.h("p", { key: '4c4207cbad7a40588e09aef3076ddf4c1410056c', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'c29da11bbde626d7bf2767ca16f730cb3a0532db', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '575b2332abbba50df9fd4c6cb66e3c245bc6a737', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'f27c61afcbd03af67f6b8afbcce387b154503e95', class: "page_number_text" }, index.h("p", { key: 'd74cf672369aae86935566482ad6c8c7cbed09c1', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '9c4b483c8321a8e740efdc7d1b83372cc06f6938', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '2c6510da843445dcd694df1b3dcad743088da917', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '100631e087770f44fed63f0cc1e3db23bcec0f41', class: "page_number_text" }, index.h("p", { key: 'e6c3406ff0be2423133e93ad2562110e4fd59c30', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '36fd265e5cf2a289321d7e0ef7244a3d54d1093a', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '1e5312aff9fe7c7e4fa8a0c1af59750fc229176b', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '39f2367f413e544fccbc080c911aa9a305ea7482', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '50a57a869e69d6013aa2de0a594c23c312f1f6bf', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '0481f16ab2e995355a6ea3bbc99355bcf08c28e3' }, "1")), index.h("gb-pagination-button-group-base", { key: '769442055bb005fcdb4fb450ff846922b3e747d2', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '49276f5c44cd131cd1941da49f995da6b8b29066' }, "2")), index.h("gb-pagination-button-group-base", { key: '7b3eb692114fca251e3a70ce7a114e953ca9e53f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '723fd10ad9b243fe5dab923c4cbdfb0a010f36cc' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '8d8f55566bca5f8e28eedef7e99f09e1d9874f0a', icon: "false" }, index.h("p", { key: '9df6332091a9d5add550f2ca3e0985b0926edb34' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '59f1170649966399945059895ed483790bf96966', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '76c38b4c2ca8b043c938b49dd936f1f2ca6e4800' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '4bf181511a233bd813972b3aaa36bf03dbb3cba9', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'cc171970ff9b964db4b5a3d378aa279ed94337db' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '65a4fbf57fdaa01d812b6f0e6cb0e4896689d7a9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '99b321115dfdd77580f5ac571730df7f6daf2197' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '9b6a947001913726d4e75db7218308499c6d3792', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '461667a8a42853a5b61b5eab83537d38114a3fdc', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '303f3aa092ac5d2c0aa606fe3f4ee9f610877c58', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '24fb288ab478ea5af51ff26384952f82161f07c5', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '575bc8cab3330da1b62ea849984685e8ba85cfd7' }, "1")), index.h("gb-pagination-button-group-base", { key: 'da5f9ef04b87d74c3209125b6eace1153d4adda7', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'e40d7bca409f5ed175779c1eff22672e973ab456' }, "2")), index.h("gb-pagination-button-group-base", { key: '5d3a35a1f9d214e7764cc25e80601c05958ed190', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '3f254eb83457c51ca6f57e38034f1e9bf0e09b20' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'e780c7c5fc11c0df8f455104635e0471f9b42e09', icon: "false" }, index.h("p", { key: '63aa0f968892186c48531ece862002b92569a701' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '10b4ee87e3435aeb5db332fd482d3a128a3f8813', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '6808f20981cde576ed36aec9becd860ab3eed181' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '6c7932029605196e424ba524107457dedd38dbf8', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'a8c257a56a73b0bb23aa152e00476bb5973d16de' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '68da898e14fd4e28731937f11910e990269842af', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '898b75ab9017d26ab74bb252c56772f599363c17' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '2d22130f8892f4dc51ec11b9d922cb02574a99eb', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '6de15020dd8ce90da4fbc873a9b24b0cff065052', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '88bdc33d5fcae417df73230c89f15451a323eaea', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '6d4868941d3ab910fad01370344548e599ae1d47', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'f02eefb4ee02ce7f37a8532b2330d24a8c82183d' }, "1")), index.h("gb-pagination-button-group-base", { key: 'd63fa7f12afb7e4e2ce0e3f8c7184714ce344072', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'bfa2dc62327bbda9f197402250362564e0c3f3cc' }, "2")), index.h("gb-pagination-button-group-base", { key: '0c908f98ac6b6fa294eb5f17f2b84c6291b24b19', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'afff4ad6cc0017c0d145f1727800d8ffaa3daa13' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '14e69179cf82a95f1c4f8dd42ef3838fc2ec74ed', icon: "false" }, index.h("p", { key: 'c778ef100bcb7707dd1cb1fe82c7c7a68c4c28d5' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'f0a0550783b99a14ce51020809b24622dfc46137', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '24ecdab5afb802680145a81621318a9b07ea2f33' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'b336c0afc73c1abf4d72243e363762d9209820bd', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '5c944185f8bce2b969b5f68e53797ad9b53057df' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'ad184c09808472fcaff2c8b3b33f0f5a0ea63615', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'a7cb30df3138f5f579cf2cf0adf54f80dbd16aff' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '718acf6b65ef42fb18bf84c4f294075df72d4d87', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
+        return (index.h("div", { key: 'c7f76d451ff619d35fabbaa933b364338ce99305', class: `pagination_div ${this.type} ${this.breakpoint}` }, this.type === 'page_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '3a68cf3a7b4f0c1123f4bd7567a3e36b776a320e', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '1df0f260b55307bbfcd71c90e77692c786e76122' }, "Previous")), index.h("div", { key: 'f2e8d959af8e3eebfb05d71b9f42a41840ad7719', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: '8c0df0c448b302d63a0140d13e90cc283d8777f8', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '3ecab44f2b4b61e418d6e825335ef29f61f48bd6', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: 'c2715366f5c30f876f90693da6114ecd2ff75a10', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '5c9ba4ddc9f237edf5af74090baa8ba68dedca3b', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '559a7223329d84482eafed36e21da0ea5f5918da', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '409d3cb2c7d5a13c756014c54712cf5727c8b12e', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '3bccf8398b8820abfbec7999e396e24219be5357', shape: this.shape }, index.h("p", { key: '688914a48426c1b5017a46713307975f8a880815', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'd0c1fef30cd29a438f7ee7bd4abd57d8fdd71164', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: '4ef402e9b9c965d4240d3345ab09ebadd51c16a7', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '1b24c19a74d3bc63eb52605a3cd0ac0b136b31f4', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: 'd42a8aa72e567349cf5e1679326c4d003f46e2d9', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '0cd74602aa073c7e89072d15719828f3374bc3bf', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '411e84ca008bf4ae95d99637b9c317a4d9f387ad', slot: "page_number" }, this.internalTotalPages))))), index.h("gb-button", { key: '40c3ad616247c833779de268ca8bd9a0efd464d3', size: "sm", hierarchy: "tertiary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '2260c421b135a7bbdf2bcf639c9298132d95ed60' }, "Next")))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '538f035fcabc14137e32274219f3966cca4b3e5f', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'b7b32d6bbe393b4b1c89b73c86f610cd13dafd15' }, "Previous")), index.h("div", { key: '50b9211d740cb5badd0f512987fef980284fad09', class: "pagination_numbers" }, this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: '4df765b8a3e9bb462fc215cc895fa7402ae6cee5', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '9b95b1e53d13691ed175e59b587787f6f51d20a6', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '018967a6a6cdb406e68e60f49c3ef09f2a5e4a96', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: '20b102160c9ed6c00640fd15402bff86eeb889d1', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '27d5c9b7a378cbb059315d805d4a1c4207da9957', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '7a1da9ac3491d99cbfea2c75cefc0c0fef9d0de3', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'c75448cd2990572bde8024e2e13957ffeb416f98', shape: this.shape }, index.h("p", { key: '090ae24cc6728cbb797278cad15a07f6b99b39dc', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '34d82a4a09142883e1608d1f01cd92b3721e6e94', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: '9ce6a231bf524d88c6f377b8be81e9fb4478a747', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '88a495372061b8b9f62ecfefc81c253083851b95', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '072730c5c32b0ec695b5be3cf3584d8deb5fa5f3', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '5899eb6772d8a009bbe34eb842d3a33f9f1d4fc4', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: 'fe60a085e00bfaec7a5e521574586c48e7c628c8', slot: "page_number" }, this.internalTotalPages))))), index.h("gb-button", { key: '63ade3b9b9df367a79cc92d82df5643e7e7fe694', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '056623fbd29ccafeba96f7e89c2963f34d974c5b' }, "Next")))), this.type === 'card_default' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '60827b2f40c25863b0d6c8ebafb6a8d2847c8c48', class: "pagination_entries" }, index.h("div", { key: '33ec785f7c2fa2f92484c7c6e860572a79cff064', class: "entries_text" }, index.h("p", { key: '15b928742f6150ab8df64b5644527e898780419f', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '03ff4a42f2f491ed2e6b22fe23f20535c825c181', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '92c1bd21d0b33f014ff95a3128985f7c13258912', type: "default", state: "default", size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-help-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: '9d08146af63b9768201b43d3725dadfbaac3129c', class: "pagination_numbers" }, this.internalTotalPages <= 5 &&
+            this.pages.map(page => (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage === page ? 'active' : 'default', onClick: () => this.setCurrentPage(page) }, index.h("p", { slot: "page_number" }, page)))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-number-base", { key: '1f6c9b1c29acfc8f3baad943798844b024e620a3', shape: this.shape, state: this.currentPage === 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(1) }, index.h("p", { key: '423baa3078168cfd093ddf7c2753184d829ed29b', slot: "page_number" }, "1")), index.h("gb-pagination-number-base", { key: '8da0d3e2a14a7e58a09c77c3dc97c58af036c104', shape: this.shape, state: this.currentPage === 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(2) }, index.h("p", { key: 'b02d8a85eaaa8486275b46e465771d3169f56e56', slot: "page_number" }, "2")), index.h("gb-pagination-number-base", { key: '9bebf6e7d5e1e0e8addb77d0860d9c87487746ab', shape: this.shape, state: this.currentPage === 3 ? 'active' : 'default', onClick: () => this.setCurrentPage(3) }, index.h("p", { key: '4fbcb32c4efbf8a350fa338700890e5661bae3b4', slot: "page_number" }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: '5aa18c67a917061b10094af4787eab4ef390bd38', shape: this.shape, state: "default" }, index.h("p", { key: '9980bf6c86a6dbeba7892c23dcaab9724fc26017', slot: "page_number" }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-number-base", { shape: this.shape, state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", { slot: "page_number" }, this.currentPage))) : null, index.h("gb-pagination-number-base", { key: 'd8146118965256ef1959e178dc5d52c051c20a88', shape: this.shape, state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 2) }, index.h("p", { key: 'b0cc18561e572f4bebc7b3ad327778d98cb77c34', slot: "page_number" }, this.internalTotalPages - 2)), index.h("gb-pagination-number-base", { key: '88676ee3fd491acd29e3962181fa74d5d3dfd20d', shape: this.shape, state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages - 1) }, index.h("p", { key: '8ff3e96f22d0817eb432bd7496000b290f552c71', slot: "page_number" }, this.internalTotalPages - 1)), index.h("gb-pagination-number-base", { key: '5b68ae8be4db658d2c4ca9052bf03da49c751255', shape: this.shape, state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => this.setCurrentPage(this.internalTotalPages) }, index.h("p", { key: '3974b37a30167f3fb0d961eb9166fc3ec9ab2864', slot: "page_number" }, this.internalTotalPages))))), index.h("div", { key: '25b9b94f7bbfb8abaa3bb359e389aca6bf873502', class: "pagination_btns" }, index.h("gb-button", { key: '9edbf659f2b9e06fbd7c34a4e724dbadd04b7ddb', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.totalPages === 1 && this.currentPage === 1 ? 'disabled' : this.currentPage === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("gb-button", { key: '5355214ae4cce62703d1a31a9fad079bc172b776', size: "sm", hierarchy: "secondary_gray", icon: "only", state: this.currentPage === this.internalTotalPages ? 'disabled' : this.currentPage === 1 && this.totalPages === 1 ? 'disabled' : 'default', "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: 'f02c69751543e25ce3dda616952eb171f6294471', class: "pagination_entries" }, index.h("div", { key: '8a9d9d683daea537b9b22a9a88c670965d369d49', class: "entries_text" }, index.h("p", { key: '1866034db399bb6682a9bcf4fa33b0345153033a', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: '0b90bca9ef8720b66794554e643bdbe2b8682fd9', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '39c3aab31854d56dac5925d11d234961cd7c2bd6', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: 'be231d63eeb7a213e2acad6e399104ba78edfc12', class: "page_number_text" }, index.h("p", { key: '65ca635d141762d8a0c3d3d8893afe963942730e', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: '931b16cd9aa5cac7a0107c3aa9b8297550cb2b74', class: "pagination_btns" }, index.h("gb-button", { key: '1ea0734f858faf76ec4870542464e188716ac069', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '7f1dec52b9dfb5bdf0e0781f74c42b392ae50b38' }, "Previous")), index.h("gb-button", { key: '6af90fb668b1d715e7f7117cdc27f84396bd35dd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '5e08f90be79006705bea71d42e573a65f4fb9027' }, "Next"))))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '1e4a5c0b5c7f90a4fe00f3377740698f1a4fc29e', class: "pagination_btns" }, index.h("gb-button", { key: '929f42de881cb04c5ae0f61d9dba1d4b74e9c0bd', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '04da1b8a35da8f33613da090fe6bb07292f40ee4' }, "Previous")), index.h("gb-button", { key: '683973d35c61ade243a6d2b729ecaa9a784be54d', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: '1a0d2c981a0b4819d916968e4ab87aa71f643289' }, "Next"))), index.h("div", { key: '9454b97d9aee7190d1bd2282a71dea3cab2bd94e', class: "page_number_text" }, index.h("p", { key: 'd0b34ba773f1c9d1474a619982fd197db8b44176', class: "text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("div", { key: '10b11693caf41059d40587cf9873342ebf4201aa', class: "pagination_entries" }, index.h("div", { key: '4604e51383ef17c43b00028557d484b235bfa949', class: "entries_text" }, index.h("p", { key: 'af9e9a8cf05b848ef259ec420b7b6d7b7da83615', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'bc262202ff787e08a78c347fdd7c19af286abb4a', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: 'bdd811a49478e1e2b216215201c2d793fbef9560', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("gb-button", { key: '526311b5e4761519bb6f78e8212c4ffea078b9e5', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'eba9c89e2f54aeeb97676a92e706aba61b92340d' }, "Previous")), index.h("div", { key: 'f82e3bd714b9fd84153cf38f92ba996f3e5d6648', class: "page_number_text" }, index.h("p", { key: 'aaafb990c4f176867a49daed924e6ce6e0184058', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'd5a7c1160d6c044ab28f18bf82129b806b52a1c1', size: "sm", hierarchy: "secondary_gray", icon: "default", state: "default", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'ffe3b3426cc39d75d9b26b527d0240a214e98068' }, "Next")))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '2635fd0ce1f57dc35d1a7ad1cef38f19e1836881', class: "pagination_entries" }, index.h("div", { key: '437b5c3a576bda3a329b74a935d27fac9aa62359', class: "entries_text" }, index.h("p", { key: '5b1f636c9449380f59f8b92bfa969bb70dcaf5c3', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'e4eb7e2f99c8aab46392f454725acdf252d734a1', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '26daf392cf6bd293ae1c4ddf4636e3f449d5bdf2', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))), index.h("div", { key: 'dc297aadd8204de593d2bb06770ca31950834c3a', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '72ecc42bb8184400ca815eab7ef43e338e5b6d45', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'ac5f8dd82c2ab42d59ed91f110e4d34f56dcb515' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'a45e70306dd34f05a5a82ce022103e3c56dab4d8', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '72223ad53dee8f8c971b3b97b7af2a8dfac5af40' }, "1")), index.h("gb-pagination-button-group-base", { key: 'd0ccb481b9173618e3787bbc1dc6a66eac0aac56', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'b2c9bc8fb5ba60cf340c607ce005f4ad1557aa86' }, "2")), index.h("gb-pagination-button-group-base", { key: '06f998318109e3a3da5522c3c7e5fe0bddd6f33b', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '34111a0f55b45ea7f45d6c852d0883a92f9033fc' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'fe9f9cac939120fe693364d83897b1525eb38d0d', icon: "false" }, index.h("p", { key: '644f678adf755de3819076cdb1192e79fbc904aa' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '165f9ecd14529ceca5ae2dcd7072ed992eacc10e', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '70f6f195890760476b48c31f795e6b86e2e737ba' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '5ac19df235dcf93991a2bbe5fa3a9691d75bed01', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '4feadedf97217b8647391ce2b1878922d0bde952' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: 'd744e1fc892cb63a738773274dd2e4f7ee138079', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'daa1506617d21454e1f4ab3b6ddf8a45ca615285' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '00b5e2c584b3d27d88383b83545d5b2bc7cdb56f', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'cea3a770ed4e7edca549e15e4365402846a542d0' }, "Next"))))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '99c2c6794e2acb1a7b1bf56035a0999c5d1aaf35', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '455507d03b52ebfa9315579cbc9b4a75737fcc71', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: 'b81e5cdc46de59b448721076b380389086360363' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'a547ef71d072ab4cbb2d31594d3dca9c54be6048', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '7183d4933cbb2eedae8288d3263275f248a77d21' }, "1")), index.h("gb-pagination-button-group-base", { key: 'feafa397b337f162aa21b161868d1fd658a60637', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '10dbb632092470c13843aa48da51affe7f1cf64c' }, "2")), index.h("gb-pagination-button-group-base", { key: '03c3162e590921234985f12759a1723f78a1e11f', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '700d70a6f545c3037a96a6a1803362481a3fa7f9' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '14194512bc72642e2942d8840ea81aa2fca0de31', icon: "false" }, index.h("p", { key: 'c9499f514210743a43e7de0bfd86871812c62b89' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '70dbe30aa9d769680025d5ab957a6494941c5e1a', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '2e583c2e0c784aabca690151f6bfebdc1560af0e' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '2cda2666c85e102405ca546294d6db4110e013c0', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '182b274a249ad11db21e0334aab0583fe9b42067' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '25b9863bd6281f88de63831ef154d2b0007d1bba', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '89315b332b19a04f7ef83de45593515b6e69f2c4' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'e72b1e9d04da73735c1d41467920340f60d7b1b1', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'dd66e09cf276b5f8b8d57e90bd2f15f58ff776b3' }, "Next"))), index.h("div", { key: '1a39d73bad9df3c4efb88a5484e50e30097abf2c', class: "pagination_entries" }, index.h("div", { key: 'b1465ee1a670fe4d0b7e1b101d3822d7a8359902', class: "entries_text" }, index.h("p", { key: 'b6479b35cae2522c80ed0fe9164ba1ed73f5e8ca', class: `text-sm-medium`, style: { color: 'var(--color-text, #4B5565)' } }, "Entries")), index.h("div", { key: 'a6540775f16bca403bf336665bd3fca87150311f', class: `entries_dropdown` }, index.h("gb-input-dropdown", { key: '991030489721e9d10f2e228aa8ebcda666fe7c80', type: "default", state: 'default', size: "sm", "show-label": false, "show-hint-text": false, "show-supporting-text": false, "show-hep-icon": false, items: this.entries, "menu-position": "top", onDropdownItemSelected: this.handlePageSizeSelect.bind(this), value: this.defaultSelected }))))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'desktop' && (index.h(index.Fragment, null, index.h("div", { key: '4b5e50ca740092ba7a2a9d98283e4d713e28151c', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '735a5ba7021ed807f49a0acda8e80bbe7c2dba1c', icon: "leading", onClick: () => this.onPreviousButtonClicked() }, index.h("p", { key: '6e0c3b4f370d2b78fd2e0f052a5164a15e8025ab' }, "Previous")), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '796d5fc71c6975462ce49999fa5896bd85582a80', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '3d2e83dbab11556746cb155e675a7ffcb958ad84' }, "1")), index.h("gb-pagination-button-group-base", { key: '977d4813fa8759be0f761e78f3706384a49242cb', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'a2633c8ce6b78a7c8d7621b4c891047916a9e095' }, "2")), index.h("gb-pagination-button-group-base", { key: '6cdbd1714be96861621f02a709e2d9a4c48421e7', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '3d2abcdbcaeda835fe898fded2a11bc67743a094' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'ee4c5d9ca8d0efd36731748b4a67ee889099f9e2', icon: "false" }, index.h("p", { key: '249cd0b64fc7f66c371fe492650000c767c31f12' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '70c71e452ad5431b62f9757dec568a6d4bb58801', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '84f415a80c434751e5b0446121baa42085c225ac' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'deba9dca31275cfd2b930920c8c6384845889069', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: 'a6d4deaa7385ee5c6f22158786d5a235528eab3d' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '43e7412197b37dd0a9ace2b480f74262d76cc874', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '1427e003a513cd8621fc380b3aef46d71b5bdbba' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '7225354a1585029dcdd01caf71837cd2f7485895', icon: "trailing", onClick: () => this.onNextButtonClicked() }, index.h("p", { key: 'fd58b83a4dcb8e388da1aad18ea652b3bf0fc78d' }, "Next"))))), this.type === 'page_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'c6c37dd9a34a9078d8b0cac7d4668f38c305cc02', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'a97b8c264853f20fecc01861ecf91e2c3e63d722', class: "page_number_text" }, index.h("p", { key: 'd17add16242f664291c0f8c17ab40f5dfa7b8e6f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '451047445c1cefca3080d2eeb7d7c9b0735e5a13', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'page_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'a277d7a42dae300892a1806071a4bd01e02d162c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '48370dc953a370591c1051b4f97773a78229456d', class: "page_number_text" }, index.h("p", { key: 'e3e2d64216e2879662a35020a3e82d5a56138a2f', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '1dea5c27828365d784091ac7b175e04b9727c047', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_default' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '7cff820eb6e8b64bc21bde6647a3dd3186b9252e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'd22de85bf35e168452ad8148608a77b56b920a71', class: "page_number_text" }, index.h("p", { key: '524b51236286308af919eeeeb29f79e188887600', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '6d76ab09ff8ae9f51469f10251ca76ac20bffa35', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_right_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '4bb52e1fb1301188cfc8a2a57fc6ee6c45202d31', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'da055c04cd8f16b8eaa69d25928f8ab3ae5347d5', class: "page_number_text" }, index.h("p", { key: '3aaa87f2e4a560d71bb161726765360b61d25223', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '357b13bd0f19f4ca96d7e4af758550910284474c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_left_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: 'a3a9d1f32923f0b89a9484a8077e94408cc7c9b4', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: '3db40b05ca6763c8d7d7dfc6e01e9f8f17c33048', class: "page_number_text" }, index.h("p", { key: '5708d4e6b07d318545a241350933e05b0275b4f4', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: 'd875770a4db15e8affeaa8d5683c011f292ff92e', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_minimal_center_aligned' && this.breakpoint === 'mobile' && (index.h(index.Fragment, null, index.h("gb-button", { key: '321234e4919369bfb89e2dc0458f3a1c5a017115', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), index.h("div", { key: 'a3a565936486b7f2d599849f2e9266a8855823fd', class: "page_number_text" }, index.h("p", { key: '5c71905aba5ce6a584179ceb66a3785180f5c8ad', class: "page_numbers text-sm-medium" }, "Page ", this.currentPage, " of ", this.internalTotalPages)), index.h("gb-button", { key: '9edff24a9d1b0925fe2918a9a23954f420aa8f8c', size: "sm", hierarchy: "secondary_gray", icon: "only", state: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_right_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '58f0f1434bf7efc499d7d40dca4b319dd5355af8', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '6c005b6bf78d78ab8cd75eba2bc2b938e6a5ddbc', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: '5c0cbf050709e71816bb82a3266788f9c36305a7', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'c2a66ed29d6d3b95d1cdd40ebf34bc5a8ead1ee2' }, "1")), index.h("gb-pagination-button-group-base", { key: '12283ab4dfbd47a889b63cd1cf6e1d032bca09ee', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'e5b75bd8200dc3a62534c646241f0c8c8fc7ec3c' }, "2")), index.h("gb-pagination-button-group-base", { key: '185e20476f8cb00297997ac9172e361e4fcc06dc', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '583d493baed2dbb903c7fe24f9cbcc756945820e' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'a10eab639e323bce1e7f95e36d2a4f0a4e48dd9d', icon: "false" }, index.h("p", { key: '9c569cb5a3c6df3ad988ac794fbc9024120b5f66' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'f4f5dedf556f2caeecbe3c1c76a0998959ee9128', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '259bc7e0349b2746dc29bd9a777de4501968a348' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '139a6a4ee52126c383e730f930b506b96c863395', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '0290fb7f2b75b37f297142aae16961cf7f156179' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '827aea426b0c5e84eb7b12c71d6b40e32b792671', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: 'f8abd6df59179433f727ae892b9d8bc994ef1d3a' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '2f79ba9b3ea7962733bc154235650f476e2072a2', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_left_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: '11a66656dd8714b77e6971a1364a180a06e24052', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '39f1a091f81068249a4f58eb4259d305732a2fc5', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'f44b8446a44097221077d5a316cad3addc6b7987', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: '1dd64b38c6dece756c1e5dd9247b2e25ed59a334' }, "1")), index.h("gb-pagination-button-group-base", { key: 'a904bdd99e1f8de9c537cba2f03f9dc488716d37', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: '5185b8b3d2a43879be7f4aa896c94aee1afa4a98' }, "2")), index.h("gb-pagination-button-group-base", { key: '85b04442229a7a6489623090e25e05c0a2cf7443', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: 'b7132950a5294a3487a47adb154c9dc172b3d25e' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'c8f0e2f087509262f168ab7adee9281ef29e9545', icon: "false" }, index.h("p", { key: 'b18e5685ab6009495cc0054481c1396f68e941a6' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: 'fb51af752bf936a3e7e809b625316970b93cf5dd', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: '8343c0fd5854cd215a4e0c71924a4953a4606449' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: '8137c147d799aca75d5cbfb55682a9a8b75f0f2f', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '80298c1d6301dd9b12741d0adc0cf8b346e1609f' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '06cb36387a2397e97aa3e7843de60da0b14cba9d', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '070b165b4c1e17f3c6ce5d9c4c40404a1094f207' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: '4fd8062cca12b91a453e536e161927a633a245dc', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }))), this.type === 'card_button_group_center_aligned' && this.breakpoint === 'mobile' && (index.h("div", { key: 'f2e23d446b9b805be544174fe974f03bbc6e1ff5', class: "pagination_button_group" }, index.h("gb-pagination-button-group-base", { key: '678690486f375da983b6a5a2ce9828f8770dd293', icon: "only", "icon-src": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }), this.internalTotalPages <= 5 && (index.h(index.Fragment, null, this.pages.map(page => (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage === page ? 'active' : 'default', onClick: () => (this.currentPage = page) }, index.h("p", null, page)))))), this.internalTotalPages >= 6 && (index.h(index.Fragment, null, index.h("gb-pagination-button-group-base", { key: 'fea88b54c8421364424dadf4003dfe45294c6364', icon: "false", state: this.currentPage === 1 ? 'active' : 'default', onClick: () => (this.currentPage = 1) }, index.h("p", { key: 'b4bc9f4ffb6028df12d78f54a5274d69269ff082' }, "1")), index.h("gb-pagination-button-group-base", { key: 'ebc599f3724773ba245de9ee970e83ef8843fbb4', icon: "false", state: this.currentPage === 2 ? 'active' : 'default', onClick: () => (this.currentPage = 2) }, index.h("p", { key: 'aad07c3196143ce488929d2d7818a1c21aa06955' }, "2")), index.h("gb-pagination-button-group-base", { key: '6ac006895d89350f10591a77875866683ae1dc29', icon: "false", state: this.currentPage === 3 ? 'active' : 'default', onClick: () => (this.currentPage = 3) }, index.h("p", { key: '2fc1edd4ad4b0303850f788714b1bab65eb27c1c' }, "3")), this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > 3 && this.currentPage <= this.internalTotalPages / 2 ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '654407a6653b1d2511d00babb26570dc2aa2a2bb', icon: "false" }, index.h("p", { key: '9d7fae0b8d97cdda8aa11cdbc62986a9c945dffa' }, "...")), this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages - 2 ? (index.h("gb-pagination-button-group-base", { icon: "false", state: this.currentPage > this.internalTotalPages / 2 && this.currentPage < this.internalTotalPages ? 'active' : 'default' }, index.h("p", null, this.currentPage))) : null, index.h("gb-pagination-button-group-base", { key: '0e9b03db8382dff0c61445804f4cf1a5c2571dfc', icon: "false", state: this.currentPage === this.internalTotalPages - 2 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 2) }, index.h("p", { key: 'a6a8d0ac5baa52692135d2915eb03b8af9d8f4e8' }, this.internalTotalPages - 2)), index.h("gb-pagination-button-group-base", { key: 'aef0a078f5ec9b1c498dc9d0e7701eba55fc9742', icon: "false", state: this.currentPage === this.internalTotalPages - 1 ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages - 1) }, index.h("p", { key: '428d1b3b13a662bfb9b15a56c36b3ee97f9d6cca' }, this.internalTotalPages - 1)), index.h("gb-pagination-button-group-base", { key: '867248bf143045c9e90a545e31ba6b21c7445ac9', icon: "false", state: this.currentPage === this.internalTotalPages ? 'active' : 'default', onClick: () => (this.currentPage = this.internalTotalPages) }, index.h("p", { key: '629814ca5494e0ec0cdfcbb17a8bff169504c445' }, this.internalTotalPages)))), index.h("gb-pagination-button-group-base", { key: 'a03143841c79032397709eb9116ee956b03c49fc', icon: "only", "icon-src": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() })))));
     }
     static get watchers() { return {
         "totalPages": ["onTotalPagesChange"]
@@ -6406,7 +6418,7 @@ const GbPaginationButtonGroupBase = class {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (index.h("div", { key: '5e7f4d180bf6b980de89c3013206c0886d32d9b7', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && index.h("slot", { key: 'bd607e473b77b59f0b6c889a7d929555ea08f5a6' }), this.icon === 'leading' && (index.h(index.Fragment, null, index.h("svg", { key: '2620608a2bde368ac00e765a18dfb8c48f723176', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '8b7878eb7b7dc08b2a98e6ffbdab996db2a80a1f', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("slot", { key: 'a80f08e2507113d017cfd2e8c6bb72903a696a25' }))), this.icon === 'trailing' && (index.h(index.Fragment, null, index.h("slot", { key: 'a6fd52323f86276a3084a2e7b52b9fd73ab8541a' }), index.h("svg", { key: '59b34e519730a38742da8429a425a9f4a2b72cd7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '6522b1d56f1be2fbf64aeee24d12fe0727d9eae6', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (index.h(index.Fragment, null, index.h("div", { key: '363bcca83d78305d33d57b00b5cb62be213d5b5a', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (index.h("div", { key: '0d9d8cb8f40d1cafad1cef12da5089961fea01b5', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && index.h("slot", { key: 'c807fa5168d9853823b8145e348f62e177621280' }), this.icon === 'leading' && (index.h(index.Fragment, null, index.h("svg", { key: 'd79a767dd8a525a3dcdd99898874ab0804caf1b9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: 'ea8d837bc61be04da715c871193566b3967844cd', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("slot", { key: 'f1d4b4c4a96c7abb668fa5695d619ddb16a4d038' }))), this.icon === 'trailing' && (index.h(index.Fragment, null, index.h("slot", { key: '7ddb42398860e385e5921421e488aeabacc1cb65' }), index.h("svg", { key: 'fad5a76b48d1c8b2adfa4712b686acf5407c6e34', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, index.h("path", { key: '9d2919c9e01ed643d0a523aee42780744a1f217b', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (index.h(index.Fragment, null, index.h("div", { key: 'b2d269145894f8932a5e143024fffee8adc245f9', class: `icon`, innerHTML: this.leadingIconSvg })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -6431,7 +6443,7 @@ const GbPaginationNumberBase = class {
         }
     }
     render() {
-        return (index.h("div", { key: '84ba570ae7d6cb01072affe73d906a65fe5f03eb', class: `page_number_base ${this.shape} ${this.state}` }, index.h("slot", { key: 'b8b0d10709b3b3175c7f866a2d1cf103d560af55', name: "page_number" })));
+        return (index.h("div", { key: 'e094c27e2d6d68c17ed11af55edd6c3bcd4e14cd', class: `page_number_base ${this.shape} ${this.state}` }, index.h("slot", { key: '328599d468f592b1fbe2370bca164b797e8133a6', name: "page_number" })));
     }
     get el() { return index.getElement(this); }
 };
@@ -6448,7 +6460,7 @@ const GbPasswordButton = class {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (index.h("div", { key: '53ba8243d0e96cacebacb7b11ab0457ab33c6ec3' }, index.h("gb-btn", { key: 'de525c66826aa643f3283b2c89b52dd9781af7bc', size: "sm", hierarchy: "link_gray", icon: "default", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (index.h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, index.h("p", null, "HIDE"))) : (index.h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, index.h("p", null, "SHOW"))))));
+        return (index.h("div", { key: '9f5256a5db174db1662b38c16f9803c7d65b0ec8' }, index.h("gb-btn", { key: 'b04af3ff1475177f3798a571e1ca16950ab32130', size: "sm", hierarchy: "link_gray", icon: "default", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (index.h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, index.h("p", null, "HIDE"))) : (index.h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, index.h("p", null, "SHOW"))))));
     }
 };
 GbPasswordButton.style = gbPasswordButtonCss;
@@ -6489,7 +6501,7 @@ const GbPattern = class {
         const gridDotDark = index.getAssetPath(`assets/empty_state_grid_dot_dark.svg`);
         const squaresLight = index.getAssetPath(`assets/empty_state_squares_light.svg`);
         const squaresDark = index.getAssetPath(`assets/empty_state_squares_dark.svg`);
-        return (index.h(index.Fragment, null, this.type === 'circles' && index.h("img", { key: '489b90ecea78d12c26443a7dc49930f689dbe220', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && index.h("img", { key: '62a4f65bc537ade994ced9a57abb025574348d72', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && index.h("img", { key: '98d79e03230a45f3018d3ce72e8cc05b91d7f37f', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && index.h("img", { key: '8db667f9073dfeb9045678b2488eac97e8acfe37', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
+        return (index.h(index.Fragment, null, this.type === 'circles' && index.h("img", { key: 'f858e097a6e1c4d6d38d1d7294f204cca08fb3a4', src: this.isDarkTheme ? circlesDark : circlesLight, class: `pattern`, alt: "" }), this.type === 'grid' && index.h("img", { key: '1d16ef638e354c42b000b622ff7d36e4cdfc246d', src: this.isDarkTheme ? gridDark : gridLight, class: `pattern`, alt: "" }), this.type === 'grid_dot' && index.h("img", { key: 'ce0ad93128a5331ba19258bc346148934a3e4440', src: this.isDarkTheme ? gridDotDark : gridDotLight, class: `pattern`, alt: "" }), this.type === 'squares' && index.h("img", { key: 'c80b850d270fea6153eb9977884d3b5e18142c2f', src: this.isDarkTheme ? squaresDark : squaresLight, class: `pattern`, alt: "" })));
     }
     static get assetsDirs() { return ["assets"]; }
     static get watchers() { return {
@@ -6507,7 +6519,7 @@ const GbProgressBar = class {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (index.h("div", { key: '100417b4154da6a9e4b1552dd55ac5226fc9b4cd', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: '7933cb41e1ddb0295f0708cda826b89e65acfa6d', class: "progress_bar" }, index.h("div", { key: '0f091cd5fbeb5df59523eff2260bbfd8abae6f4d', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: 'a11177f7f25867291123d34e63202350a2d873d3', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: 'f25213ed644cce3e91b8c13fe86c1fa591bed513', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: 'bf671f7ad12f3285da516ce59c71f6b952da2c85', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: '8d2638ad55a3251ef982857bcb745bc5bcf4b25d', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: 'c243b15ee444ff00d29889505af202d5715bb33d', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: '98e2390b8dd8f7fa81779fd68722b156cae4651d', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: 'e7e3d61747bb2edbeb99b4c57adb6ebda97b4fee', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (index.h("div", { key: '8655f98520b2d01b5ed03687bca3348e8d91eab6', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: 'faea4e63eae8ee38aa9468702aaab53aa80827a5', class: "progress_bar" }, index.h("div", { key: '31fbba84b7c2c7bce30e9b8b24d417e3b7d2bba4', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: '88a4c432fb9a075473a4d8db563dd35fbd835dbf', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: 'f383d31eb10ff6e37ff627ab59c70dbda96eca55', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: 'cdcc1ac0a3c752e2b42bb3c7e542cd28b2e70351', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: '86d07b981dd8d7e32d83ce05e99509f672f96a65', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: '9c3f232322f2be6e0b042d4d9919886a2e07b869', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: '3de4e574280c51570c1cc6eeb8d87d6372d5b220', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: 'cab99424abbc3b7aba2c16b82f75ef4b9ee08c42', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
 };
 GbProgressBar.style = gbProgressBarCss;
@@ -6583,11 +6595,11 @@ const GbSimpleSideBarItem = class {
         this.sideBarItemClicked.emit();
     }
     render() {
-        return (index.h("div", { key: '44167098369c7865b25db0baebee1a5de810effb', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: '9e6edac6b38168db972020ba6f221efca499060d', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && index.h("div", { key: '496c3502811b1c09b25d38737b30925533fdb4db', class: `bar ${this.category}` }), index.h("div", { key: 'e3d563d87d10dbc74d2220e48fd6e22077f67db2', class: "content" }, this.icon && index.h("div", { key: '4295380893227e04c3d4063e1dffb626232f6735', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (index.h("p", { key: '368288f6238fd86d78a4bbb34ba04ec871fa02cd', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (index.h(index.Fragment, null, this.showBadge && (index.h("gb-badge", { key: 'c8556fcf77e9afa2bfdd810dc7f200bc15b33173', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, index.h("p", { key: '21dec2e9dfd53b18e91bc3a8a39fcd81ddfb41f5' }, "10"))), this.showSecondaryIcon && (index.h(index.Fragment, null, this.subMenu ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow_icon ${this.state}` }, index.h("path", { d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: this.category === 'plain_background' && this.state === 'active'
+        return (index.h("div", { key: 'b6ca752ba00927e136706af805dd5306874fb603', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: '786a4d59a96a29f697713184f05170fc0f8d840e', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && index.h("div", { key: 'f6df704a0cc620607200b391d81f8922dcee0f22', class: `bar ${this.category}` }), index.h("div", { key: 'ddb8dd9f16fc3ef1af1de97e0fcb6e0932243b49', class: "content" }, this.icon && index.h("div", { key: '870904d66218dc42437bc66b828dbe0b5e721da1', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (index.h("p", { key: '1ab76391958dfc966ef414f3ebbb5a65affad9af', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (index.h(index.Fragment, null, this.showBadge && (index.h("gb-badge", { key: '49d42a17e59a07d90e6eb266a0237172a7e16e87', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, index.h("p", { key: '6afe112bcbd8a8d9489d712036d0e610fc18680b' }, "10"))), this.showSecondaryIcon && (index.h(index.Fragment, null, this.subMenu ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow_icon ${this.state}` }, index.h("path", { d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: this.category === 'plain_background' && this.state === 'active'
                 ? 'var(--color-icon-information-bold, #042F59)'
                 : this.category === 'colored_background' && this.state === 'active'
                     ? 'var(--base-white, #ffffff)'
-                    : 'var(--color-icon, #4B5565)', "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index.h("div", { class: `secondary_icon ${this.state} ${this.category}`, innerHTML: this.secondaryIconSvg }))))))), this.type === 'icon_only' && this.showTooltip && (index.h("gb-tooltip", { key: '47bf2b24110d66a5fabeb2057500d39327c8d8c0', "show-arrow": true, arrow: "left", class: "tooltip" }, index.h("p", { key: '37e19f137e92434555dd69be8384729271e3c217', slot: "label" }, this.label)))));
+                    : 'var(--color-icon, #4B5565)', "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index.h("div", { class: `secondary_icon ${this.state} ${this.category}`, innerHTML: this.secondaryIconSvg }))))))), this.type === 'icon_only' && this.showTooltip && (index.h("gb-tooltip", { key: '36ca6b73b77c057cdd4c3f846b516e573b4e0ef8', "show-arrow": true, arrow: "left", class: "tooltip" }, index.h("p", { key: '714f883a4e52453daf7a1ae5d0209c9580103923', slot: "label" }, this.label)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -6609,7 +6621,7 @@ const GbStatusIndicator = class {
     render() {
         const companyIconSrc = index.getAssetPath(`${this.companyIcon}`);
         return [
-            index.h("div", { key: '6bd1b2aca89a8b276b9de74eb91e5fe989392eb7' }, this.statusIcon === 'online_indicator' && index.h("div", { key: '34cfb352e4ab3703caddbc8b52ae4b34fe65ea43', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (index.h("svg", { key: '834b2ef9288e1f652094214b5e8c46ed86776317', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, index.h("g", { key: 'dfc9d9df6fb1eb8b12427dc1047cb08bba2586f7', "clip-path": "url(#clip0_0_21453)" }, index.h("path", { key: '5cd30131fe9df073a64bc096adb98feb3367a816', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), index.h("path", { key: 'fb3817e0d8f2ce821da5f5636b5110f2554183e7', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("defs", { key: 'b0889e5bbeb9dc35c6aa9f3068f1a2da195530f0' }, index.h("clipPath", { key: '44c0bafeb2234b7e7df86c1cc35e89bde6d52b7a', id: "clip0_0_21453" }, index.h("rect", { key: 'fd5fcd3569ea4f33fba6e312ddb13e01013388b7', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (index.h(index.Fragment, null, !this.companyIcon ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, index.h("path", { d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" }))) : (index.h("img", { class: `company ${this.size}`, src: companyIconSrc, alt: "" }))))),
+            index.h("div", { key: '7f163436098395f8ab92b99cb0d2b84e49ee8969' }, this.statusIcon === 'online_indicator' && index.h("div", { key: 'bdabbe6cfcbf23d51bfc75fa247925230f90ecd7', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (index.h("svg", { key: 'ab092f158a8f1d5fa5b477245c13c80a2ee86480', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, index.h("g", { key: '20467a318ae3ce9e9aaf7d2dc5016f5a2af657ce', "clip-path": "url(#clip0_0_21453)" }, index.h("path", { key: 'c77118dd9394eaf14e076240fb7e12ba207203d2', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), index.h("path", { key: '4318125d8a835027cab3056d5764a2a8f40951d7', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("defs", { key: 'd46fb46f7c424302343a083f5295c4f0874c21b6' }, index.h("clipPath", { key: '490cc26184bc563f602b797b2302617349ee1ef9', id: "clip0_0_21453" }, index.h("rect", { key: '2e946fede99967c3a7c17e38c550b6fc52785056', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (index.h(index.Fragment, null, !this.companyIcon ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, index.h("path", { d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" }))) : (index.h("img", { class: `company ${this.size}`, src: companyIconSrc, alt: "" }))))),
         ];
     }
     static get assetsDirs() { return ["assets"]; }
@@ -6661,11 +6673,11 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (index.h("div", { key: '58f3584ad0cd8369affe57ffbf761f59d667cc4a', class: `tab_button_div ${this.type}
+        return (index.h("div", { key: '6bf7bbb1440e576ae6b1ddccf548b142481a85ba', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '28f11117130d7588df211a474a72a1bfc67207a6', class: `tab_name ${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: 'ebb80070d43c13563d8264707b87cf726e30f114', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '145fac418bc9171967bb048bfc29f23ed66d458b', class: `tab_name ${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '66a16ae544099089bc2350a7114d79f87ba064a5', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -6674,7 +6686,7 @@ const GbTabButtonBase = class {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, index.h("slot", { key: '9c9c91a873997c5893b52b36b6d23ff9c261223c', name: "count" })))));
+                                : 'gray' }, index.h("slot", { key: 'ba919bd247da4031396a6df8cd952b1c6ba0163b', name: "count" })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -6790,7 +6802,7 @@ const GbTableHeader = class {
         document.removeEventListener('click', this.handleClickOutside);
     }
     render() {
-        return (index.h("div", { key: '0b1baa4f4bd0cbfc7e43f0f66f4fd0c7782bed67', class: "table_header_div" }, this.tableHeading && index.h("p", { key: '16a1bf75018d6547bfa7d85ac66c5e2ea81767d8', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (index.h("div", { key: '88d14d42db0e0e12ced120a71ce1945521786000', class: "date_filters" }, index.h("div", { key: '917b420c6ef0cd3c5e527f89fb1f7ce0898d5600', class: "date_input" }, index.h("gb-date-picker", { key: 'f532d30fb5ac5955d5c74946a537e54cd18ea782', mode: this.mode, placeholder: this.datePickerPlaceholder, "enable-time": false, onDateChange: this.emitDateSelected.bind(this) })))), index.h("div", { key: '34b4e84c13e402e088253408e0bebe148fbc9d86', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (index.h("div", { key: '6b0c4ec650e59e861e0f0100b16e84ccf7ddc694', class: "input_field" }, index.h("gb-input-field", { key: 'a1a5ca0c565f77db20167628e334b7d1ac6fb3a8', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), index.h("div", { key: '53650055b02a420518db839825a59a7426bfb0e9', class: "action" }, this.showLayoutToggle && index.h("gb-button-group", { key: '72190b3fa700716e61329f24d24ecd57e0f72663', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (index.h("gb-button", { key: 'bd1880fc3c7eb5ecf8193950547128482787e9f8', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, index.h("p", { key: '5e86930ffda800726ad2740ab29dc91a0e5ea41e' }, "Columns"))), this.showFilter && (index.h("gb-filter-button", { key: 'a96be36430fbd0c07ae349c0cd282e7f19c08af4', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, index.h("p", { key: '4cf95658bf03714207d17c00864b710b2498e24a', slot: "filter_count" }, this.filterCount))), this.showExport && (index.h("div", { key: '70dab9502e7d4e9746290d6b48a585add5968514', class: "export" }, index.h("gb-button", { key: '0d3ec3f5168797751d86285f0af9b0823c5a473f', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, index.h("p", { key: '4800c446b169f84d1ba489a9ad068309afeaec22' }, "Export")), this.showExportDropdown && (index.h("gb-export-dropdown", { key: '44efeeba0859e83c351d6fb178992e27e3cac3c0', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: () => this.emitSelection.bind(this), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (index.h("div", { key: '8badd4f1a68832b72090531799f2771185ff3272', class: "refresh_button" }, index.h("gb-button", { key: 'df18100c995c0135e92c1e68b5837213b8cf57e9', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
+        return (index.h("div", { key: '6bd7756d999bb593ce409249be7fce65e62cc5a4', class: "table_header_div" }, this.tableHeading && index.h("p", { key: '9f3f7be57eb6355d9c4daf1555fe07ff7eaec5a7', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (index.h("div", { key: '6f33125b7b49542daadf6dde8278dcf4020bc87a', class: "date_filters" }, index.h("div", { key: 'a728591f4e81a60721b3e6300f9e353a823d2b18', class: "date_input" }, index.h("gb-date-picker", { key: '124d78d3a8f1732240979caf41e18f0cab27b192', mode: this.mode, placeholder: this.datePickerPlaceholder, "enable-time": false, onDateChange: this.emitDateSelected.bind(this) })))), index.h("div", { key: '317b4eaeec80aa49e98dab0e66cd238115cdc32d', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (index.h("div", { key: '5117e416723eb135a62300d6ddb71c5bdfda4203', class: "input_field" }, index.h("gb-input-field", { key: 'd9338edc8b6089828571a9316bdc39dbbb1527cb', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), index.h("div", { key: '577734e5338a07b880dcf70f40ab34352fe9e1a7', class: "action" }, this.showLayoutToggle && index.h("gb-button-group", { key: 'ea62c5f326dbb877da014e310e94d66ff8a1af15', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (index.h("gb-button", { key: '6f3786b1b6d4f824607feebb8cf1f60f4060434b', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, index.h("p", { key: 'f01e62f86585c7c05830799eb44e74e82007e05f' }, "Columns"))), this.showFilter && (index.h("gb-filter-button", { key: '9dbd806bd3877818f6dc23f02cfdf1cfba3d6147', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, index.h("p", { key: '68ace95d59518fd83ccd6b167c7664f269929d1b', slot: "filter_count" }, this.filterCount))), this.showExport && (index.h("div", { key: '83cacfa6026f09ff2a9a0e1357c04ac94e7814e2', class: "export" }, index.h("gb-button", { key: '6b1bd76eaddf1c5b135a122750039015c4c1c881', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, index.h("p", { key: '7662aa7e0d55356b2674444335581ab4bd60a12d' }, "Export")), this.showExportDropdown && (index.h("gb-export-dropdown", { key: 'e8c0a3453c63ee29d38ebe10c6b1ce574334ea18', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: () => this.emitSelection.bind(this), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (index.h("div", { key: 'b599dcc5d6cb0f71ce71d05093f3b9b4244a87c5', class: "refresh_button" }, index.h("gb-button", { key: '37b9c47e46ae08f2155ce8b5b051f2f08cc7c32f', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -6825,7 +6837,7 @@ const GbTag = class {
     }
     render() {
         const flagSwap = index.getAssetPath(`${this.flagSwap}`);
-        return (index.h("div", { key: '3e078d393494ec35008298edeea0672555fc383d', class: `container ${this.size} ${this.action}` }, index.h("div", { key: '6de409927b920c31df43d866e23d22a2f090fc1c', class: `content ${this.size}` }, this.checkbox && index.h("gb-tag-checkbox", { key: '8426c0d0a2d3198dbfe60394bc94fdcfb9ac9c26', size: this.size }), this.icon === 'false' && index.h(index.Fragment, null), this.icon === 'country' && (index.h("div", { key: '5f729edb130278683404ac91a791f49f790a4770', class: "icon left-icon" }, index.h("img", { key: '92eae6c46bc9870791c0708d20c5f0279f8cc4f9', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (index.h("gb-avatar", { key: 'e2d1d8136947bd7ccedc216b5799404679387729', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, index.h("slot", { key: '2e7d28108247bc98ce6a5a0514a923f7a3a6a6ee', name: "image", slot: "image" }))), this.icon === 'dot' && (index.h("svg", { key: 'da80a6c62927d39b101a30987212e763c1cf9604', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, index.h("circle", { key: '524048008f53017dd04e338c2e73eab56dd4bc49', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), index.h("div", { key: '085fbd58eded03504cf2aed38c9b386948762745', class: "label" }, index.h("slot", { key: '732b0101056a73c21e546faa66dd187a7cd97ff8' })), this.action === 'count' && (index.h("gb-tag-count", { key: 'f72cd684fac36c2e65d263290ace3dd31249ef2c', size: this.size }, index.h("slot", { key: 'ad14423ec7a6b62a9c31ca69038e365c9885c56c', slot: "count", name: "count" })))), this.action === 'X_close' && index.h("gb-tag-close", { key: '0c2d671b76ae3783fc59bfc7cb9054be006cc9c6', size: this.size, onClick: () => this.onTagClose() })));
+        return (index.h("div", { key: '317ff8f29623d7c54a1f4861c875c8566447b1fe', class: `container ${this.size} ${this.action}` }, index.h("div", { key: 'e955513cd5d502ede1df5c24f290d54a3c699c11', class: `content ${this.size}` }, this.checkbox && index.h("gb-tag-checkbox", { key: 'fb0bb1cf146d0d1ecceca9fc2645d85263d5013c', size: this.size }), this.icon === 'false' && index.h(index.Fragment, null), this.icon === 'country' && (index.h("div", { key: '00de58b272426171fa604776183a6f1a7b79bb2c', class: "icon left-icon" }, index.h("img", { key: '5fdd1422bc23b6014d542c51b06fcfe77f8d49df', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (index.h("gb-avatar", { key: '4549a3596107e6365a7966454cf2b5110c2f1718', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, index.h("slot", { key: 'fac357ee8b9b91a054693eb4003dc2634f478c3a', name: "image", slot: "image" }))), this.icon === 'dot' && (index.h("svg", { key: '8043464f93af9eda70004a33c66287d5e9093123', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, index.h("circle", { key: '83a8de1b7b21da24ffd4096ba329fc4ec18bb229', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), index.h("div", { key: '4d7b0a703a823b79c6fdf463827dc7742da62ed8', class: "label" }, index.h("slot", { key: '0e9f6eabc4d2110e4b0e7337a248fbc4fe690a45' })), this.action === 'count' && (index.h("gb-tag-count", { key: '43739eae5d0a7ba11e6e41d284294545aef5c8d3', size: this.size }, index.h("slot", { key: '527580cacfe2d3c9f854cb53a94e817210eb491a', slot: "count", name: "count" })))), this.action === 'X_close' && index.h("gb-tag-close", { key: 'edd8ee81f0a5866169e20440809eecf0bdaaecd6', size: this.size, onClick: () => this.onTagClose() })));
     }
     get el() { return index.getElement(this); }
 };
@@ -6842,7 +6854,7 @@ const GbTagCheckbox = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("label", { key: '4c23c13c3af0cbb1cca23c571f467aebef3db7cf', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, index.h("input", { key: 'bfdfd90d3c8bd717db10fe78de3d5cb472f6710a', type: "checkbox", checked: this.checked, disabled: this.disabled }), index.h("span", { key: 'f6f2b4bb137b0488bd8f801b4590bc7050de83cb', class: `custom-checkbox ${this.size}` }, index.h("svg", { key: '0701f26866ada0fa5db99a43e828f9dccdeaa8e9', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, index.h("path", { key: '17463ddd08ec5de31c1264aa091e627f90a20ff9', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (index.h("label", { key: 'c445a61f46030d7bf1de7616d49530ad25342404', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, index.h("input", { key: '78948867c7267f9f5197b3a65c2c3d8d87bb858a', type: "checkbox", checked: this.checked, disabled: this.disabled }), index.h("span", { key: 'dadaf0ce352e23b512d4d1b29182549b65e72d9d', class: `custom-checkbox ${this.size}` }, index.h("svg", { key: '678082f355414b124c154586f0a39eef029c4f47', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, index.h("path", { key: '58c6ff794b933dc1bded1401b64db810ddcfeb3e', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
 };
 GbTagCheckbox.style = gbTagCheckboxCss;
@@ -6854,7 +6866,7 @@ const GbTagClose = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'e3fca030fb98959225aa249c4eb126b3b5b4e130', class: this.size }, index.h("svg", { key: '77e301145a4f3b75b1a2149901c5658e7606e56f', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("path", { key: '2d7351e22a7c5795b8711e24e0e3bcb613760a71', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (index.h("div", { key: '99f1c72e3e58c45edd4b31639c260f3a73992dc5', class: this.size }, index.h("svg", { key: 'df8522eab7e3a66781de7cbfb6af9ed24154276d', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, index.h("path", { key: '12e8a398338cdfa602755daefacd890c22561032', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
 };
 GbTagClose.style = gbTagCloseCss;
@@ -6866,7 +6878,7 @@ const GbTagCount = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'ca7e74b61d3f4021c9cd785a17ab08e7a9f8c81f', class: this.size }, index.h("slot", { key: '3416bc252692cb2ccdbc27919f9dc63f842dc2e0', name: "count" })));
+        return (index.h("div", { key: '6a29d85f6a14e5d7dc22fa5004e2d9beda73806c', class: this.size }, index.h("slot", { key: 'e3063eb772ad62ffa16d00dc98c9f74309f887d4', name: "count" })));
     }
 };
 GbTagCount.style = gbTagCountCss;
@@ -7078,12 +7090,12 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: '8a530da247720607e01b7ad8a5a99e42c00982fd', class: "textarea_container" }, index.h("div", { key: '2982c5e4fec284007bc1c0a853ef55b31ce1147e', class: "input_with_label" }, this.showLabel && index.h("p", { key: 'f2f4bd4fb975ce63ee47459615875a0c4014ff81', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '8bc4832ec064a6c666701daeb5ba8e30c30600fc', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (index.h("div", { key: 'df6d0f5d13d65432ebb67d8368199fc90af4efc8', class: "textarea_tags" }, index.h("div", { key: '8ee301a7d75f3e18af2f5eed0f1c34addb49fc0a', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: '335068d93e5047a21c804ee93f4ffb76dc06197b', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (index.h("div", { key: 'd9cfbd04f09bc9034974920c5d295f45d25656b6', class: "textarea_container" }, index.h("div", { key: '7407b456c968402d04ff61a07c977b9027f35cb3', class: "input_with_label" }, this.showLabel && index.h("p", { key: '1434eaffc4301bcb749323e8657de0f69a15641f', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '8130f308f8163b7d9b3ea8819e194ef368471527', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (index.h("div", { key: 'efae1a89f7c6a493179f2e163a7b0abd5bf72422', class: "textarea_tags" }, index.h("div", { key: 'a6c3f27cd1e06696ac6cfdbde4fd0368f97e7a0f', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: '8acab20df87d0c31704f6d75944ed5537205c333', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: '2b6639cfbed0e526e708a6c9e190d48867d793ae', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: '72bda5bde6bc8a69cdd25668150406d3c2f04374', class: "input_field" }, index.h("input", { key: '8d9f493455345d53436a0b19d5207aafce949bea', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: 'f2bd5399385a0b2812a812076084c521a68d5d68', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'f893cd5d1a8f32e8684d497c2326ea0cc54bd024', class: "input_field" }, index.h("input", { key: 'a1863cfad91d6039c0693a8abab4f55d141e177c', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: 'e1fe096b82be999d659456c2dcacdabd649b4026', class: "help_icon" }, index.h("svg", { key: '30e635e0918de20fec0ef3d9908787e93f827730', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '3d0bc0add73dd908f02117d0a5754078afaf0085', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: '7caff1062d89a7df0144b68ed2878f279be9003b', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: 'b374441dac6afb581c1d2d188a6d9aa033cced33', class: "help_icon" }, index.h("svg", { key: '829ae71d8939bebf8e5e27e338036215ce4ba8b0', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: 'dcb79bf03e5be422ce22010fb4eb704220abc56b', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: 'f526e7d85587ba61236605c16acd9c56625c1214', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [index.h("p", { slot: "name" }, item.objectName), index.h("p", { slot: "supporting_text" }, item.objectValue)]
             : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h(index.Fragment, null, !this.destructive ? index.h("p", { class: "hint_text text-sm-regular" }, this.hintText) : index.h("p", { class: "error_text text-sm-regular" }, this.errorText))));
     }
@@ -7117,7 +7129,7 @@ const GbThemeTab = class {
         const systemIconSrc = index.getAssetPath(`assets/laptop.svg`);
         const sunSrc = index.getAssetPath(`assets/sun-02.svg`);
         const moonSrc = index.getAssetPath(`assets/moon-02.svg`);
-        return (index.h("div", { key: '6508b84fd1b57cbd4e28b7fd0030e35dfe6eac85', class: `theme_tab_div` }, index.h("div", { key: 'ba4cf9bb716e4ad9f360a3a12f412070abe307e5', class: "tab" }, index.h("gb-icon-button-base", { key: '111d8367cbf28728affa5ffb99f5515c3be9297e', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), index.h("div", { key: '82e34c8762c3a87919f53360b668c5e12587151b', class: "tab" }, index.h("gb-icon-button-base", { key: '586cff690d32f441a1ffa62293cc372938a5a801', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), index.h("div", { key: '50a9c9a7e7c231da69c80666fb51347170a6278b', class: "tab" }, index.h("gb-icon-button-base", { key: '3a7f7007c123461f64ac03b2781fd84f411d084e', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (index.h("div", { key: 'd56314e3cc97c1204eef39022cce86ff207bcfd4', class: `theme_tab_div` }, index.h("div", { key: '1422ab8d717a870c766b6d2d18a48bfe79855864', class: "tab" }, index.h("gb-icon-button-base", { key: '06258252603ca4dfceee520fa0f27cb48b5818fc', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), index.h("div", { key: 'c600b271ad2f257ec3906c166f0cbc4994e2bde1', class: "tab" }, index.h("gb-icon-button-base", { key: 'bf6ce96d72b90714e132a4d6356269d70aadd7ed', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), index.h("div", { key: '1fc0232a1e37d35653a890bbdd052cffe8e6adcd', class: "tab" }, index.h("gb-icon-button-base", { key: 'c8d8b79a92e2748c9cc4bbf06c8cc5ef9d156e1e', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -7150,7 +7162,7 @@ const GbToast = class {
         this.close.emit();
     }
     render() {
-        return (index.h("div", { key: 'e518c7104ad3e84dc81dbcf3f08f93922e867be9', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: 'd330f460aadb800cd80f9c18b45a14d3f5279787', class: `icon_container` }, this.internalColor === 'success' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, index.h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "var(--color-icon-success, #079455)" }), index.h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "var(--color-icon-success, #079455)" }))) : this.color === 'error' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, index.h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "var(--color-icon-danger, #B51726)" }), index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "var(--color-icon-danger, #B51726)" }), index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "var(--color-icon-danger, #B51726)" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, index.h("path", { opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "var(--color-icon, #4B5565)" }), index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "var(--color-icon, #4B5565)" }), index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "var(--color-icon, #4B5565)" })))), index.h("div", { key: '6293617e2554f9e554b431f6d13aacf61d55153a', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'b8448c84fae93afd84cd6ec03afd921368ace467', class: `text ${!this.supportingText ? 'no_supporting_text' : ''} ${this.size}` }, index.h("p", { key: 'cee8f135df52e418269c692b27741c3173d5aae3', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && index.h("p", { key: '68a8a6c192546c1b58505a90b12f6a623cb127bc', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (index.h("div", { key: 'ce93c866285c8f63b9dc95d745450852e8f141aa', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, this.secondActionText && (index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, this.secondActionText))), this.firstActionText && (index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, this.firstActionText))))) : (index.h(index.Fragment, null, this.secondActionText && (index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.internalColor }, index.h("p", null, this.secondActionText))), this.firstActionText && (index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.internalColor }, index.h("p", null, this.firstActionText)))))))), this.xCloseButton && (index.h("gb-button-close", { key: '60b69a333e4c9d866a8fa4d52e48df66ac769d5b', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (index.h("div", { key: 'dd0af956ac284e2635cf9b7e6a984e8ed4801e91', class: `container ${this.breakpoint}` }, index.h("div", { key: '3070adebf2416c6e25635177c72cac5ae156c497', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '62d357990ff2d27a43fb27c47d33f8bca6993579', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: '7a99f5c56becf1d04b374e65a1da7e4c5c328227', class: `icon_container` }, index.h("svg", { key: '53a1a624c55b0a72452885440bd0ce02f21a0a96', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, index.h("path", { key: '12e77b75444d1366a70c73334efd97696318927c', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: 'dada4f220d51ccfcc9f682e87c784419b86be786', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: '54229f6817025c355d7e888f5291a15505b1e9b7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: 'f9dae7baefed50e7f9610862922a819c022545d8', class: `text ${this.size} ${this.breakpoint}` }, index.h("p", { key: '8ca45093fe612479ba8fd5c9b78955688aaef5a6', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && index.h("p", { key: '419687339e54d1ed9bcb5da0bbe6b84eec45a74b', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (index.h("div", { key: '7454917cae49d36d2a93f90e693137c18ccf2fd4', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, this.secondActionText && (index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, this.secondActionText))), this.firstActionText && (index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, this.firstActionText))))) : (index.h(index.Fragment, null, this.secondActionText && (index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.internalColor }, index.h("p", null, this.secondActionText))), this.firstActionText && (index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.internalColor }, index.h("p", null, this.firstActionText))))))), this.xCloseButton && (index.h("gb-button-close", { key: '6f58018a0f736d6747e6f8535d849fb294c4b839', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() })))))));
+        return (index.h("div", { key: '3c3cbe2b52d1400d2ed6d3111d976176af698778', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: 'ef7907746620d84157facc7172d3dd85c19ffc2d', class: `icon_container` }, this.internalColor === 'success' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, index.h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "var(--color-icon-success, #079455)" }), index.h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "var(--color-icon-success, #079455)" }))) : this.color === 'error' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, index.h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "var(--color-icon-danger, #B51726)" }), index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "var(--color-icon-danger, #B51726)" }), index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "var(--color-icon-danger, #B51726)" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, index.h("path", { opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "var(--color-icon, #4B5565)" }), index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "var(--color-icon, #4B5565)" }), index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "var(--color-icon, #4B5565)" })))), index.h("div", { key: '42705e254c52cc71f2e5a47dd4b2feca9638898c', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: '37610af8c88da90192cf03b4918c4aa46c21e046', class: `text ${!this.supportingText ? 'no_supporting_text' : ''} ${this.size}` }, index.h("p", { key: '58512fad1dd09f54e8bc2c41c730d159659cb18e', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && index.h("p", { key: 'aea4ecb440964c77de47899db16406101efaa783', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (index.h("div", { key: 'e403240cb9797d5906dea6dec73a5fc4965aefc9', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, this.secondActionText && (index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, this.secondActionText))), this.firstActionText && (index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, this.firstActionText))))) : (index.h(index.Fragment, null, this.secondActionText && (index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.internalColor }, index.h("p", null, this.secondActionText))), this.firstActionText && (index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.internalColor }, index.h("p", null, this.firstActionText)))))))), this.xCloseButton && (index.h("gb-button-close", { key: 'bc7307f9d9f8f8834c18cb39baf32c874c059798', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (index.h("div", { key: '0d584558a63cb9f889dcb550c40912c4f791b0c6', class: `container ${this.breakpoint}` }, index.h("div", { key: 'b6752dfbd6d4fb57ff8befe6b4b36f29e8693f92', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '7c80be4229378f4a46f20186fa83a26572318ecd', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: '73baf9d8a74901c2f795391a7e875e52b1a05073', class: `icon_container` }, index.h("svg", { key: 'b76da59f3b5b307ea26db3a3b5b49d80b74d5778', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, index.h("path", { key: '26ec970df0b055fda4649dda3ce4a305b8518d6d', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '8986170133f3bd973b227afbbdd0fcb8b6ab9ef8', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: '8f7dfcb510660c31d52e9314d7eed3acc6459cd2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '9889720fa5894ab08adee4cccada91ab8fb1697b', class: `text ${this.size} ${this.breakpoint}` }, index.h("p", { key: 'e86c760ca0695e79775920037221981c0c4e256b', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && index.h("p", { key: '3a46384fe4a4991737d9b29e062ca64836421b78', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (index.h("div", { key: 'ffd48cf7b7ab72986b0f834f1eabdc952885ccc0', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, this.secondActionText && (index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, this.secondActionText))), this.firstActionText && (index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, this.firstActionText))))) : (index.h(index.Fragment, null, this.secondActionText && (index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.internalColor }, index.h("p", null, this.secondActionText))), this.firstActionText && (index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.internalColor }, index.h("p", null, this.firstActionText))))))), this.xCloseButton && (index.h("gb-button-close", { key: '8e06063164df4580e3d40c4e2ec0e448ed8998ba', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -7170,7 +7182,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (index.h("div", { key: '0238679cd4992d4c629bd416543592d3197bdbc1', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '09c6745fec97c99a0feda2318490551a67b3229d' })));
+        return (index.h("div", { key: '4a882617ebee931dcd3676d33da43022ff0ee044', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: 'f7e0357d36d6c7c2eee53c66a286c4dba03ae1ff' })));
     }
     get el() { return index.getElement(this); }
 };
@@ -7223,7 +7235,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'd17abe3376413c65e83dd631866295df164a844c', class: `toggle_div ${this.size}` }, this.position === 'left' && (index.h(index.Fragment, null, this.text && (index.h("div", { key: '95c063cc0c5b560427c4940ec8c214f7c3764509', class: "text" }, index.h("slot", { key: '80284fd0697b66e5e72b73f6975762906aea9e16', name: "main_text" }), this.supportingText && index.h("slot", { key: '4f0bb92f5083b02fcc33af266e6b6c5872152b6d', name: "supporting_text" }))))), index.h("div", { key: 'd474e593a3152a118c974298d4e242014a0bb52f', class: "toggle_base" }, index.h("gb-toggle-base", { key: '5f3ea37f068ade62e58c3f5a42c4a7dada291d2f', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (index.h(index.Fragment, null, this.text && (index.h("div", { key: '59c7b5de79952892b9eb0d8afbdd76671b7a8bb7', class: "text" }, index.h("slot", { key: '58379c2fa422de75d03a9214f839d886d8498ef3', name: "main_text" }), this.supportingText && index.h("slot", { key: 'e88f936ef24df5b3e2ffb7e750bbd0e15b92f680', name: "supporting_text" })))))));
+        return (index.h("div", { key: '41486601b9c24fd0ba2dfc229412e025ef986d30', class: `toggle_div ${this.size}` }, this.position === 'left' && (index.h(index.Fragment, null, this.text && (index.h("div", { key: 'fb1ee558cc52244790e618bf32d61389a6a78726', class: "text" }, index.h("slot", { key: '0c30b59bcf004e260a95010932b347fe7b0b7f03', name: "main_text" }), this.supportingText && index.h("slot", { key: '386953da607300a2191fad9c7062ba327c6e1901', name: "supporting_text" }))))), index.h("div", { key: '0e9806b42ebbe5b2d8c42f651a312d098cb17f88', class: "toggle_base" }, index.h("gb-toggle-base", { key: 'a1976f7737a67b60e91fa65bf6f617cf10c26e46', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (index.h(index.Fragment, null, this.text && (index.h("div", { key: '77bd4a21a4d45d919518f3a17ff385b7c2d1cf20', class: "text" }, index.h("slot", { key: 'ca90d42236f3b3fe12e56a254e28762cdd6b155d', name: "main_text" }), this.supportingText && index.h("slot", { key: 'bf7e57792cbd9c3ecb8c4d89d75a471ac65a97ea', name: "supporting_text" })))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -7245,8 +7257,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            index.h("input", { key: '4a94b7beb8d9a1157732634b4561206e8d6652f6', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            index.h("label", { key: '02a63153b6b81dcc6d264c012addab0f1fec261e', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            index.h("input", { key: '57fc0576f7661e00d9434d9baa6523dba0e241a3', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            index.h("label", { key: '3476d38745a31172f3c347216148fbf4ef63e7ff', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
 };
@@ -7282,7 +7294,7 @@ const GbTooltip = class {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (index.h("div", { key: '99698bbc8b1a308b3a5c15c1daa2e99108274198', class: "tooltip_container" }, index.h("div", { key: '7658f99ca7b675ff4cde8c16495575e404cf8302', class: "tooltip" }, this.showArrow && index.h("div", { key: 'cfcb32d0c45e34f97ebb496f1bfdcd8ef7b85cd8', class: this.getArrowClass() }), index.h("div", { key: '393fc9cd22f6a4e4007c296a602c1d03eac8fcde', class: "tooltip_content" }, index.h("slot", { key: '8d30d5199d9a7ce2263bb1e2210fe389a606a830', name: "label" }), this.showSupportingText && index.h("slot", { key: '03db459b27f28aff120ff0f179dfe965ab829031', name: "supporting_text" })))));
+        return (index.h("div", { key: 'ce5dc58341f5074b9a52473275450d8cec83111d', class: "tooltip_container" }, index.h("div", { key: '929993f3a7208931c78f5a7b876a91451b95acec', class: "tooltip" }, this.showArrow && index.h("div", { key: '3ccecbdb0b384424474b4081193775a1f140de80', class: this.getArrowClass() }), index.h("div", { key: '72b132875b5e34d05ff6914178c89c72075fa8ce', class: "tooltip_content" }, index.h("slot", { key: '9a84a0f05a845721a8d75d9b9dc578b94e97b71d', name: "label" }), this.showSupportingText && index.h("slot", { key: 'fb7b29ce1435234101848339e0c81bd102c6586d', name: "supporting_text" })))));
     }
     get el() { return index.getElement(this); }
 };