npm - pixel-react - Versions diffs - 1.5.9 → 1.6.0 - Mend

pixel-react 1.5.9 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (79) hide show

package/.yarn/install-state.gz +0 -0
package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
package/lib/components/AddButton/AddButton.d.ts +5 -0
package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
package/lib/components/AddButton/index.d.ts +1 -0
package/lib/components/AddButton/types.d.ts +4 -0
package/lib/components/AttachImage/AttachImage.stories.d.ts +7 -0
package/lib/components/Charts/BarChart/BarChart.stories.d.ts +6 -0
package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +8 -0
package/lib/components/Charts/LineChart/LineChart.stories.d.ts +7 -0
package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +8 -0
package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +6 -0
package/lib/components/EditTextField/EditTextField.stories.d.ts +10 -0
package/lib/components/Editor/Editor.stories.d.ts +6 -0
package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +4 -0
package/lib/components/Excel/ExcelFile.stories.d.ts +6 -0
package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +14 -0
package/lib/components/ExcelFile/ImportExcelStyles.d.ts +24 -0
package/lib/components/FieldSet/FieldSet.d.ts +5 -0
package/lib/components/FieldSet/index.d.ts +1 -0
package/lib/components/FieldSet/types.d.ts +7 -0
package/lib/components/FileDropzone/types.d.ts +8 -0
package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +2 -0
package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
package/lib/components/MultiSelect/MultiSelect.stories.d.ts +1 -0
package/lib/components/MultiSelect/MultiSelectTypes.d.ts +1 -0
package/lib/components/Select/Select.stories.d.ts +1 -0
package/lib/components/StatusCard/StatusCard.stories.d.ts +11 -0
package/lib/components/TableTree/TableTree.d.ts +4 -24
package/lib/components/TableTree/data.d.ts +78 -273
package/lib/components/TableTree/types.d.ts +29 -0
package/lib/index.d.ts +98 -20
package/lib/index.esm.js +367 -370
package/lib/index.esm.js.map +1 -1
package/lib/index.js +371 -370
package/lib/index.js.map +1 -1
package/lib/tsconfig.tsbuildinfo +1 -1
package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +10 -0
package/package.json +2 -2
package/src/assets/icons/approval_pending.svg +8 -8
package/src/assets/icons/configuration.svg +3 -3
package/src/assets/icons/defects.svg +8 -8
package/src/assets/icons/element.svg +4 -4
package/src/assets/icons/export.svg +5 -0
package/src/assets/icons/import.svg +5 -0
package/src/assets/icons/info_icon.svg +4 -16
package/src/assets/icons/project_element.svg +4 -4
package/src/assets/icons/replace_file.svg +14 -0
package/src/assets/icons/step_group.svg +10 -10
package/src/assets/icons/variable.svg +3 -3
package/src/assets/icons/web_service_icon.svg +3 -0
package/src/components/Checkbox/Checkbox.tsx +1 -7
package/src/components/DragAndDrop/DragAndDropList.tsx +5 -4
package/src/components/FieldSet/FieldSet.scss +9 -0
package/src/components/FieldSet/FieldSet.stories.tsx +103 -0
package/src/components/FieldSet/FieldSet.tsx +29 -0
package/src/components/FieldSet/index.ts +1 -0
package/src/components/FieldSet/types.ts +8 -0
package/src/components/FileDropzone/FileDropzone.scss +1 -1
package/src/components/FileDropzone/FileDropzone.stories.tsx +15 -3
package/src/components/FileDropzone/FileDropzone.tsx +5 -0
package/src/components/FileDropzone/FilePreview.tsx +1 -1
package/src/components/FileDropzone/types.ts +8 -0
package/src/components/Icon/iconList.ts +11 -7
package/src/components/MultiSelect/Dropdown.tsx +7 -3
package/src/components/MultiSelect/MultiSelect.stories.tsx +6 -1
package/src/components/MultiSelect/MultiSelect.tsx +4 -20
package/src/components/MultiSelect/MultiSelectTypes.ts +2 -0
package/src/components/TableTree/TableTree.scss +154 -123
package/src/components/TableTree/TableTree.stories.tsx +10 -5
package/src/components/TableTree/TableTree.tsx +220 -287
package/src/components/TableTree/data.ts +677 -569
package/src/components/TableTree/types.ts +31 -0
package/src/components/Toast/Toast.tsx +1 -1
package/src/index.ts +8 -0
/package/lib/components/ExcelFile/{ColorBarselector → ColorBarSelector}/ColorBarSelector.d.ts +0 -0

package/lib/index.js CHANGED Viewed

@@ -48,11 +48,11 @@ function styleInject(css, ref) {
   }
 }
-var css_248z$1a = ":root {\n  --tooltip-bg-color: #1e161f;\n  --status-approved-text-color: #016102;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-text-color: #3c3838;\n  --status-approved-bg-color: #c6efcd;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-warning-bg-color: #fae2c6;\n  --status-skipped-bg-color: #c4c3c3;\n  --brand-color: #71347b;\n  --icons-default-color: #71347b;\n  --default-icon-color: #a3a3a3;\n  --default-color: #747474;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --system-color--error: #c50303;\n  --hover-color: #f7ebff;\n  --brand2-color: #610b86;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --description-text-color: #d9d9d9;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --text-color: #1e161f;\n  --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n  --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n  --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n  --file-details-bg: #ffffff;\n  --error-light: #e42525;\n  --tabs-label-default-color: tabs-label-default-color;\n  --tabs-label-active-color: tabs-label-active-color;\n  --tabs-border-color: tabs-border-color;\n  --tabs-bg-color: tabs-bg-color;\n  --tab-bg-color: tab-bg-color;\n  --toggle-button-bg-color: #ffffff;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-strip-color: #cfd1e2;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --toggle-strip-color: #cfd1e2;\n  --add-icon-hover-color: #431b4a;\n  --arrows-button-border-color: #ded1e5;\n  --arrow-button-bg-color: #ffffff;\n  --text-bg-highlight: #f5fb00;\n  --slider-table-color: #efe1f9;\n  --variable-dropdown-bg: #($variable-dropdown-bg);\n}\n\n.fontXs, .ff-button, .ff-button--small, .ff-button--medium {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd, .ff-button--large {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-button {\n  width: auto;\n  background-color: var(--primary-button-text-color);\n  border-radius: 4px;\n  padding: 4px 8px;\n  text-align: center;\n  text-decoration: none;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n}\n.ff-button--transparent {\n  background-color: transparent;\n}\n.ff-button--primary, .ff-button--delete, .ff-button--secondary {\n  position: relative;\n  cursor: pointer;\n  border-radius: 4px;\n  z-index: 1;\n  border: none;\n  overflow: hidden;\n}\n.ff-button--primary:before, .ff-button--delete:before, .ff-button--secondary:before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: 4px;\n  padding: 0.6px;\n  background: var(--primary-button-border);\n  mask: linear-gradient(var(--primary-button-text-color) 0 0) content-box, linear-gradient(var(--primary-button-text-color) 0 0);\n  mask-composite: exclude;\n  -webkit-mask: linear-gradient(var(--primary-button-text-color) 0 0) content-box, linear-gradient(var(--primary-button-text-color) 0 0);\n  -webkit-mask-composite: destination-out;\n  z-index: -1;\n}\n.ff-button--primary:hover, .ff-button--delete:hover, .ff-button--secondary:hover {\n  background: var(--primary-button-hover);\n}\n.ff-button--primary:disabled, .ff-button--delete:disabled, .ff-button--secondary:disabled {\n  opacity: 50%;\n  cursor: no-drop;\n}\n.ff-button--primary:disabled:before, .ff-button--delete:disabled:before, .ff-button--secondary:disabled:before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: 4px;\n  padding: 0.6px;\n  -webkit-mask-composite: destination-out;\n  mask-composite: exclude;\n  z-index: -1;\n}\n.ff-button--primary {\n  background: var(--primary-button-color);\n}\n.ff-button--primary:before {\n  background: var(--primary-button-border);\n}\n.ff-button--primary:hover {\n  background: var(--primary-button-hover);\n}\n.ff-button--delete {\n  background: var(--delete-button-color);\n  color: var(--primary-button-text-color);\n}\n.ff-button--delete:before {\n  background: var(--delete-button-border);\n}\n.ff-button--delete:hover {\n  background: var(--delete-button-hover);\n}\n.ff-button--warning {\n  background: var(--warning-button-color);\n  border: var(--warning-button-border);\n}\n.ff-button--secondary:before {\n  background: var(--primary-button-border);\n}\n.ff-button--secondary:hover {\n  background: var(--secondary-button-hover);\n}\n.ff-button--tertiary {\n  border: none;\n  background: var(--tertiary-button-color);\n}\n.ff-button--tertiary:hover {\n  background: var(--tertiary-button-hover);\n}\n.ff-button--tertiary:disabled {\n  opacity: 0.5;\n  cursor: no-drop;\n}\n.ff-button--small {\n  font-weight: 500;\n  padding: 4.5px 8px;\n  line-height: 15px;\n}\n.ff-button--medium {\n  font-weight: 500;\n  padding: 6px 12px;\n}\n.ff-button--large {\n  padding: 8px 16px;\n}\n.ff-button-primary--text {\n  color: var(--primary-button-text-color);\n}\n.ff-button-secondary--text, .ff-button-tertiary--text {\n  background: var(--secondary-button-color-text);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}";
-styleInject(css_248z$1a);
+var css_248z$1b = ":root {\n  --tooltip-bg-color: #1e161f;\n  --status-approved-text-color: #016102;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-text-color: #3c3838;\n  --status-approved-bg-color: #c6efcd;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-warning-bg-color: #fae2c6;\n  --status-skipped-bg-color: #c4c3c3;\n  --brand-color: #71347b;\n  --icons-default-color: #71347b;\n  --default-icon-color: #a3a3a3;\n  --default-color: #747474;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --system-color--error: #c50303;\n  --hover-color: #f7ebff;\n  --brand2-color: #610b86;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --description-text-color: #d9d9d9;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --text-color: #1e161f;\n  --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n  --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n  --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n  --file-details-bg: #ffffff;\n  --error-light: #e42525;\n  --tabs-label-default-color: tabs-label-default-color;\n  --tabs-label-active-color: tabs-label-active-color;\n  --tabs-border-color: tabs-border-color;\n  --tabs-bg-color: tabs-bg-color;\n  --tab-bg-color: tab-bg-color;\n  --toggle-button-bg-color: #ffffff;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-strip-color: #cfd1e2;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --toggle-strip-color: #cfd1e2;\n  --add-icon-hover-color: #431b4a;\n  --arrows-button-border-color: #ded1e5;\n  --arrow-button-bg-color: #ffffff;\n  --text-bg-highlight: #f5fb00;\n  --slider-table-color: #efe1f9;\n  --variable-dropdown-bg: #($variable-dropdown-bg);\n}\n\n.fontXs, .ff-button, .ff-button--small, .ff-button--medium {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd, .ff-button--large {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-button {\n  width: auto;\n  background-color: var(--primary-button-text-color);\n  border-radius: 4px;\n  padding: 4px 8px;\n  text-align: center;\n  text-decoration: none;\n  font-weight: 500;\n  cursor: pointer;\n  display: flex;\n  gap: 4px;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n}\n.ff-button--transparent {\n  background-color: transparent;\n}\n.ff-button--primary, .ff-button--delete, .ff-button--secondary {\n  position: relative;\n  cursor: pointer;\n  border-radius: 4px;\n  z-index: 1;\n  border: none;\n  overflow: hidden;\n}\n.ff-button--primary:before, .ff-button--delete:before, .ff-button--secondary:before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: 4px;\n  padding: 0.6px;\n  background: var(--primary-button-border);\n  mask: linear-gradient(var(--primary-button-text-color) 0 0) content-box, linear-gradient(var(--primary-button-text-color) 0 0);\n  mask-composite: exclude;\n  -webkit-mask: linear-gradient(var(--primary-button-text-color) 0 0) content-box, linear-gradient(var(--primary-button-text-color) 0 0);\n  -webkit-mask-composite: destination-out;\n  z-index: -1;\n}\n.ff-button--primary:hover, .ff-button--delete:hover, .ff-button--secondary:hover {\n  background: var(--primary-button-hover);\n}\n.ff-button--primary:disabled, .ff-button--delete:disabled, .ff-button--secondary:disabled {\n  opacity: 50%;\n  cursor: no-drop;\n}\n.ff-button--primary:disabled:before, .ff-button--delete:disabled:before, .ff-button--secondary:disabled:before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: 4px;\n  padding: 0.6px;\n  -webkit-mask-composite: destination-out;\n  mask-composite: exclude;\n  z-index: -1;\n}\n.ff-button--primary {\n  background: var(--primary-button-color);\n}\n.ff-button--primary:before {\n  background: var(--primary-button-border);\n}\n.ff-button--primary:hover {\n  background: var(--primary-button-hover);\n}\n.ff-button--delete {\n  background: var(--delete-button-color);\n  color: var(--primary-button-text-color);\n}\n.ff-button--delete:before {\n  background: var(--delete-button-border);\n}\n.ff-button--delete:hover {\n  background: var(--delete-button-hover);\n}\n.ff-button--warning {\n  background: var(--warning-button-color);\n  border: var(--warning-button-border);\n}\n.ff-button--secondary:before {\n  background: var(--primary-button-border);\n}\n.ff-button--secondary:hover {\n  background: var(--secondary-button-hover);\n}\n.ff-button--tertiary {\n  border: none;\n  background: var(--tertiary-button-color);\n}\n.ff-button--tertiary:hover {\n  background: var(--tertiary-button-hover);\n}\n.ff-button--tertiary:disabled {\n  opacity: 0.5;\n  cursor: no-drop;\n}\n.ff-button--small {\n  font-weight: 500;\n  padding: 4.5px 8px;\n  line-height: 15px;\n}\n.ff-button--medium {\n  font-weight: 500;\n  padding: 6px 12px;\n}\n.ff-button--large {\n  padding: 8px 16px;\n}\n.ff-button-primary--text {\n  color: var(--primary-button-text-color);\n}\n.ff-button-secondary--text, .ff-button-tertiary--text {\n  background: var(--secondary-button-color-text);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n}";
+styleInject(css_248z$1b);
-var css_248z$19 = ":root {\n  --tooltip-bg-color: #1e161f;\n  --status-approved-text-color: #016102;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-text-color: #3c3838;\n  --status-approved-bg-color: #c6efcd;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-warning-bg-color: #fae2c6;\n  --status-skipped-bg-color: #c4c3c3;\n  --brand-color: #71347b;\n  --icons-default-color: #71347b;\n  --default-icon-color: #a3a3a3;\n  --default-color: #747474;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --system-color--error: #c50303;\n  --hover-color: #f7ebff;\n  --brand2-color: #610b86;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --description-text-color: #d9d9d9;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --text-color: #1e161f;\n  --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n  --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n  --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n  --file-details-bg: #ffffff;\n  --error-light: #e42525;\n  --tabs-label-default-color: tabs-label-default-color;\n  --tabs-label-active-color: tabs-label-active-color;\n  --tabs-border-color: tabs-border-color;\n  --tabs-bg-color: tabs-bg-color;\n  --tab-bg-color: tab-bg-color;\n  --toggle-button-bg-color: #ffffff;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-strip-color: #cfd1e2;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --toggle-strip-color: #cfd1e2;\n  --add-icon-hover-color: #431b4a;\n  --arrows-button-border-color: #ded1e5;\n  --arrow-button-bg-color: #ffffff;\n  --text-bg-highlight: #f5fb00;\n  --slider-table-color: #efe1f9;\n  --variable-dropdown-bg: #($variable-dropdown-bg);\n}";
-styleInject(css_248z$19);
+var css_248z$1a = ":root {\n  --tooltip-bg-color: #1e161f;\n  --status-approved-text-color: #016102;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-text-color: #3c3838;\n  --status-approved-bg-color: #c6efcd;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-warning-bg-color: #fae2c6;\n  --status-skipped-bg-color: #c4c3c3;\n  --brand-color: #71347b;\n  --icons-default-color: #71347b;\n  --default-icon-color: #a3a3a3;\n  --default-color: #747474;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --system-color--error: #c50303;\n  --hover-color: #f7ebff;\n  --brand2-color: #610b86;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --description-text-color: #d9d9d9;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --text-color: #1e161f;\n  --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n  --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n  --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n  --file-details-bg: #ffffff;\n  --error-light: #e42525;\n  --tabs-label-default-color: tabs-label-default-color;\n  --tabs-label-active-color: tabs-label-active-color;\n  --tabs-border-color: tabs-border-color;\n  --tabs-bg-color: tabs-bg-color;\n  --tab-bg-color: tab-bg-color;\n  --toggle-button-bg-color: #ffffff;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-strip-color: #cfd1e2;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --toggle-strip-color: #cfd1e2;\n  --add-icon-hover-color: #431b4a;\n  --arrows-button-border-color: #ded1e5;\n  --arrow-button-bg-color: #ffffff;\n  --text-bg-highlight: #f5fb00;\n  --slider-table-color: #efe1f9;\n  --variable-dropdown-bg: #($variable-dropdown-bg);\n}";
+styleInject(css_248z$1a);
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -191,6 +191,8 @@ const SvgFilter = (props) => /* @__PURE__ */ React__namespace.createElement("svg
 const SvgAlert = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("mask", { id: "path-1-inside-1_6737_30635", fill: "white" }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.5326 0.217769C20.5315 -0.0725897 19.4684 -0.0725897 18.4674 0.217769C17.821 0.4053 17.2694 0.730828 16.7257 1.1273C16.2076 1.50513 15.618 2.00757 14.9165 2.6054L14.9165 2.60544L14.556 2.9126C13.9283 3.44749 13.757 3.58556 13.5806 3.68605C13.399 3.78954 13.2051 3.86986 13.0035 3.92509C12.8077 3.97875 12.5889 4.00232 11.7668 4.06791L11.2947 4.10558C10.3759 4.17888 9.6038 4.2405 8.97024 4.33971C8.30544 4.44384 7.68528 4.60362 7.09554 4.92817C6.18235 5.43072 5.4307 6.18235 4.92817 7.09554C4.6036 7.68528 4.44382 8.30544 4.33971 8.97024C4.2405 9.60367 4.17891 10.3757 4.10563 11.2942L4.10558 11.2947L4.06791 11.7668C4.00232 12.5889 3.97875 12.8077 3.9251 13.0035C3.86986 13.2051 3.78954 13.399 3.68605 13.5806C3.58554 13.757 3.44749 13.9284 2.91258 14.556L2.60542 14.9165C2.00757 15.618 1.50514 16.2076 1.1273 16.7258C0.730829 17.2693 0.4053 17.8209 0.217769 18.4674C-0.0725897 19.4685 -0.0725897 20.5314 0.217769 21.5325C0.4053 22.179 0.730829 22.7306 1.1273 23.2743C1.50512 23.7925 2.00757 24.382 2.6054 25.0834L2.91258 25.4439C3.44749 26.0715 3.58554 26.243 3.68605 26.4194C3.78954 26.601 3.86986 26.7949 3.9251 26.9966C3.97875 27.1922 4.00232 27.4111 4.06791 28.2331L4.10558 28.7052C4.17888 29.6241 4.24048 30.3961 4.33971 31.0296C4.44382 31.6944 4.6036 32.3146 4.92817 32.9044C5.4307 33.8176 6.18235 34.5692 7.09554 35.0717C7.68528 35.3964 8.30544 35.5561 8.97024 35.6603C9.60384 35.7595 10.376 35.8211 11.2949 35.8944L11.7668 35.932C12.5889 35.9976 12.8077 36.0212 13.0035 36.0748C13.2051 36.13 13.399 36.2105 13.5806 36.3139C13.757 36.4143 13.9283 36.5525 14.556 37.0873L14.9165 37.3946L14.9215 37.3988C15.6208 37.9947 16.2088 38.4958 16.7257 38.8726C17.2694 39.2691 17.821 39.5946 18.4674 39.7822C19.4684 40.0725 20.5315 40.0725 21.5326 39.7822C22.179 39.5946 22.7305 39.2691 23.2743 38.8726C23.7917 38.4954 24.3805 37.9936 25.0807 37.3968L25.0834 37.3946L25.4439 37.0873C26.0716 36.5525 26.2431 36.4143 26.4193 36.3139C26.601 36.2105 26.7948 36.13 26.9965 36.0748C27.1923 36.0212 27.411 35.9976 28.2332 35.932L28.7051 35.8944C29.624 35.8211 30.3962 35.7595 31.0298 35.6603C31.6945 35.5561 32.3147 35.3964 32.9045 35.0717C33.8175 34.5692 34.5693 33.8176 35.0719 32.9044C35.3964 32.3146 35.5562 31.6944 35.6602 31.0296C35.7595 30.3961 35.8211 29.6239 35.8943 28.705L35.9321 28.2331C35.9977 27.4111 36.0211 27.1922 36.0749 26.9966C36.1301 26.7949 36.2104 26.601 36.3138 26.4194C36.4144 26.243 36.5525 26.0715 37.0874 25.4439L37.3947 25.0834L37.4 25.0772C37.9954 24.3783 38.4959 23.7909 38.8727 23.2743C39.2692 22.7306 39.5947 22.179 39.7821 21.5325C40.0726 20.5314 40.0726 19.4685 39.7821 18.4674C39.5947 17.8209 39.2692 17.2693 38.8727 16.7258C38.4948 16.2076 37.9925 15.618 37.3945 14.9165L37.0874 14.556C36.5525 13.9284 36.4144 13.757 36.3138 13.5806C36.2104 13.399 36.1301 13.2051 36.0749 13.0035C36.0211 12.8077 35.9977 12.5889 35.9321 11.7668L35.8943 11.2949C35.8211 10.376 35.7595 9.60384 35.6602 8.97024C35.5562 8.30544 35.3964 7.68528 35.0719 7.09554C34.5693 6.18235 33.8175 5.4307 32.9045 4.92817C32.3147 4.60362 31.6945 4.44384 31.0298 4.33971C30.3962 4.2405 29.624 4.17888 28.7051 4.10558L28.2332 4.06791C27.411 4.00232 27.1923 3.97875 26.9965 3.92509C26.7948 3.86986 26.601 3.78954 26.4193 3.68605C26.2431 3.58556 26.0716 3.44749 25.4439 2.9126L25.0836 2.60544L25.0811 2.60331C24.3806 2.0064 23.7918 1.50469 23.2743 1.1273C22.7305 0.730828 22.179 0.4053 21.5326 0.217769ZM21.5965 26.4035C21.5965 27.2712 20.8677 28 20 28C19.1323 28 18.4035 27.2712 18.4035 26.4035C18.4035 25.5358 19.1323 24.8069 20 24.8069C20.8677 24.8069 21.5965 25.5358 21.5965 26.4035ZM22.1865 14.1866C22.1865 12.9718 21.2147 12 20 12C18.7852 12 17.8134 12.9718 17.8134 14.1866C17.8134 15.4013 18.7852 23.731 20 23.731C21.2147 23.731 22.1865 15.4013 22.1865 14.1866Z" })), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.5326 0.217769C20.5315 -0.0725897 19.4684 -0.0725897 18.4674 0.217769C17.821 0.4053 17.2694 0.730828 16.7257 1.1273C16.2076 1.50513 15.618 2.00757 14.9165 2.6054L14.9165 2.60544L14.556 2.9126C13.9283 3.44749 13.757 3.58556 13.5806 3.68605C13.399 3.78954 13.2051 3.86986 13.0035 3.92509C12.8077 3.97875 12.5889 4.00232 11.7668 4.06791L11.2947 4.10558C10.3759 4.17888 9.6038 4.2405 8.97024 4.33971C8.30544 4.44384 7.68528 4.60362 7.09554 4.92817C6.18235 5.43072 5.4307 6.18235 4.92817 7.09554C4.6036 7.68528 4.44382 8.30544 4.33971 8.97024C4.2405 9.60367 4.17891 10.3757 4.10563 11.2942L4.10558 11.2947L4.06791 11.7668C4.00232 12.5889 3.97875 12.8077 3.9251 13.0035C3.86986 13.2051 3.78954 13.399 3.68605 13.5806C3.58554 13.757 3.44749 13.9284 2.91258 14.556L2.60542 14.9165C2.00757 15.618 1.50514 16.2076 1.1273 16.7258C0.730829 17.2693 0.4053 17.8209 0.217769 18.4674C-0.0725897 19.4685 -0.0725897 20.5314 0.217769 21.5325C0.4053 22.179 0.730829 22.7306 1.1273 23.2743C1.50512 23.7925 2.00757 24.382 2.6054 25.0834L2.91258 25.4439C3.44749 26.0715 3.58554 26.243 3.68605 26.4194C3.78954 26.601 3.86986 26.7949 3.9251 26.9966C3.97875 27.1922 4.00232 27.4111 4.06791 28.2331L4.10558 28.7052C4.17888 29.6241 4.24048 30.3961 4.33971 31.0296C4.44382 31.6944 4.6036 32.3146 4.92817 32.9044C5.4307 33.8176 6.18235 34.5692 7.09554 35.0717C7.68528 35.3964 8.30544 35.5561 8.97024 35.6603C9.60384 35.7595 10.376 35.8211 11.2949 35.8944L11.7668 35.932C12.5889 35.9976 12.8077 36.0212 13.0035 36.0748C13.2051 36.13 13.399 36.2105 13.5806 36.3139C13.757 36.4143 13.9283 36.5525 14.556 37.0873L14.9165 37.3946L14.9215 37.3988C15.6208 37.9947 16.2088 38.4958 16.7257 38.8726C17.2694 39.2691 17.821 39.5946 18.4674 39.7822C19.4684 40.0725 20.5315 40.0725 21.5326 39.7822C22.179 39.5946 22.7305 39.2691 23.2743 38.8726C23.7917 38.4954 24.3805 37.9936 25.0807 37.3968L25.0834 37.3946L25.4439 37.0873C26.0716 36.5525 26.2431 36.4143 26.4193 36.3139C26.601 36.2105 26.7948 36.13 26.9965 36.0748C27.1923 36.0212 27.411 35.9976 28.2332 35.932L28.7051 35.8944C29.624 35.8211 30.3962 35.7595 31.0298 35.6603C31.6945 35.5561 32.3147 35.3964 32.9045 35.0717C33.8175 34.5692 34.5693 33.8176 35.0719 32.9044C35.3964 32.3146 35.5562 31.6944 35.6602 31.0296C35.7595 30.3961 35.8211 29.6239 35.8943 28.705L35.9321 28.2331C35.9977 27.4111 36.0211 27.1922 36.0749 26.9966C36.1301 26.7949 36.2104 26.601 36.3138 26.4194C36.4144 26.243 36.5525 26.0715 37.0874 25.4439L37.3947 25.0834L37.4 25.0772C37.9954 24.3783 38.4959 23.7909 38.8727 23.2743C39.2692 22.7306 39.5947 22.179 39.7821 21.5325C40.0726 20.5314 40.0726 19.4685 39.7821 18.4674C39.5947 17.8209 39.2692 17.2693 38.8727 16.7258C38.4948 16.2076 37.9925 15.618 37.3945 14.9165L37.0874 14.556C36.5525 13.9284 36.4144 13.757 36.3138 13.5806C36.2104 13.399 36.1301 13.2051 36.0749 13.0035C36.0211 12.8077 35.9977 12.5889 35.9321 11.7668L35.8943 11.2949C35.8211 10.376 35.7595 9.60384 35.6602 8.97024C35.5562 8.30544 35.3964 7.68528 35.0719 7.09554C34.5693 6.18235 33.8175 5.4307 32.9045 4.92817C32.3147 4.60362 31.6945 4.44384 31.0298 4.33971C30.3962 4.2405 29.624 4.17888 28.7051 4.10558L28.2332 4.06791C27.411 4.00232 27.1923 3.97875 26.9965 3.92509C26.7948 3.86986 26.601 3.78954 26.4193 3.68605C26.2431 3.58556 26.0716 3.44749 25.4439 2.9126L25.0836 2.60544L25.0811 2.60331C24.3806 2.0064 23.7918 1.50469 23.2743 1.1273C22.7305 0.730828 22.179 0.4053 21.5326 0.217769ZM21.5965 26.4035C21.5965 27.2712 20.8677 28 20 28C19.1323 28 18.4035 27.2712 18.4035 26.4035C18.4035 25.5358 19.1323 24.8069 20 24.8069C20.8677 24.8069 21.5965 25.5358 21.5965 26.4035ZM22.1865 14.1866C22.1865 12.9718 21.2147 12 20 12C18.7852 12 17.8134 12.9718 17.8134 14.1866C17.8134 15.4013 18.7852 23.731 20 23.731C21.2147 23.731 22.1865 15.4013 22.1865 14.1866Z", fill: "url(#paint0_linear_6737_30635)" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M18.4674 0.217769L18.1888 -0.742648L18.1887 -0.742627L18.4674 0.217769ZM21.5326 0.217769L21.8112 -0.742627L21.8112 -0.742648L21.5326 0.217769ZM16.7257 1.1273L16.1365 0.319278L16.1365 0.319311L16.7257 1.1273ZM14.9165 2.6054L15.5567 3.37367L15.5651 3.3665L14.9165 2.6054ZM14.9165 2.60544L14.2762 1.83717L14.2678 1.84432L14.9165 2.60544ZM14.556 2.9126L15.2046 3.67372L15.2046 3.67371L14.556 2.9126ZM13.5806 3.68605L13.0855 2.81718L13.0855 2.81719L13.5806 3.68605ZM13.0035 3.92509L12.7393 2.96063L12.7392 2.96066L13.0035 3.92509ZM11.7668 4.06791L11.8464 5.06475L11.8464 5.06474L11.7668 4.06791ZM11.2947 4.10558L11.3742 5.10242L11.3743 5.10242L11.2947 4.10558ZM8.97024 4.33971L8.81554 3.35175L8.8155 3.35175L8.97024 4.33971ZM7.09554 4.92817L6.6134 4.05207L6.61339 4.05207L7.09554 4.92817ZM4.92817 7.09554L5.80425 7.57769L5.80427 7.57766L4.92817 7.09554ZM4.33971 8.97024L5.32766 9.12498L5.32767 9.12496L4.33971 8.97024ZM4.10563 11.2942L5.10245 11.3738L5.10246 11.3737L4.10563 11.2942ZM4.10558 11.2947L3.10876 11.2151L3.10875 11.2152L4.10558 11.2947ZM4.06791 11.7668L5.06475 11.8464V11.8464L4.06791 11.7668ZM3.9251 13.0035L2.96066 12.7392L2.96063 12.7393L3.9251 13.0035ZM3.68605 13.5806L4.55487 14.0757L4.55491 14.0757L3.68605 13.5806ZM2.91258 14.556L2.15148 13.9074L2.15145 13.9074L2.91258 14.556ZM2.60542 14.9165L3.36652 15.5651L3.36655 15.5651L2.60542 14.9165ZM1.1273 16.7258L1.93521 17.3151L1.93528 17.315L1.1273 16.7258ZM0.217769 18.4674L1.17819 18.746L1.17819 18.746L0.217769 18.4674ZM0.217769 21.5325L1.17819 21.2539L1.17819 21.2539L0.217769 21.5325ZM1.1273 23.2743L0.319278 23.8635L0.319297 23.8635L1.1273 23.2743ZM2.6054 25.0834L3.36654 24.4349L3.36646 24.4348L2.6054 25.0834ZM2.91258 25.4439L2.15144 26.0925L2.15152 26.0926L2.91258 25.4439ZM3.68605 26.4194L2.81713 26.9143L2.81716 26.9144L3.68605 26.4194ZM3.9251 26.9966L2.96062 27.2607L2.9607 27.261L3.9251 26.9966ZM4.06791 28.2331L5.06475 28.1536L5.06474 28.1535L4.06791 28.2331ZM4.10558 28.7052L5.10242 28.6257L5.10242 28.6257L4.10558 28.7052ZM4.33971 31.0296L5.32767 30.8749L5.32766 30.8749L4.33971 31.0296ZM4.92817 32.9044L5.80428 32.4223L5.80426 32.4222L4.92817 32.9044ZM7.09554 35.0717L7.57783 34.1957L7.57766 34.1956L7.09554 35.0717ZM8.97024 35.6603L8.81535 36.6482L8.81552 36.6483L8.97024 35.6603ZM11.2949 35.8944L11.3743 34.8975L11.3743 34.8975L11.2949 35.8944ZM11.7668 35.932L11.8464 34.9352L11.8463 34.9351L11.7668 35.932ZM13.0035 36.0748L12.7393 37.0393H12.7393L13.0035 36.0748ZM13.5806 36.3139L13.0858 37.1829L13.0858 37.1829L13.5806 36.3139ZM14.556 37.0873L15.2047 36.3263L15.2045 36.3261L14.556 37.0873ZM14.9165 37.3946L14.2678 38.1556L14.2678 38.1556L14.9165 37.3946ZM14.9215 37.3988L14.2727 38.1598L14.2729 38.1599L14.9215 37.3988ZM16.7257 38.8726L17.3149 38.0646L17.3147 38.0645L16.7257 38.8726ZM18.4674 39.7822L18.1886 40.7426L18.1889 40.7427L18.4674 39.7822ZM21.5326 39.7822L21.8111 40.7427L21.8114 40.7426L21.5326 39.7822ZM23.2743 38.8726L22.6852 38.0645L22.6851 38.0646L23.2743 38.8726ZM25.0807 37.3968L24.4323 36.6355L24.4321 36.6358L25.0807 37.3968ZM25.0834 37.3946L25.7317 38.1559L25.7321 38.1556L25.0834 37.3946ZM25.4439 37.0873L24.7954 36.326L24.7951 36.3263L25.4439 37.0873ZM26.4193 36.3139L25.9245 35.4449L25.9243 35.445L26.4193 36.3139ZM26.9965 36.0748L26.7324 35.1103L26.7324 35.1103L26.9965 36.0748ZM28.2332 35.932L28.1538 34.9351L28.1537 34.9352L28.2332 35.932ZM28.7051 35.8944L28.6257 34.8975L28.6257 34.8975L28.7051 35.8944ZM31.0298 35.6603L31.1845 36.6483L31.1847 36.6482L31.0298 35.6603ZM32.9045 35.0717L32.4223 34.1957L32.4222 34.1957L32.9045 35.0717ZM35.0719 32.9044L35.948 33.3865L35.948 33.3864L35.0719 32.9044ZM35.6602 31.0296L34.6723 30.8749L34.6722 30.875L35.6602 31.0296ZM35.8943 28.705L34.8975 28.6252L34.8974 28.6256L35.8943 28.705ZM35.9321 28.2331L36.9289 28.313L36.9289 28.3127L35.9321 28.2331ZM36.0749 26.9966L37.0391 27.2618L37.0394 27.2606L36.0749 26.9966ZM36.3138 26.4194L35.4451 25.924L35.4448 25.9246L36.3138 26.4194ZM37.0874 25.4439L37.8484 26.0926L37.8485 26.0926L37.0874 25.4439ZM37.3947 25.0834L38.1557 25.7321L38.1559 25.732L37.3947 25.0834ZM37.4 25.0772L36.6388 24.4286L36.6388 24.4287L37.4 25.0772ZM38.8727 23.2743L39.6806 23.8636L39.6807 23.8635L38.8727 23.2743ZM39.7821 21.5325L38.8218 21.2538L38.8217 21.254L39.7821 21.5325ZM39.7821 18.4674L38.8217 18.7459L38.8218 18.7461L39.7821 18.4674ZM38.8727 16.7258L38.0648 17.315L38.0648 17.3151L38.8727 16.7258ZM37.3945 14.9165L36.6333 15.565L36.6335 15.5652L37.3945 14.9165ZM37.0874 14.556L37.8486 13.9075L37.8485 13.9074L37.0874 14.556ZM36.3138 13.5806L35.4448 14.0754L35.4452 14.0762L36.3138 13.5806ZM36.0749 13.0035L37.0394 12.7393L37.0392 12.7384L36.0749 13.0035ZM35.9321 11.7668L36.9289 11.6873L36.9289 11.687L35.9321 11.7668ZM35.8943 11.2949L34.8974 11.3743L34.8975 11.3747L35.8943 11.2949ZM35.6602 8.97024L34.6722 9.12484L34.6723 9.12497L35.6602 8.97024ZM35.0719 7.09554L35.948 6.61347L35.948 6.61341L35.0719 7.09554ZM32.9045 4.92817L33.3867 4.0521L33.3866 4.05206L32.9045 4.92817ZM31.0298 4.33971L31.1845 3.35175L31.1845 3.35175L31.0298 4.33971ZM28.7051 4.10558L28.6256 5.10241L28.6256 5.10242L28.7051 4.10558ZM28.2332 4.06791L28.3128 3.07108L28.3127 3.07108L28.2332 4.06791ZM26.9965 3.92509L27.2607 2.96063L27.2607 2.96062L26.9965 3.92509ZM26.4193 3.68605L25.924 4.55477L25.9243 4.55494L26.4193 3.68605ZM25.4439 2.9126L24.7951 3.67359L24.7953 3.67377L25.4439 2.9126ZM25.0836 2.60544L25.7323 1.84445L25.7322 1.84433L25.0836 2.60544ZM25.0811 2.60331L25.7297 1.8422L25.7296 1.84217L25.0811 2.60331ZM23.2743 1.1273L23.8635 0.319312L23.8634 0.319278L23.2743 1.1273ZM18.7459 1.17819C19.565 0.940605 20.4349 0.940605 21.254 1.17819L21.8112 -0.742648C20.6281 -1.08578 19.3718 -1.08578 18.1888 -0.742648L18.7459 1.17819ZM17.3148 1.93531C17.8106 1.57388 18.2551 1.3206 18.746 1.17817L18.1887 -0.742627C17.3869 -0.509998 16.7283 -0.112221 16.1365 0.319278L17.3148 1.93531ZM15.5651 3.3665C16.2767 2.76012 16.8341 2.28589 17.3149 1.93528L16.1365 0.319311C15.581 0.724374 14.9593 1.25503 14.2679 1.8443L15.5651 3.3665ZM15.5566 3.37366L15.5567 3.37362L14.2763 1.83718L14.2763 1.83722L15.5566 3.37366ZM15.2046 3.67371L15.5651 3.36655L14.2678 1.84432L13.9074 2.15149L15.2046 3.67371ZM14.0756 4.55492C14.3539 4.39637 14.6095 4.18091 15.2046 3.67372L13.9074 2.15148C13.2472 2.71406 13.16 2.77475 13.0855 2.81718L14.0756 4.55492ZM13.2677 4.88956C13.55 4.81221 13.8214 4.69975 14.0757 4.55491L13.0855 2.81719C12.9765 2.87933 12.8601 2.92751 12.7393 2.96063L13.2677 4.88956ZM11.8464 5.06474C12.6259 5.00254 12.9589 4.97418 13.2678 4.88953L12.7392 2.96066C12.6565 2.98332 12.5519 3.00209 11.6873 3.07108L11.8464 5.06474ZM11.3743 5.10242L11.8464 5.06475L11.6873 3.07108L11.2152 3.10875L11.3743 5.10242ZM9.12495 5.32767C9.71284 5.23561 10.4423 5.17676 11.3742 5.10242L11.2152 3.10875C10.3095 3.181 9.49475 3.24539 8.81554 3.35175L9.12495 5.32767ZM7.57767 5.80426C8.02556 5.55778 8.51892 5.42259 9.12499 5.32766L8.8155 3.35175C8.09197 3.46508 7.34499 3.64946 6.6134 4.05207L7.57767 5.80426ZM5.80427 7.57766C6.21545 6.83048 6.83046 6.21548 7.57768 5.80426L6.61339 4.05207C5.53423 4.64597 4.64596 5.53421 4.05207 6.61341L5.80427 7.57766ZM5.32767 9.12496C5.42257 8.51891 5.55776 8.02557 5.80425 7.57769L4.05208 6.61338C3.64944 7.34498 3.46506 8.09198 3.35175 8.81553L5.32767 9.12496ZM5.10246 11.3737C5.17679 10.442 5.23561 9.71273 5.32766 9.12498L3.35175 8.81551C3.24539 9.49461 3.18103 10.3093 3.1088 11.2147L5.10246 11.3737ZM5.10241 11.3744L5.10245 11.3738L3.1088 11.2145L3.10876 11.2151L5.10241 11.3744ZM5.06475 11.8464L5.10242 11.3743L3.10875 11.2152L3.07108 11.6873L5.06475 11.8464ZM4.88953 13.2678C4.97418 12.9589 5.00254 12.6259 5.06475 11.8464L3.07108 11.6873C3.00209 12.5519 2.98332 12.6565 2.96066 12.7392L4.88953 13.2678ZM4.55491 14.0757C4.69975 13.8215 4.81221 13.55 4.88956 13.2677L2.96063 12.7393C2.92751 12.8601 2.87933 12.9765 2.81719 13.0855L4.55491 14.0757ZM3.67368 15.2047C4.18097 14.6094 4.39633 14.3539 4.55487 14.0757L2.81723 13.0855C2.77476 13.16 2.714 13.2473 2.15148 13.9074L3.67368 15.2047ZM3.36655 15.5651L3.67371 15.2046L2.15145 13.9074L1.84428 14.2679L3.36655 15.5651ZM1.93528 17.315C2.28591 16.8342 2.76017 16.2766 3.36652 15.5651L1.84431 14.2678C1.25498 14.9594 0.724372 15.5811 0.319312 16.1366L1.93528 17.315ZM1.17819 18.746C1.32062 18.2549 1.57388 17.8104 1.93521 17.3151L0.319382 16.1365C-0.112223 16.7282 -0.510022 17.3868 -0.742651 18.1889L1.17819 18.746ZM1.17819 21.2539C0.940605 20.4348 0.940605 19.5651 1.17819 18.746L-0.742648 18.1889C-1.08578 19.3719 -1.08578 20.628 -0.742648 21.811L1.17819 21.2539ZM1.93531 22.6852C1.57389 22.1895 1.32062 21.745 1.17819 21.2539L-0.742651 21.811C-0.510024 22.6131 -0.112232 23.2717 0.319278 23.8635L1.93531 22.6852ZM3.36646 24.4348C2.7601 23.7234 2.28587 23.1659 1.9353 22.6852L0.319297 23.8635C0.724372 24.419 1.25505 25.0407 1.84434 25.7321L3.36646 24.4348ZM3.67373 24.7954L3.36654 24.4349L1.84425 25.732L2.15144 26.0925L3.67373 24.7954ZM4.55497 25.9245C4.39638 25.646 4.18096 25.3905 3.67364 24.7953L2.15152 26.0926C2.71401 26.7526 2.77471 26.8399 2.81713 26.9143L4.55497 25.9245ZM4.88957 26.7324C4.81221 26.4499 4.69974 26.1786 4.55494 25.9244L2.81716 26.9144C2.87933 27.0235 2.92751 27.1399 2.96062 27.2607L4.88957 26.7324ZM5.06474 28.1535C5.00255 27.3741 4.97419 27.0409 4.88949 26.7321L2.9607 27.261C2.98331 27.3435 3.00209 27.448 3.07108 28.3126L5.06474 28.1535ZM5.10242 28.6257L5.06475 28.1536L3.07108 28.3126L3.10875 28.7848L5.10242 28.6257ZM5.32766 30.8749C5.23559 30.287 5.17676 29.5577 5.10242 28.6257L3.10875 28.7847C3.181 29.6905 3.24537 30.5051 3.35175 31.1844L5.32766 30.8749ZM5.80426 32.4222C5.55776 31.9743 5.42257 31.481 5.32767 30.8749L3.35175 31.1844C3.46506 31.9079 3.64944 32.6549 4.05208 33.3865L5.80426 32.4222ZM7.57766 34.1956C6.83046 33.7845 6.21546 33.1695 5.80428 32.4223L4.05205 33.3865C4.64595 34.4657 5.53424 35.354 6.61341 35.9478L7.57766 34.1956ZM9.12513 34.6724C8.51878 34.5773 8.02556 34.4422 7.57783 34.1957L6.61324 35.9478C7.34499 36.3506 8.09211 36.5348 8.81535 36.6482L9.12513 34.6724ZM11.3743 34.8975C10.4424 34.8233 9.71286 34.7644 9.12497 34.6723L8.81552 36.6483C9.49481 36.7546 10.3097 36.819 11.2154 36.8912L11.3743 34.8975ZM11.8463 34.9351L11.3743 34.8975L11.2154 36.8912L11.6874 36.9288L11.8463 34.9351ZM13.2676 35.1103C12.9589 35.0258 12.6261 34.9974 11.8464 34.9352L11.6873 36.9288C12.5517 36.9978 12.6565 37.0166 12.7393 37.0393L13.2676 35.1103ZM14.0754 35.4449C13.8216 35.3004 13.5503 35.1877 13.2676 35.1103L12.7393 37.0393C12.8599 37.0723 12.9763 37.1205 13.0858 37.1829L14.0754 35.4449ZM15.2045 36.3261C14.6098 35.8194 14.3539 35.6034 14.0754 35.4449L13.0858 37.1829C13.1601 37.2252 13.2469 37.2857 13.9075 37.8485L15.2045 36.3261ZM15.5652 36.6336L15.2047 36.3263L13.9073 37.8483L14.2678 38.1556L15.5652 36.6336ZM15.5702 36.6378L15.5652 36.6335L14.2678 38.1556L14.2727 38.1598L15.5702 36.6378ZM17.3147 38.0645C16.8352 37.7149 16.2794 37.2421 15.5701 36.6377L14.2729 38.1599C14.9621 38.7473 15.5823 39.2766 16.1366 39.6807L17.3147 38.0645ZM18.7462 38.8219C18.2551 38.6793 17.8105 38.426 17.3149 38.0646L16.1365 39.6806C16.7284 40.1122 17.3869 40.5098 18.1886 40.7426L18.7462 38.8219ZM21.2541 38.8218C20.4349 39.0593 19.565 39.0593 18.7459 38.8218L18.1889 40.7427C19.3719 41.0857 20.6281 41.0857 21.8111 40.7427L21.2541 38.8218ZM22.6851 38.0646C22.1894 38.426 21.7449 38.6793 21.2538 38.8219L21.8114 40.7426C22.6131 40.5098 23.2716 40.1122 23.8635 39.6806L22.6851 38.0646ZM24.4321 36.6358C23.7218 37.2411 23.1653 37.7146 22.6852 38.0645L23.8633 39.6807C24.4182 39.2761 25.0392 38.7461 25.7293 38.1579L24.4321 36.6358ZM24.435 36.6332L24.4323 36.6355L25.7291 38.1582L25.7317 38.1559L24.435 36.6332ZM24.7951 36.3263L24.4347 36.6335L25.7321 38.1556L26.0926 37.8483L24.7951 36.3263ZM25.9243 35.445C25.6462 35.6035 25.3904 35.8192 24.7954 36.326L26.0923 37.8485C26.7529 37.2859 26.84 37.2251 26.9144 37.1827L25.9243 35.445ZM26.7324 35.1103C26.4496 35.1877 26.1783 35.3004 25.9245 35.4449L26.9141 37.1829C27.0236 37.1205 27.14 37.0723 27.2606 37.0393L26.7324 35.1103ZM28.1537 34.9352C27.3737 34.9974 27.0412 35.0258 26.7324 35.1103L27.2605 37.0393C27.3435 37.0166 27.4483 36.9978 28.3128 36.9288L28.1537 34.9352ZM28.6257 34.8975L28.1538 34.9351L28.3127 36.9288L28.7846 36.8912L28.6257 34.8975ZM30.875 34.6723C30.2872 34.7644 29.5576 34.8233 28.6257 34.8975L28.7846 36.8912C29.6904 36.819 30.5052 36.7546 31.1845 36.6483L30.875 34.6723ZM32.4222 34.1957C31.9744 34.4422 31.4812 34.5773 30.8749 34.6724L31.1847 36.6482C31.9079 36.5348 32.655 36.3506 33.3868 35.9478L32.4222 34.1957ZM34.1958 32.4223C33.7846 33.1694 33.1695 33.7844 32.4223 34.1957L33.3867 35.9478C34.4656 35.354 35.354 34.4658 35.948 33.3865L34.1958 32.4223ZM34.6722 30.875C34.5774 31.4809 34.4422 31.9743 34.1957 32.4223L35.948 33.3864C36.3505 32.6549 36.535 31.9079 36.6482 31.1843L34.6722 30.875ZM34.8974 28.6256C34.8232 29.5575 34.7643 30.2871 34.6723 30.8749L36.6482 31.1844C36.7546 30.5051 36.819 29.6902 36.8911 28.7845L34.8974 28.6256ZM34.9353 28.1532L34.8975 28.6252L36.8911 28.7849L36.9289 28.313L34.9353 28.1532ZM35.1107 26.7314C35.0256 27.0407 34.9974 27.3748 34.9353 28.1535L36.9289 28.3127C36.998 27.4473 37.0166 27.3437 37.0391 27.2618L35.1107 26.7314ZM35.4448 25.9246C35.3 26.1789 35.1877 26.4503 35.1104 26.7325L37.0394 27.2606C37.0726 27.1395 37.1207 27.0232 37.1828 26.9142L35.4448 25.9246ZM36.3264 24.7952C35.8189 25.3906 35.6037 25.6459 35.4451 25.924L37.1825 26.9148C37.2251 26.84 37.2861 26.7524 37.8484 26.0926L36.3264 24.7952ZM36.6337 24.4347L36.3264 24.7952L37.8485 26.0926L38.1557 25.7321L36.6337 24.4347ZM36.6388 24.4287L36.6335 24.4349L38.1559 25.732L38.1612 25.7257L36.6388 24.4287ZM38.0648 22.6851C37.7151 23.1644 37.2428 23.7198 36.6388 24.4286L38.1612 25.7257C38.7481 25.0369 39.2767 24.4174 39.6806 23.8636L38.0648 22.6851ZM38.8217 21.254C38.6793 21.7451 38.4261 22.1895 38.0647 22.6851L39.6807 23.8635C40.1123 23.2717 40.5101 22.613 40.7426 21.8109L38.8217 21.254ZM38.8218 18.7461C39.0594 19.5652 39.0594 20.4348 38.8218 21.2538L40.7425 21.8111C41.0858 20.628 41.0858 19.3719 40.7425 18.1888L38.8218 18.7461ZM38.0648 17.3151C38.4261 17.8104 38.6793 18.2549 38.8217 18.7459L40.7426 18.189C40.51 17.3869 40.1123 16.7282 39.6806 16.1364L38.0648 17.3151ZM36.6335 15.5652C37.2398 16.2765 37.7141 16.8342 38.0648 17.315L39.6806 16.1365C39.2755 15.5811 38.7451 14.9595 38.1555 14.2678L36.6335 15.5652ZM36.3262 15.2045L36.6333 15.565L38.1557 14.268L37.8486 13.9075L36.3262 15.2045ZM35.4452 14.0762C35.6038 14.3541 35.8189 14.6093 36.3263 15.2047L37.8485 13.9074C37.2861 13.2475 37.2251 13.1599 37.1824 13.085L35.4452 14.0762ZM35.1105 13.2676C35.1877 13.5497 35.3 13.8211 35.4448 14.0754L37.1828 13.0858C37.1208 12.9768 37.0726 12.8605 37.0394 12.7393L35.1105 13.2676ZM34.9353 11.8464C34.9974 12.6252 35.0257 12.9591 35.1107 13.2685L37.0392 12.7384C37.0166 12.6563 36.998 12.5525 36.9289 11.6873L34.9353 11.8464ZM34.8975 11.3747L34.9353 11.8467L36.9289 11.687L36.8911 11.215L34.8975 11.3747ZM34.6723 9.12497C34.7643 9.71286 34.8232 10.4424 34.8974 11.3743L36.8911 11.2154C36.8189 10.3097 36.7546 9.49481 36.6482 8.81552L34.6723 9.12497ZM34.1957 7.57761C34.4422 8.02556 34.5774 8.51896 34.6722 9.12484L36.6482 8.81565C36.535 8.09193 36.3505 7.34499 35.948 6.61347L34.1957 7.57761ZM32.4223 5.80424C33.1694 6.21547 33.7846 6.83053 34.1958 7.57766L35.948 6.61341C35.354 5.53417 34.4656 4.64594 33.3867 4.0521L32.4223 5.80424ZM30.875 5.32766C31.4811 5.42259 31.9744 5.55778 32.4224 5.80427L33.3866 4.05206C32.655 3.64946 31.908 3.46508 31.1845 3.35175L30.875 5.32766ZM28.6256 5.10242C29.5576 5.17676 30.2872 5.23561 30.8751 5.32767L31.1845 3.35175C30.5052 3.24539 29.6904 3.181 28.7847 3.10875L28.6256 5.10242ZM28.1536 5.06474L28.6256 5.10241L28.7847 3.10875L28.3128 3.07108L28.1536 5.06474ZM26.7323 4.88956C27.0411 4.97418 27.3739 5.00253 28.1537 5.06475L28.3127 3.07108C27.4481 3.0021 27.3435 2.98332 27.2607 2.96063L26.7323 4.88956ZM25.9243 4.55494C26.1785 4.69974 26.4499 4.81221 26.7323 4.88957L27.2607 2.96062C27.1398 2.92751 27.0235 2.87933 26.9143 2.81716L25.9243 4.55494ZM24.7953 3.67377C25.3907 4.18107 25.6461 4.39632 25.924 4.55477L26.9146 2.81733C26.84 2.77481 26.7526 2.7139 26.0924 2.15143L24.7953 3.67377ZM24.4348 3.36643L24.7951 3.67359L26.0926 2.15161L25.7323 1.84445L24.4348 3.36643ZM24.4324 3.36441L24.4349 3.36654L25.7322 1.84433L25.7297 1.8422L24.4324 3.36441ZM22.6851 1.93528C23.1653 2.28547 23.722 2.759 24.4325 3.36445L25.7296 1.84217C25.0392 1.2538 24.4183 0.723912 23.8635 0.319312L22.6851 1.93528ZM21.254 1.17817C21.7449 1.3206 22.1894 1.57388 22.6851 1.93531L23.8634 0.319278C23.2716 -0.112221 22.6131 -0.509998 21.8112 -0.742627L21.254 1.17817ZM20 29C21.42 29 22.5965 27.8234 22.5965 26.4035H20.5965C20.5965 26.7189 20.3154 27 20 27V29ZM17.4035 26.4035C17.4035 27.8234 18.58 29 20 29V27C19.6846 27 19.4035 26.7189 19.4035 26.4035H17.4035ZM20 23.8069C18.58 23.8069 17.4035 24.9835 17.4035 26.4035H19.4035C19.4035 26.0881 19.6846 25.8069 20 25.8069V23.8069ZM22.5965 26.4035C22.5965 24.9835 21.42 23.8069 20 23.8069V25.8069C20.3154 25.8069 20.5965 26.0881 20.5965 26.4035H22.5965ZM20 13C20.6625 13 21.1865 13.5241 21.1865 14.1866H23.1865C23.1865 12.4195 21.767 11 20 11V13ZM18.8134 14.1866C18.8134 13.5241 19.3375 13 20 13V11C18.233 11 16.8134 12.4195 16.8134 14.1866H18.8134ZM20 22.731C20.2265 22.731 20.3699 22.8311 20.414 22.8678C20.4536 22.9006 20.4471 22.9082 20.4069 22.8434C20.3267 22.7141 20.2184 22.4725 20.0962 22.0993C19.8565 21.3673 19.6308 20.3432 19.4359 19.2403C19.0438 17.0212 18.8134 14.7044 18.8134 14.1866H16.8134C16.8134 14.8835 17.069 17.3389 17.4664 19.5883C17.6664 20.7197 17.9114 21.854 18.1955 22.7217C18.3353 23.1485 18.5022 23.5671 18.7076 23.898C18.8103 24.0634 18.9493 24.2511 19.1365 24.4066C19.3283 24.5658 19.6217 24.731 20 24.731V22.731ZM21.1865 14.1866C21.1865 14.7044 20.9562 17.0212 20.5641 19.2403C20.3692 20.3432 20.1435 21.3673 19.9038 22.0993C19.7816 22.4725 19.6733 22.7141 19.5931 22.8434C19.5529 22.9082 19.5464 22.9006 19.586 22.8678C19.6301 22.8311 19.7735 22.731 20 22.731V24.731C20.3783 24.731 20.6717 24.5658 20.8635 24.4066C21.0507 24.2511 21.1897 24.0634 21.2924 23.8981C21.4978 23.5671 21.6647 23.1485 21.8045 22.7217C22.0886 21.854 22.3336 20.7197 22.5335 19.5883C22.931 17.3389 23.1865 14.8835 23.1865 14.1866H21.1865Z", fill: "url(#paint1_linear_6737_30635)", mask: "url(#path-1-inside-1_6737_30635)" }), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint0_linear_6737_30635", x1: 20, y1: 0, x2: 20, y2: 39.9999, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#E42525" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#C90000" })), /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint1_linear_6737_30635", x1: 22.7478, y1: 39.9999, x2: 21.1229, y2: 1.35825, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#E42525" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#C90000" }))));
+const SvgReplaceFile = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.2278 16C10.027 16 9.84105 15.8884 9.74435 15.7172C9.64765 15.5386 9.64765 15.3302 9.75179 15.1516L10.5328 13.8492C10.689 13.5812 11.0386 13.4994 11.299 13.6557C11.5667 13.8119 11.6486 14.1543 11.4924 14.4222L11.2915 14.7571C13.3445 14.2734 14.8842 12.4277 14.8842 10.2247C14.8842 9.91955 15.1371 9.6665 15.4421 9.6665C15.7471 9.6665 16 9.91955 16 10.2247C15.9925 13.4101 13.404 16 10.2278 16Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M0.557875 6.32608C0.252903 6.32608 0 6.07304 0 5.7679C0 2.58997 2.58854 0 5.76471 0C5.96554 0 6.1515 0.111637 6.2482 0.282813C6.3449 0.461432 6.3449 0.669821 6.24076 0.848439L5.45973 2.15087C5.30353 2.41135 4.96137 2.50066 4.69359 2.33693C4.43325 2.18064 4.34399 1.83829 4.50763 1.57036L4.70846 1.23545C2.64805 1.71921 1.11575 3.56493 1.11575 5.7679C1.11575 6.07304 0.862846 6.32608 0.557875 6.32608Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.079 8.46888V10.657C10.079 12.4804 9.35004 13.2097 7.52765 13.2097H5.34078C3.51839 13.2097 2.78943 12.4804 2.78943 10.657V8.46888C2.78943 6.64548 3.51839 5.91614 5.34078 5.91614H7.52765C9.35004 5.91614 10.079 6.64548 10.079 8.46888Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M10.6524 2.79095H8.46551C6.67287 2.79095 5.94395 3.50543 5.92163 5.26185H7.52828C9.71515 5.26185 10.7268 6.28146 10.7268 8.4621V10.0697C12.4896 10.0473 13.1963 9.31798 13.1963 7.52435V5.34371C13.2037 3.52031 12.4748 2.79095 10.6524 2.79095Z", fill: "currentColor" }));
 const SvgRightArrowIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 15 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M13.4999 5.49976L1.5 5.49976", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M9.00003 9.99995C9.00003 9.99995 13.5 6.48814 13.5 5.49995C13.5 4.51176 9 1 9 1", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
 const SvgLeftArrowIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 15 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M1.5 5.49982H13.5M1.5 5.49982C1.50001 6.48801 5.99985 9.99999 5.99985 9.99999M1.5 5.49982C1.49999 4.51162 5.99987 1 5.99987 1", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
@@ -219,6 +221,8 @@ const SvgDetails = (props) => /* @__PURE__ */ React__namespace.createElement("sv
 const SvgImpactList = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 17 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.59083 0.184937H1.22727C0.825606 0.184937 0.500015 0.510527 0.500015 0.912192V5.27575C0.500015 5.67742 0.825606 6.00301 1.22727 6.00301H5.59083C5.9925 6.00301 6.31809 5.67742 6.31809 5.27575V0.912192C6.31809 0.510527 5.9925 0.184937 5.59083 0.184937ZM4.86358 4.5485H1.95453V1.63945H4.86358V4.5485Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.7725 2.3667H8.49988C8.09822 2.3667 7.77263 2.69229 7.77263 3.09395C7.77263 3.49562 8.09822 3.82121 8.49988 3.82121H15.7725C16.1742 3.82121 16.4998 3.49562 16.4998 3.09395C16.4998 2.69232 16.1741 2.3667 15.7725 2.3667Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.7725 9.63934H8.49988C8.09822 9.63934 7.77263 9.96496 7.77263 10.3666C7.77263 10.7682 8.09822 11.0939 8.49988 11.0939H15.7725C16.1742 11.0939 16.4998 10.7682 16.4998 10.3666C16.4998 9.96496 16.1741 9.63934 15.7725 9.63934Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.08175 8.39496L2.66071 10.7869L1.75018 9.8415C1.47083 9.55271 1.01026 9.54505 0.721464 9.8244C0.432666 10.1037 0.425011 10.5643 0.704359 10.8531L2.12542 12.3302C2.26093 12.4684 2.446 12.547 2.6396 12.5484H2.64833C2.839 12.5478 3.02183 12.4723 3.15741 12.3382L6.09992 9.42913C6.40434 9.16714 6.43874 8.70792 6.17675 8.4035C5.91475 8.09908 5.45554 8.06468 5.15112 8.32667C5.12651 8.34787 5.10333 8.37068 5.08175 8.39496Z", fill: "currentColor" }));
+const SvgExport = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.82756 5.49969V6.82056H10.7896C10.9821 6.82056 11.1388 6.9774 11.1388 7.17056V11.1807C11.1388 11.3739 10.9821 11.5305 10.7896 11.5305H5.82756V12.8516C5.82756 12.9885 5.74723 13.1131 5.62328 13.1699L5.62215 13.1704C5.57615 13.1908 5.52701 13.2016 5.47844 13.2016C5.39382 13.2016 5.31336 13.1716 5.2483 13.1159L5.24778 13.1154L5.14063 13.0224V16.4H16.4003V1.60003H7.07906V3.18756C7.07906 3.38119 6.92198 3.53741 6.72847 3.53741H5.14063V5.32886L5.24755 5.23597C5.24755 5.23597 5.24756 5.23597 5.24756 5.23597C5.35098 5.14562 5.49751 5.12439 5.62286 5.18111L5.62329 5.18131C5.7472 5.2381 5.82756 5.36275 5.82756 5.49969ZM1.02002 9.43994L1.01985 9.43979C0.943331 9.37296 0.900126 9.27639 0.900126 9.17562C0.900126 9.07455 0.943356 8.97819 1.01999 8.91152L1.02001 8.9115L4.44091 5.93734V3.18756C4.44091 3.09444 4.47819 3.00557 4.54412 2.94006C4.54413 2.94005 4.54414 2.94003 4.54415 2.94002L6.48087 1.00243L6.48087 1.00243L6.4811 1.0022C6.54689 0.936805 6.63556 0.9 6.72847 0.9H16.7494C16.943 0.9 17.1 1.05645 17.1 1.25V16.75C17.1 16.9435 16.943 17.1 16.7494 17.1H4.7915C4.59791 17.1 4.44091 16.9435 4.44091 16.75V12.4139L1.02002 9.43994ZM6.882 14.3903V14.3902C6.88205 14.1977 7.03851 14.0402 7.23113 14.0402H14.3098C14.5035 14.0402 14.6603 14.1973 14.6603 14.3903C14.6603 14.5839 14.5034 14.7404 14.3098 14.7404H7.23113C7.03858 14.7404 6.882 14.5835 6.882 14.3903ZM5.12784 7.17059V6.26795L1.78344 9.17563L5.12781 12.0834V11.1807C5.12781 10.9876 5.28443 10.8307 5.47694 10.8307H10.439V7.52059H5.47697C5.2845 7.52059 5.12784 7.36396 5.12784 7.17059ZM6.37788 2.09504L5.63574 2.83756H6.37788V2.09504ZM14.3098 4.31059H9.22853C9.03494 4.31059 8.87794 4.15414 8.87794 3.96059C8.87794 3.76752 9.0349 3.61075 9.22853 3.61075H14.3098C14.5034 3.61075 14.6603 3.76755 14.6603 3.96059C14.6603 4.15414 14.5033 4.31059 14.3098 4.31059ZM6.882 12.3044C6.882 12.1116 7.03854 11.9544 7.23113 11.9544H14.3098C14.5034 11.9544 14.6603 12.1113 14.6603 12.3044C14.6603 12.4979 14.5034 12.6544 14.3098 12.6544H7.23113C7.03862 12.6544 6.882 12.4976 6.882 12.3044ZM14.3098 8.48256H11.8465C11.654 8.48256 11.4974 8.32569 11.4974 8.13241C11.4974 7.93973 11.654 7.78253 11.8465 7.78253H14.3098C14.5034 7.78253 14.6603 7.93934 14.6603 8.13241C14.6603 8.32607 14.5034 8.48256 14.3098 8.48256ZM14.3098 10.5684H11.8465C11.654 10.5684 11.4974 10.4116 11.4974 10.2184C11.4974 10.0258 11.6539 9.86844 11.8465 9.86844H14.3098C14.5035 9.86844 14.6603 10.0255 14.6603 10.2184C14.6603 10.4119 14.5034 10.5684 14.3098 10.5684ZM14.3098 5.69659C14.5034 5.69659 14.6603 5.8534 14.6603 6.04659C14.6603 6.2401 14.5034 6.39659 14.3098 6.39659H7.23113C7.03862 6.39659 6.882 6.23976 6.882 6.04659C6.882 5.85382 7.03854 5.69659 7.23113 5.69659H14.3098Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.2 }));
 const SvgFormatePainter = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0 1.6C0 0.716352 0.691648 0 1.54483 0H11.8952C12.7484 0 13.44 0.716352 13.44 1.6V4C13.44 4.88365 12.7484 5.6 11.8952 5.6H1.54483C0.691648 5.6 0 4.88365 0 4V1.6Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.43994 10.0104C5.43994 9.60702 5.71215 9.28 6.04794 9.28H7.87194C8.20773 9.28 8.47994 9.60702 8.47994 10.0104V15.2696C8.47994 15.673 8.20773 16 7.87194 16H6.04794C5.71215 16 5.43994 15.673 5.43994 15.2696V10.0104Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M14.0801 3.44H14.5601C14.6484 3.44 14.7201 3.51164 14.7201 3.6V6.56C14.7201 6.64837 14.6484 6.72 14.5601 6.72H7.80011C7.00481 6.72 6.36011 7.36471 6.36011 8.16V8.64H7.64011V8.16C7.64011 8.07164 7.71174 8 7.80011 8H14.5601C15.3555 8 16.0001 7.3553 16.0001 6.56V3.6C16.0001 2.80471 15.3555 2.16 14.5601 2.16H14.0801V3.44Z", fill: "currentColor" }));
 const SvgBold = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M0.818604 16V0H6.31318C8.29833 0 9.84792 0.368169 10.9615 1.10442C12.0749 1.84058 12.6318 2.93777 12.6318 4.39562C12.6318 5.15763 12.4524 5.83496 12.0934 6.42867C11.7344 7.0222 11.1813 7.46905 10.434 7.7693C11.3717 7.9817 12.0639 8.40843 12.5109 9.04951C12.9576 9.69059 13.1813 10.4288 13.1813 11.2638C13.1813 12.8243 12.6574 14.0038 11.61 14.8022C10.5622 15.6009 9.06051 16 7.10429 16H0.818604ZM4.54395 6.67035H6.39009C7.23254 6.65571 7.86268 6.4927 8.28033 6.18125C8.6979 5.86997 8.90677 5.41395 8.90677 4.81319C8.90677 4.1318 8.69419 3.63565 8.26948 3.32419C7.84433 3.01292 7.19241 2.85715 6.31326 2.85715H4.54395V6.67035ZM4.54395 9.13198V13.1429H7.10429C7.89558 13.1429 8.48902 12.9872 8.88463 12.6757C9.28014 12.3644 9.47816 11.8865 9.47816 11.2419C9.47816 10.5458 9.30775 10.0202 8.96701 9.66483C8.62645 9.30963 8.07517 9.13198 7.31334 9.13198H4.54395Z", fill: "currentColor" }));
@@ -285,7 +289,7 @@ const SvgGifFileType = (props) => /* @__PURE__ */ React__namespace.createElement
 const SvgJpgFileType = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M15.4273 4.75176L10.7936 0.117383C10.7467 0.0705078 10.6833 0.0439453 10.617 0.0439453H5.36828C4.14672 0.0439453 3.15297 1.03801 3.15297 2.25957V6.64426H1.20859C0.832969 6.64426 0.527344 6.94988 0.527344 7.32551V11.2418C0.527344 11.6174 0.832969 11.923 1.20859 11.923H3.15297V13.8283C3.15297 15.0499 4.14672 16.0439 5.36828 16.0439H13.2852C14.5067 16.0439 15.5005 15.0499 15.5005 13.8283V4.92863C15.5005 4.86238 15.4742 4.79863 15.4273 4.75176ZM15.0008 13.8283C15.0008 14.7746 14.2311 15.5443 13.2852 15.5443H5.36828C4.42234 15.5443 3.65266 14.7746 3.65266 13.8283V11.923H11.8836C12.2592 11.923 12.5648 11.6174 12.5648 11.2418V7.32551C12.5648 6.94988 12.2592 6.64426 11.8836 6.64426H3.65266V2.25957C3.65266 1.31332 4.42234 0.543633 5.36828 0.543633H10.367V4.42801C10.367 4.84176 10.7033 5.17832 11.1164 5.17832H15.0008V13.8283Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.0418 10.0546V7.60457H3.3368V10.0546C3.3368 10.1946 3.30346 10.3046 3.2368 10.3846C3.17013 10.4646 3.07346 10.5046 2.9468 10.5046C2.8168 10.5046 2.7168 10.4629 2.6468 10.3796C2.58013 10.2962 2.54513 10.1796 2.5418 10.0296H1.8418C1.8418 10.3762 1.94346 10.6462 2.1468 10.8396C2.35346 11.0329 2.62346 11.1296 2.9568 11.1296C3.2868 11.1296 3.55013 11.0362 3.7468 10.8496C3.94346 10.6596 4.0418 10.3946 4.0418 10.0546ZM7.26836 9.20957C7.35836 9.04624 7.40336 8.87124 7.40336 8.68457C7.40336 8.4779 7.35503 8.2929 7.25836 8.12957C7.16503 7.96624 7.02336 7.8379 6.83336 7.74457C6.64336 7.65124 6.41336 7.60457 6.14336 7.60457H4.85836V11.0946H5.55836V9.75457H6.14336C6.43003 9.75457 6.66669 9.70457 6.85336 9.60457C7.04336 9.50457 7.18169 9.3729 7.26836 9.20957ZM6.54336 9.05957C6.45003 9.14624 6.30669 9.18957 6.11336 9.18957H5.55836V8.17457H6.11336C6.49336 8.17457 6.68336 8.34457 6.68336 8.68457C6.68336 8.84457 6.63669 8.96957 6.54336 9.05957ZM10.0004 8.31957C10.1404 8.39624 10.2504 8.5079 10.3304 8.65457H11.1354C11.0254 8.3079 10.8254 8.03957 10.5354 7.84957C10.2454 7.65624 9.90368 7.55957 9.51035 7.55957C9.17702 7.55957 8.87368 7.63624 8.60035 7.78957C8.33035 7.93957 8.11702 8.15124 7.96035 8.42457C7.80702 8.69457 7.73035 9.00124 7.73035 9.34457C7.73035 9.6879 7.80702 9.99457 7.96035 10.2646C8.11702 10.5346 8.33035 10.7462 8.60035 10.8996C8.87368 11.0496 9.17868 11.1246 9.51535 11.1246C9.81535 11.1246 10.0854 11.0629 10.3254 10.9396C10.5687 10.8129 10.767 10.6462 10.9204 10.4396C11.0737 10.2329 11.1737 10.0079 11.2204 9.76457V9.15457H9.33035V9.68957H10.5304C10.477 9.9429 10.3654 10.1412 10.1954 10.2846C10.0254 10.4246 9.80702 10.4946 9.54035 10.4946C9.32368 10.4946 9.13369 10.4479 8.97035 10.3546C8.80702 10.2612 8.67868 10.1279 8.58535 9.95457C8.49535 9.78124 8.45035 9.5779 8.45035 9.34457C8.45035 9.1179 8.49535 8.9179 8.58535 8.74457C8.67535 8.57124 8.80035 8.4379 8.96035 8.34457C9.12035 8.25124 9.30369 8.20457 9.51035 8.20457C9.69702 8.20457 9.86035 8.2429 10.0004 8.31957Z", fill: "white" }));
-const SvgInfoIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("mask", { id: "path-1-inside-1_7049_61139", fill: "white" }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.5326 0.217769C20.5315 -0.0725897 19.4684 -0.0725897 18.4674 0.217769C17.821 0.4053 17.2694 0.730828 16.7257 1.1273C16.2076 1.50513 15.618 2.00757 14.9165 2.6054L14.9165 2.60544L14.556 2.9126C13.9283 3.44749 13.757 3.58556 13.5806 3.68605C13.399 3.78954 13.2051 3.86986 13.0035 3.92509C12.8077 3.97875 12.5889 4.00232 11.7668 4.06791L11.2947 4.10558C10.3759 4.17888 9.6038 4.2405 8.97024 4.33971C8.30544 4.44384 7.68528 4.60362 7.09554 4.92817C6.18235 5.43072 5.4307 6.18235 4.92817 7.09554C4.6036 7.68528 4.44382 8.30544 4.33971 8.97024C4.2405 9.60367 4.17891 10.3757 4.10563 11.2942L4.10558 11.2947L4.06791 11.7668C4.00232 12.5889 3.97875 12.8077 3.9251 13.0035C3.86986 13.2051 3.78954 13.399 3.68605 13.5806C3.58554 13.757 3.44749 13.9284 2.91258 14.556L2.60542 14.9165C2.00757 15.618 1.50514 16.2076 1.1273 16.7258C0.730829 17.2693 0.4053 17.8209 0.217769 18.4674C-0.0725897 19.4685 -0.0725897 20.5314 0.217769 21.5325C0.4053 22.179 0.730829 22.7306 1.1273 23.2743C1.50512 23.7925 2.00757 24.382 2.6054 25.0834L2.91258 25.4439C3.44749 26.0715 3.58554 26.243 3.68605 26.4194C3.78954 26.601 3.86986 26.7949 3.9251 26.9966C3.97875 27.1922 4.00232 27.4111 4.06791 28.2331L4.10558 28.7052C4.17888 29.6241 4.24048 30.3961 4.33971 31.0296C4.44382 31.6944 4.6036 32.3146 4.92817 32.9044C5.4307 33.8176 6.18235 34.5692 7.09554 35.0717C7.68528 35.3964 8.30544 35.5561 8.97024 35.6603C9.60384 35.7595 10.376 35.8211 11.2949 35.8944L11.7668 35.932C12.5889 35.9976 12.8077 36.0212 13.0035 36.0748C13.2051 36.13 13.399 36.2105 13.5806 36.3139C13.757 36.4143 13.9283 36.5525 14.556 37.0873L14.9165 37.3946L14.9215 37.3988C15.6208 37.9947 16.2088 38.4958 16.7257 38.8726C17.2694 39.2691 17.821 39.5946 18.4674 39.7822C19.4684 40.0725 20.5315 40.0725 21.5326 39.7822C22.179 39.5946 22.7305 39.2691 23.2743 38.8726C23.7917 38.4954 24.3805 37.9936 25.0807 37.3968L25.0834 37.3946L25.4439 37.0873C26.0716 36.5525 26.2431 36.4143 26.4193 36.3139C26.601 36.2105 26.7948 36.13 26.9965 36.0748C27.1923 36.0212 27.411 35.9976 28.2332 35.932L28.7051 35.8944C29.624 35.8211 30.3962 35.7595 31.0298 35.6603C31.6945 35.5561 32.3147 35.3964 32.9045 35.0717C33.8175 34.5692 34.5693 33.8176 35.0719 32.9044C35.3964 32.3146 35.5562 31.6944 35.6602 31.0296C35.7595 30.3961 35.8211 29.6239 35.8943 28.705L35.9321 28.2331C35.9977 27.4111 36.0211 27.1922 36.0749 26.9966C36.1301 26.7949 36.2104 26.601 36.3138 26.4194C36.4144 26.243 36.5525 26.0715 37.0874 25.4439L37.3947 25.0834L37.4 25.0772C37.9954 24.3783 38.4959 23.7909 38.8727 23.2743C39.2692 22.7306 39.5947 22.179 39.7821 21.5325C40.0726 20.5314 40.0726 19.4685 39.7821 18.4674C39.5947 17.8209 39.2692 17.2693 38.8727 16.7258C38.4948 16.2076 37.9925 15.618 37.3945 14.9165L37.0874 14.556C36.5525 13.9284 36.4144 13.757 36.3138 13.5806C36.2104 13.399 36.1301 13.2051 36.0749 13.0035C36.0211 12.8077 35.9977 12.5889 35.9321 11.7668L35.8943 11.2949C35.8211 10.376 35.7595 9.60384 35.6602 8.97024C35.5562 8.30544 35.3964 7.68528 35.0719 7.09554C34.5693 6.18235 33.8175 5.4307 32.9045 4.92817C32.3147 4.60362 31.6945 4.44384 31.0298 4.33971C30.3962 4.2405 29.624 4.17888 28.7051 4.10558L28.2332 4.06791C27.411 4.00232 27.1923 3.97875 26.9965 3.92509C26.7948 3.86986 26.601 3.78954 26.4193 3.68605C26.2431 3.58556 26.0716 3.44749 25.4439 2.9126L25.0836 2.60544L25.0811 2.60331C24.3806 2.0064 23.7918 1.50469 23.2743 1.1273C22.7305 0.730828 22.179 0.4053 21.5326 0.217769ZM20 14.1428C21.4202 14.1428 22.5715 12.9916 22.5715 11.5714C22.5715 10.1513 21.4202 8.99999 20 8.99999C18.5799 8.99999 17.4286 10.1513 17.4286 11.5714C17.4286 12.9916 18.5799 14.1428 20 14.1428ZM20 17.5714H18.2857C17.8311 17.5714 17.3951 17.752 17.0736 18.0735C16.7521 18.395 16.5715 18.831 16.5715 19.2857C16.5715 19.7404 16.7521 20.1764 17.0736 20.4979C17.3951 20.8194 17.8311 21 18.2857 21H20V29.2857C20 29.7404 20.1806 30.1764 20.5021 30.4979C20.8236 30.8194 21.2597 31 21.7143 31C22.169 31 22.605 30.8194 22.9265 30.4979C23.248 30.1764 23.4286 29.7404 23.4286 29.2857V21C23.4286 20.0907 23.0674 19.2186 22.4244 18.5756C21.7814 17.9326 20.9093 17.5714 20 17.5714Z" })), /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.5326 0.217769C20.5315 -0.0725897 19.4684 -0.0725897 18.4674 0.217769C17.821 0.4053 17.2694 0.730828 16.7257 1.1273C16.2076 1.50513 15.618 2.00757 14.9165 2.6054L14.9165 2.60544L14.556 2.9126C13.9283 3.44749 13.757 3.58556 13.5806 3.68605C13.399 3.78954 13.2051 3.86986 13.0035 3.92509C12.8077 3.97875 12.5889 4.00232 11.7668 4.06791L11.2947 4.10558C10.3759 4.17888 9.6038 4.2405 8.97024 4.33971C8.30544 4.44384 7.68528 4.60362 7.09554 4.92817C6.18235 5.43072 5.4307 6.18235 4.92817 7.09554C4.6036 7.68528 4.44382 8.30544 4.33971 8.97024C4.2405 9.60367 4.17891 10.3757 4.10563 11.2942L4.10558 11.2947L4.06791 11.7668C4.00232 12.5889 3.97875 12.8077 3.9251 13.0035C3.86986 13.2051 3.78954 13.399 3.68605 13.5806C3.58554 13.757 3.44749 13.9284 2.91258 14.556L2.60542 14.9165C2.00757 15.618 1.50514 16.2076 1.1273 16.7258C0.730829 17.2693 0.4053 17.8209 0.217769 18.4674C-0.0725897 19.4685 -0.0725897 20.5314 0.217769 21.5325C0.4053 22.179 0.730829 22.7306 1.1273 23.2743C1.50512 23.7925 2.00757 24.382 2.6054 25.0834L2.91258 25.4439C3.44749 26.0715 3.58554 26.243 3.68605 26.4194C3.78954 26.601 3.86986 26.7949 3.9251 26.9966C3.97875 27.1922 4.00232 27.4111 4.06791 28.2331L4.10558 28.7052C4.17888 29.6241 4.24048 30.3961 4.33971 31.0296C4.44382 31.6944 4.6036 32.3146 4.92817 32.9044C5.4307 33.8176 6.18235 34.5692 7.09554 35.0717C7.68528 35.3964 8.30544 35.5561 8.97024 35.6603C9.60384 35.7595 10.376 35.8211 11.2949 35.8944L11.7668 35.932C12.5889 35.9976 12.8077 36.0212 13.0035 36.0748C13.2051 36.13 13.399 36.2105 13.5806 36.3139C13.757 36.4143 13.9283 36.5525 14.556 37.0873L14.9165 37.3946L14.9215 37.3988C15.6208 37.9947 16.2088 38.4958 16.7257 38.8726C17.2694 39.2691 17.821 39.5946 18.4674 39.7822C19.4684 40.0725 20.5315 40.0725 21.5326 39.7822C22.179 39.5946 22.7305 39.2691 23.2743 38.8726C23.7917 38.4954 24.3805 37.9936 25.0807 37.3968L25.0834 37.3946L25.4439 37.0873C26.0716 36.5525 26.2431 36.4143 26.4193 36.3139C26.601 36.2105 26.7948 36.13 26.9965 36.0748C27.1923 36.0212 27.411 35.9976 28.2332 35.932L28.7051 35.8944C29.624 35.8211 30.3962 35.7595 31.0298 35.6603C31.6945 35.5561 32.3147 35.3964 32.9045 35.0717C33.8175 34.5692 34.5693 33.8176 35.0719 32.9044C35.3964 32.3146 35.5562 31.6944 35.6602 31.0296C35.7595 30.3961 35.8211 29.6239 35.8943 28.705L35.9321 28.2331C35.9977 27.4111 36.0211 27.1922 36.0749 26.9966C36.1301 26.7949 36.2104 26.601 36.3138 26.4194C36.4144 26.243 36.5525 26.0715 37.0874 25.4439L37.3947 25.0834L37.4 25.0772C37.9954 24.3783 38.4959 23.7909 38.8727 23.2743C39.2692 22.7306 39.5947 22.179 39.7821 21.5325C40.0726 20.5314 40.0726 19.4685 39.7821 18.4674C39.5947 17.8209 39.2692 17.2693 38.8727 16.7258C38.4948 16.2076 37.9925 15.618 37.3945 14.9165L37.0874 14.556C36.5525 13.9284 36.4144 13.757 36.3138 13.5806C36.2104 13.399 36.1301 13.2051 36.0749 13.0035C36.0211 12.8077 35.9977 12.5889 35.9321 11.7668L35.8943 11.2949C35.8211 10.376 35.7595 9.60384 35.6602 8.97024C35.5562 8.30544 35.3964 7.68528 35.0719 7.09554C34.5693 6.18235 33.8175 5.4307 32.9045 4.92817C32.3147 4.60362 31.6945 4.44384 31.0298 4.33971C30.3962 4.2405 29.624 4.17888 28.7051 4.10558L28.2332 4.06791C27.411 4.00232 27.1923 3.97875 26.9965 3.92509C26.7948 3.86986 26.601 3.78954 26.4193 3.68605C26.2431 3.58556 26.0716 3.44749 25.4439 2.9126L25.0836 2.60544L25.0811 2.60331C24.3806 2.0064 23.7918 1.50469 23.2743 1.1273C22.7305 0.730828 22.179 0.4053 21.5326 0.217769ZM20 14.1428C21.4202 14.1428 22.5715 12.9916 22.5715 11.5714C22.5715 10.1513 21.4202 8.99999 20 8.99999C18.5799 8.99999 17.4286 10.1513 17.4286 11.5714C17.4286 12.9916 18.5799 14.1428 20 14.1428ZM20 17.5714H18.2857C17.8311 17.5714 17.3951 17.752 17.0736 18.0735C16.7521 18.395 16.5715 18.831 16.5715 19.2857C16.5715 19.7404 16.7521 20.1764 17.0736 20.4979C17.3951 20.8194 17.8311 21 18.2857 21H20V29.2857C20 29.7404 20.1806 30.1764 20.5021 30.4979C20.8236 30.8194 21.2597 31 21.7143 31C22.169 31 22.605 30.8194 22.9265 30.4979C23.248 30.1764 23.4286 29.7404 23.4286 29.2857V21C23.4286 20.0907 23.0674 19.2186 22.4244 18.5756C21.7814 17.9326 20.9093 17.5714 20 17.5714Z", fill: "url(#paint0_linear_7049_61139)" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M18.4674 0.217769L18.1888 -0.742648L18.1887 -0.742627L18.4674 0.217769ZM21.5326 0.217769L21.8112 -0.742627L21.8112 -0.742648L21.5326 0.217769ZM16.7257 1.1273L16.1365 0.319278L16.1365 0.319311L16.7257 1.1273ZM14.9165 2.6054L15.5567 3.37367L15.5651 3.3665L14.9165 2.6054ZM14.9165 2.60544L14.2762 1.83717L14.2678 1.84432L14.9165 2.60544ZM14.556 2.9126L15.2046 3.67372L15.2046 3.67371L14.556 2.9126ZM13.5806 3.68605L13.0855 2.81718L13.0855 2.81719L13.5806 3.68605ZM13.0035 3.92509L12.7393 2.96063L12.7392 2.96066L13.0035 3.92509ZM11.7668 4.06791L11.8464 5.06475L11.8464 5.06474L11.7668 4.06791ZM11.2947 4.10558L11.3742 5.10242L11.3743 5.10242L11.2947 4.10558ZM8.97024 4.33971L8.81554 3.35175L8.8155 3.35175L8.97024 4.33971ZM7.09554 4.92817L6.6134 4.05207L6.61339 4.05207L7.09554 4.92817ZM4.92817 7.09554L5.80425 7.5777L5.80427 7.57766L4.92817 7.09554ZM4.33971 8.97024L5.32766 9.12498L5.32767 9.12496L4.33971 8.97024ZM4.10563 11.2942L5.10245 11.3738L5.10246 11.3737L4.10563 11.2942ZM4.10558 11.2947L3.10876 11.2151L3.10875 11.2152L4.10558 11.2947ZM4.06791 11.7668L5.06475 11.8464L5.06475 11.8464L4.06791 11.7668ZM3.9251 13.0035L2.96066 12.7392L2.96063 12.7393L3.9251 13.0035ZM3.68605 13.5806L4.55487 14.0757L4.55491 14.0757L3.68605 13.5806ZM2.91258 14.556L2.15148 13.9074L2.15145 13.9074L2.91258 14.556ZM2.60542 14.9165L3.36652 15.5651L3.36655 15.5651L2.60542 14.9165ZM1.1273 16.7258L1.93521 17.3151L1.93528 17.315L1.1273 16.7258ZM0.217769 18.4674L1.17819 18.746L1.17819 18.746L0.217769 18.4674ZM0.217769 21.5325L1.17819 21.2539L1.17819 21.2539L0.217769 21.5325ZM1.1273 23.2743L0.319278 23.8635L0.319297 23.8635L1.1273 23.2743ZM2.6054 25.0834L3.36654 24.4349L3.36646 24.4348L2.6054 25.0834ZM2.91258 25.4439L2.15144 26.0925L2.15152 26.0926L2.91258 25.4439ZM3.68605 26.4194L2.81713 26.9143L2.81716 26.9144L3.68605 26.4194ZM3.9251 26.9966L2.96062 27.2607L2.9607 27.261L3.9251 26.9966ZM4.06791 28.2331L5.06475 28.1536L5.06475 28.1535L4.06791 28.2331ZM4.10558 28.7052L5.10242 28.6257L5.10242 28.6257L4.10558 28.7052ZM4.33971 31.0296L5.32767 30.8749L5.32766 30.8749L4.33971 31.0296ZM4.92817 32.9044L5.80428 32.4223L5.80426 32.4222L4.92817 32.9044ZM7.09554 35.0717L7.57783 34.1957L7.57766 34.1956L7.09554 35.0717ZM8.97024 35.6603L8.81535 36.6482L8.81552 36.6483L8.97024 35.6603ZM11.2949 35.8944L11.3743 34.8975L11.3743 34.8975L11.2949 35.8944ZM11.7668 35.932L11.8464 34.9352L11.8463 34.9351L11.7668 35.932ZM13.0035 36.0748L12.7393 37.0393L12.7393 37.0393L13.0035 36.0748ZM13.5806 36.3139L13.0858 37.1829L13.0858 37.1829L13.5806 36.3139ZM14.556 37.0873L15.2047 36.3263L15.2045 36.3261L14.556 37.0873ZM14.9165 37.3946L14.2678 38.1556L14.2678 38.1556L14.9165 37.3946ZM14.9215 37.3988L14.2727 38.1598L14.2729 38.1599L14.9215 37.3988ZM16.7257 38.8726L17.3149 38.0646L17.3147 38.0645L16.7257 38.8726ZM18.4674 39.7822L18.1886 40.7426L18.1889 40.7427L18.4674 39.7822ZM21.5326 39.7822L21.8111 40.7427L21.8114 40.7426L21.5326 39.7822ZM23.2743 38.8726L22.6852 38.0645L22.6851 38.0646L23.2743 38.8726ZM25.0807 37.3968L24.4323 36.6355L24.4321 36.6358L25.0807 37.3968ZM25.0834 37.3946L25.7317 38.1559L25.7321 38.1556L25.0834 37.3946ZM25.4439 37.0873L24.7954 36.326L24.7951 36.3263L25.4439 37.0873ZM26.4193 36.3139L25.9245 35.4449L25.9243 35.445L26.4193 36.3139ZM26.9965 36.0748L26.7324 35.1103L26.7324 35.1103L26.9965 36.0748ZM28.2332 35.932L28.1538 34.9351L28.1537 34.9351L28.2332 35.932ZM28.7051 35.8944L28.6257 34.8975L28.6257 34.8975L28.7051 35.8944ZM31.0298 35.6603L31.1845 36.6483L31.1847 36.6482L31.0298 35.6603ZM32.9045 35.0717L32.4223 34.1957L32.4222 34.1957L32.9045 35.0717ZM35.0719 32.9044L35.948 33.3865L35.948 33.3864L35.0719 32.9044ZM35.6602 31.0296L34.6723 30.8749L34.6722 30.875L35.6602 31.0296ZM35.8943 28.705L34.8975 28.6252L34.8974 28.6256L35.8943 28.705ZM35.9321 28.2331L36.9289 28.313L36.9289 28.3127L35.9321 28.2331ZM36.0749 26.9966L37.0391 27.2618L37.0394 27.2606L36.0749 26.9966ZM36.3138 26.4194L35.4451 25.924L35.4448 25.9246L36.3138 26.4194ZM37.0874 25.4439L37.8484 26.0926L37.8485 26.0926L37.0874 25.4439ZM37.3947 25.0834L38.1557 25.7321L38.1559 25.732L37.3947 25.0834ZM37.4 25.0772L36.6388 24.4286L36.6388 24.4287L37.4 25.0772ZM38.8727 23.2743L39.6806 23.8636L39.6807 23.8635L38.8727 23.2743ZM39.7821 21.5325L38.8218 21.2538L38.8217 21.254L39.7821 21.5325ZM39.7821 18.4674L38.8217 18.7459L38.8218 18.7461L39.7821 18.4674ZM38.8727 16.7258L38.0648 17.315L38.0648 17.3151L38.8727 16.7258ZM37.3945 14.9165L36.6333 15.565L36.6335 15.5652L37.3945 14.9165ZM37.0874 14.556L37.8486 13.9075L37.8485 13.9074L37.0874 14.556ZM36.3138 13.5806L35.4448 14.0754L35.4452 14.0762L36.3138 13.5806ZM36.0749 13.0035L37.0394 12.7393L37.0392 12.7384L36.0749 13.0035ZM35.9321 11.7668L36.9289 11.6873L36.9289 11.687L35.9321 11.7668ZM35.8943 11.2949L34.8974 11.3743L34.8975 11.3747L35.8943 11.2949ZM35.6602 8.97024L34.6722 9.12484L34.6723 9.12497L35.6602 8.97024ZM35.0719 7.09554L35.948 6.61347L35.948 6.61341L35.0719 7.09554ZM32.9045 4.92817L33.3867 4.0521L33.3866 4.05207L32.9045 4.92817ZM31.0298 4.33971L31.1845 3.35175L31.1845 3.35175L31.0298 4.33971ZM28.7051 4.10558L28.6256 5.10241L28.6256 5.10242L28.7051 4.10558ZM28.2332 4.06791L28.3128 3.07108L28.3127 3.07108L28.2332 4.06791ZM26.9965 3.92509L27.2607 2.96063L27.2607 2.96062L26.9965 3.92509ZM26.4193 3.68605L25.924 4.55477L25.9243 4.55494L26.4193 3.68605ZM25.4439 2.9126L24.7951 3.67359L24.7953 3.67377L25.4439 2.9126ZM25.0836 2.60544L25.7323 1.84445L25.7322 1.84433L25.0836 2.60544ZM25.0811 2.60331L25.7297 1.8422L25.7296 1.84217L25.0811 2.60331ZM23.2743 1.1273L23.8635 0.319312L23.8634 0.319278L23.2743 1.1273ZM17.0736 18.0735L17.7807 18.7806L17.7807 18.7806L17.0736 18.0735ZM17.0736 20.4979L17.7807 19.7908L17.7807 19.7908L17.0736 20.4979ZM20 21H21V20H20V21ZM20.5021 30.4979L21.2092 29.7908L21.2092 29.7908L20.5021 30.4979ZM22.9265 30.4979L22.2194 29.7908L22.2194 29.7908L22.9265 30.4979ZM22.4244 18.5756L21.7173 19.2827L21.7173 19.2827L22.4244 18.5756ZM18.7459 1.17819C19.565 0.940605 20.4349 0.940605 21.254 1.17819L21.8112 -0.742648C20.6281 -1.08578 19.3718 -1.08578 18.1888 -0.742648L18.7459 1.17819ZM17.3148 1.93531C17.8106 1.57388 18.2551 1.3206 18.746 1.17817L18.1887 -0.742627C17.3869 -0.509998 16.7283 -0.112221 16.1365 0.319278L17.3148 1.93531ZM15.5651 3.3665C16.2767 2.76012 16.8341 2.28589 17.3149 1.93528L16.1365 0.319311C15.581 0.724374 14.9593 1.25503 14.2679 1.8443L15.5651 3.3665ZM15.5566 3.37366L15.5567 3.37362L14.2763 1.83718L14.2763 1.83722L15.5566 3.37366ZM15.2046 3.67371L15.5651 3.36655L14.2678 1.84432L13.9074 2.15149L15.2046 3.67371ZM14.0756 4.55492C14.3539 4.39637 14.6095 4.18091 15.2046 3.67372L13.9074 2.15148C13.2472 2.71406 13.16 2.77475 13.0855 2.81718L14.0756 4.55492ZM13.2677 4.88956C13.55 4.81221 13.8214 4.69975 14.0757 4.55491L13.0855 2.81719C12.9765 2.87933 12.8601 2.92751 12.7393 2.96063L13.2677 4.88956ZM11.8464 5.06474C12.6259 5.00254 12.9589 4.97418 13.2678 4.88953L12.7392 2.96066C12.6565 2.98332 12.5519 3.00209 11.6873 3.07108L11.8464 5.06474ZM11.3743 5.10242L11.8464 5.06475L11.6873 3.07108L11.2152 3.10875L11.3743 5.10242ZM9.12495 5.32767C9.71285 5.23561 10.4423 5.17676 11.3742 5.10242L11.2152 3.10875C10.3095 3.181 9.49475 3.24539 8.81554 3.35175L9.12495 5.32767ZM7.57767 5.80426C8.02556 5.55778 8.51892 5.42259 9.12499 5.32766L8.8155 3.35175C8.09197 3.46508 7.34499 3.64946 6.6134 4.05207L7.57767 5.80426ZM5.80427 7.57766C6.21545 6.83048 6.83046 6.21548 7.57768 5.80426L6.61339 4.05207C5.53423 4.64597 4.64596 5.53421 4.05207 6.61341L5.80427 7.57766ZM5.32767 9.12496C5.42257 8.51891 5.55776 8.02557 5.80425 7.5777L4.05208 6.61338C3.64944 7.34498 3.46506 8.09198 3.35175 8.81553L5.32767 9.12496ZM5.10246 11.3737C5.17679 10.4421 5.23561 9.71273 5.32766 9.12498L3.35175 8.81551C3.24539 9.49461 3.18103 10.3093 3.1088 11.2147L5.10246 11.3737ZM5.10241 11.3744L5.10245 11.3738L3.1088 11.2145L3.10876 11.2151L5.10241 11.3744ZM5.06475 11.8464L5.10242 11.3743L3.10875 11.2152L3.07108 11.6873L5.06475 11.8464ZM4.88953 13.2678C4.97418 12.9589 5.00254 12.6259 5.06475 11.8464L3.07108 11.6873C3.00209 12.5519 2.98332 12.6565 2.96066 12.7392L4.88953 13.2678ZM4.55491 14.0757C4.69975 13.8215 4.81221 13.55 4.88956 13.2677L2.96063 12.7393C2.92751 12.8601 2.87933 12.9765 2.81719 13.0855L4.55491 14.0757ZM3.67368 15.2047C4.18097 14.6094 4.39633 14.3539 4.55487 14.0757L2.81723 13.0855C2.77476 13.16 2.714 13.2473 2.15148 13.9074L3.67368 15.2047ZM3.36655 15.5651L3.67371 15.2046L2.15145 13.9074L1.84428 14.2679L3.36655 15.5651ZM1.93528 17.315C2.28591 16.8342 2.76017 16.2766 3.36652 15.5651L1.84431 14.2678C1.25498 14.9594 0.724372 15.5811 0.319312 16.1366L1.93528 17.315ZM1.17819 18.746C1.32062 18.2549 1.57388 17.8104 1.93521 17.3151L0.319382 16.1365C-0.112223 16.7282 -0.510022 17.3868 -0.742651 18.1889L1.17819 18.746ZM1.17819 21.2539C0.940605 20.4348 0.940605 19.5651 1.17819 18.746L-0.742648 18.1889C-1.08578 19.3719 -1.08578 20.628 -0.742648 21.811L1.17819 21.2539ZM1.93531 22.6852C1.57389 22.1895 1.32062 21.745 1.17819 21.2539L-0.742651 21.811C-0.510024 22.6131 -0.112232 23.2717 0.319278 23.8635L1.93531 22.6852ZM3.36646 24.4348C2.7601 23.7234 2.28587 23.1659 1.9353 22.6852L0.319297 23.8635C0.724372 24.419 1.25505 25.0407 1.84434 25.7321L3.36646 24.4348ZM3.67373 24.7954L3.36654 24.4349L1.84425 25.732L2.15144 26.0925L3.67373 24.7954ZM4.55497 25.9245C4.39638 25.646 4.18096 25.3905 3.67364 24.7953L2.15152 26.0926C2.71401 26.7526 2.77471 26.8399 2.81713 26.9143L4.55497 25.9245ZM4.88957 26.7324C4.81221 26.4499 4.69974 26.1786 4.55494 25.9244L2.81716 26.9144C2.87933 27.0235 2.92751 27.1399 2.96062 27.2607L4.88957 26.7324ZM5.06475 28.1535C5.00255 27.3741 4.97419 27.0409 4.88949 26.7321L2.9607 27.261C2.98331 27.3435 3.00209 27.448 3.07108 28.3126L5.06475 28.1535ZM5.10242 28.6257L5.06475 28.1536L3.07108 28.3126L3.10875 28.7848L5.10242 28.6257ZM5.32766 30.8749C5.23559 30.287 5.17676 29.5577 5.10242 28.6257L3.10875 28.7847C3.181 29.6905 3.24537 30.5051 3.35175 31.1844L5.32766 30.8749ZM5.80426 32.4222C5.55776 31.9743 5.42257 31.481 5.32767 30.8749L3.35175 31.1844C3.46506 31.9079 3.64944 32.6549 4.05208 33.3865L5.80426 32.4222ZM7.57766 34.1956C6.83046 33.7845 6.21546 33.1695 5.80428 32.4223L4.05205 33.3865C4.64595 34.4657 5.53424 35.354 6.61341 35.9478L7.57766 34.1956ZM9.12513 34.6724C8.51878 34.5773 8.02556 34.4422 7.57783 34.1957L6.61324 35.9478C7.34499 36.3506 8.09211 36.5348 8.81535 36.6482L9.12513 34.6724ZM11.3743 34.8975C10.4424 34.8233 9.71286 34.7644 9.12497 34.6723L8.81552 36.6483C9.49481 36.7546 10.3097 36.819 11.2154 36.8912L11.3743 34.8975ZM11.8463 34.9351L11.3743 34.8975L11.2154 36.8912L11.6874 36.9288L11.8463 34.9351ZM13.2676 35.1103C12.9589 35.0258 12.6261 34.9974 11.8464 34.9352L11.6873 36.9288C12.5517 36.9978 12.6565 37.0166 12.7393 37.0393L13.2676 35.1103ZM14.0754 35.4449C13.8216 35.3004 13.5503 35.1877 13.2676 35.1103L12.7393 37.0393C12.8599 37.0723 12.9763 37.1205 13.0858 37.1829L14.0754 35.4449ZM15.2045 36.3261C14.6098 35.8194 14.3539 35.6034 14.0754 35.4449L13.0858 37.1829C13.1601 37.2252 13.2469 37.2857 13.9075 37.8485L15.2045 36.3261ZM15.5652 36.6336L15.2047 36.3263L13.9073 37.8483L14.2678 38.1556L15.5652 36.6336ZM15.5702 36.6378L15.5652 36.6335L14.2678 38.1556L14.2727 38.1598L15.5702 36.6378ZM17.3147 38.0645C16.8352 37.7149 16.2794 37.2421 15.5701 36.6377L14.2729 38.1599C14.9621 38.7473 15.5823 39.2766 16.1366 39.6807L17.3147 38.0645ZM18.7462 38.8219C18.2551 38.6793 17.8105 38.426 17.3149 38.0646L16.1365 39.6806C16.7284 40.1122 17.3869 40.5098 18.1886 40.7426L18.7462 38.8219ZM21.2541 38.8218C20.4349 39.0593 19.565 39.0593 18.7459 38.8218L18.1889 40.7427C19.3719 41.0857 20.6281 41.0857 21.8111 40.7427L21.2541 38.8218ZM22.6851 38.0646C22.1894 38.426 21.7449 38.6793 21.2538 38.8219L21.8114 40.7426C22.6131 40.5098 23.2716 40.1122 23.8635 39.6806L22.6851 38.0646ZM24.4321 36.6358C23.7218 37.2411 23.1653 37.7146 22.6852 38.0645L23.8633 39.6807C24.4182 39.2762 25.0392 38.7461 25.7293 38.1579L24.4321 36.6358ZM24.435 36.6332L24.4323 36.6355L25.7291 38.1582L25.7317 38.1559L24.435 36.6332ZM24.7951 36.3263L24.4347 36.6335L25.7321 38.1556L26.0926 37.8483L24.7951 36.3263ZM25.9243 35.445C25.6462 35.6035 25.3904 35.8192 24.7954 36.326L26.0923 37.8485C26.7529 37.2859 26.84 37.2251 26.9144 37.1827L25.9243 35.445ZM26.7324 35.1103C26.4496 35.1877 26.1783 35.3004 25.9245 35.4449L26.9141 37.1829C27.0236 37.1205 27.14 37.0723 27.2606 37.0393L26.7324 35.1103ZM28.1537 34.9351C27.3737 34.9974 27.0412 35.0258 26.7324 35.1103L27.2605 37.0393C27.3435 37.0166 27.4483 36.9978 28.3128 36.9288L28.1537 34.9351ZM28.6257 34.8975L28.1538 34.9351L28.3127 36.9288L28.7846 36.8912L28.6257 34.8975ZM30.875 34.6723C30.2872 34.7644 29.5576 34.8233 28.6257 34.8975L28.7846 36.8912C29.6904 36.819 30.5052 36.7546 31.1845 36.6483L30.875 34.6723ZM32.4222 34.1957C31.9744 34.4422 31.4812 34.5773 30.8749 34.6724L31.1847 36.6482C31.9079 36.5348 32.655 36.3506 33.3868 35.9478L32.4222 34.1957ZM34.1958 32.4223C33.7846 33.1694 33.1695 33.7844 32.4223 34.1957L33.3867 35.9478C34.4656 35.354 35.3541 34.4658 35.948 33.3865L34.1958 32.4223ZM34.6722 30.875C34.5774 31.4809 34.4422 31.9743 34.1957 32.4223L35.948 33.3864C36.3505 32.6549 36.535 31.9079 36.6482 31.1843L34.6722 30.875ZM34.8974 28.6256C34.8232 29.5575 34.7643 30.2871 34.6723 30.8749L36.6482 31.1844C36.7546 30.5051 36.8189 29.6902 36.8911 28.7845L34.8974 28.6256ZM34.9353 28.1532L34.8975 28.6252L36.8911 28.7849L36.9289 28.313L34.9353 28.1532ZM35.1107 26.7314C35.0256 27.0407 34.9974 27.3748 34.9353 28.1535L36.9289 28.3127C36.998 27.4473 37.0166 27.3437 37.0391 27.2618L35.1107 26.7314ZM35.4448 25.9246C35.3 26.1789 35.1877 26.4503 35.1104 26.7325L37.0394 27.2606C37.0726 27.1395 37.1207 27.0232 37.1828 26.9142L35.4448 25.9246ZM36.3264 24.7952C35.8189 25.3906 35.6037 25.6459 35.4451 25.924L37.1825 26.9148C37.2251 26.84 37.2861 26.7524 37.8484 26.0926L36.3264 24.7952ZM36.6337 24.4347L36.3264 24.7952L37.8485 26.0926L38.1557 25.7321L36.6337 24.4347ZM36.6388 24.4287L36.6335 24.4349L38.1559 25.732L38.1612 25.7257L36.6388 24.4287ZM38.0648 22.6851C37.7151 23.1644 37.2428 23.7198 36.6388 24.4286L38.1612 25.7257C38.7481 25.0369 39.2767 24.4174 39.6806 23.8636L38.0648 22.6851ZM38.8217 21.254C38.6793 21.7451 38.4261 22.1895 38.0647 22.6851L39.6807 23.8635C40.1123 23.2717 40.5101 22.613 40.7426 21.8109L38.8217 21.254ZM38.8218 18.7461C39.0594 19.5652 39.0594 20.4348 38.8218 21.2538L40.7425 21.8111C41.0858 20.628 41.0858 19.3719 40.7425 18.1888L38.8218 18.7461ZM38.0648 17.3151C38.4261 17.8104 38.6793 18.2549 38.8217 18.7459L40.7426 18.189C40.51 17.3869 40.1123 16.7282 39.6806 16.1364L38.0648 17.3151ZM36.6335 15.5652C37.2398 16.2765 37.7141 16.8342 38.0648 17.315L39.6806 16.1365C39.2755 15.5811 38.7451 14.9595 38.1555 14.2678L36.6335 15.5652ZM36.3262 15.2045L36.6333 15.565L38.1557 14.268L37.8486 13.9075L36.3262 15.2045ZM35.4452 14.0762C35.6038 14.3541 35.8189 14.6093 36.3263 15.2047L37.8485 13.9074C37.2861 13.2475 37.2251 13.1599 37.1824 13.085L35.4452 14.0762ZM35.1104 13.2676C35.1877 13.5497 35.3 13.8211 35.4448 14.0754L37.1828 13.0858C37.1208 12.9768 37.0726 12.8605 37.0394 12.7393L35.1104 13.2676ZM34.9353 11.8464C34.9974 12.6252 35.0257 12.9591 35.1107 13.2685L37.0392 12.7384C37.0166 12.6563 36.998 12.5525 36.9289 11.6873L34.9353 11.8464ZM34.8975 11.3747L34.9353 11.8467L36.9289 11.687L36.8911 11.215L34.8975 11.3747ZM34.6723 9.12497C34.7643 9.71286 34.8232 10.4424 34.8974 11.3743L36.8911 11.2154C36.8189 10.3097 36.7546 9.49481 36.6482 8.81552L34.6723 9.12497ZM34.1957 7.57761C34.4422 8.02556 34.5774 8.51896 34.6722 9.12484L36.6482 8.81565C36.535 8.09193 36.3505 7.34499 35.948 6.61347L34.1957 7.57761ZM32.4223 5.80424C33.1694 6.21547 33.7846 6.83053 34.1958 7.57766L35.948 6.61341C35.354 5.53417 34.4656 4.64594 33.3867 4.0521L32.4223 5.80424ZM30.875 5.32766C31.4811 5.42259 31.9744 5.55778 32.4224 5.80427L33.3866 4.05207C32.655 3.64946 31.908 3.46508 31.1845 3.35175L30.875 5.32766ZM28.6256 5.10242C29.5576 5.17676 30.2872 5.23561 30.8751 5.32767L31.1845 3.35175C30.5052 3.24539 29.6904 3.181 28.7847 3.10875L28.6256 5.10242ZM28.1536 5.06474L28.6256 5.10241L28.7847 3.10875L28.3128 3.07108L28.1536 5.06474ZM26.7323 4.88956C27.0411 4.97418 27.3739 5.00253 28.1537 5.06475L28.3127 3.07108C27.4481 3.0021 27.3435 2.98332 27.2607 2.96063L26.7323 4.88956ZM25.9243 4.55494C26.1785 4.69974 26.4499 4.81221 26.7323 4.88957L27.2607 2.96062C27.1398 2.92751 27.0235 2.87933 26.9143 2.81716L25.9243 4.55494ZM24.7953 3.67377C25.3907 4.18107 25.6461 4.39632 25.924 4.55477L26.9146 2.81733C26.84 2.77481 26.7526 2.7139 26.0924 2.15143L24.7953 3.67377ZM24.4348 3.36643L24.7951 3.67359L26.0926 2.15161L25.7323 1.84445L24.4348 3.36643ZM24.4324 3.36441L24.4349 3.36654L25.7322 1.84433L25.7297 1.8422L24.4324 3.36441ZM22.6851 1.93528C23.1653 2.28547 23.722 2.759 24.4325 3.36445L25.7296 1.84217C25.0392 1.2538 24.4183 0.723912 23.8635 0.319312L22.6851 1.93528ZM21.254 1.17817C21.7449 1.3206 22.1894 1.57388 22.6851 1.93531L23.8634 0.319278C23.2716 -0.112221 22.6131 -0.509998 21.8112 -0.742627L21.254 1.17817ZM21.5715 11.5714C21.5715 12.4393 20.8679 13.1428 20 13.1428V15.1428C21.9725 15.1428 23.5715 13.5439 23.5715 11.5714H21.5715ZM20 9.99999C20.8679 9.99999 21.5715 10.7035 21.5715 11.5714H23.5715C23.5715 9.59898 21.9725 7.99999 20 7.99999V9.99999ZM18.4286 11.5714C18.4286 10.7035 19.1321 9.99999 20 9.99999V7.99999C18.0276 7.99999 16.4286 9.59898 16.4286 11.5714H18.4286ZM20 13.1428C19.1321 13.1428 18.4286 12.4393 18.4286 11.5714H16.4286C16.4286 13.5439 18.0276 15.1428 20 15.1428V13.1428ZM18.2857 18.5714H20V16.5714H18.2857V18.5714ZM17.7807 18.7806C17.9146 18.6467 18.0963 18.5714 18.2857 18.5714V16.5714C17.5659 16.5714 16.8755 16.8574 16.3665 17.3664L17.7807 18.7806ZM17.5715 19.2857C17.5715 19.0963 17.6467 18.9146 17.7807 18.7806L16.3665 17.3664C15.8574 17.8754 15.5715 18.5658 15.5715 19.2857H17.5715ZM17.7807 19.7908C17.6467 19.6568 17.5715 19.4751 17.5715 19.2857H15.5715C15.5715 20.0056 15.8574 20.696 16.3665 21.205L17.7807 19.7908ZM18.2857 20C18.0963 20 17.9146 19.9247 17.7807 19.7908L16.3665 21.205C16.8755 21.714 17.5659 22 18.2857 22V20ZM20 20H18.2857V22H20V20ZM21 29.2857V21H19V29.2857H21ZM21.2092 29.7908C21.0753 29.6568 21 29.4751 21 29.2857H19C19 30.0056 19.286 30.696 19.795 31.205L21.2092 29.7908ZM21.7143 30C21.5249 30 21.3432 29.9247 21.2092 29.7908L19.795 31.205C20.3041 31.714 20.9944 32 21.7143 32V30ZM22.2194 29.7908C22.0854 29.9247 21.9038 30 21.7143 30V32C22.4342 32 23.1246 31.714 23.6336 31.205L22.2194 29.7908ZM22.4286 29.2857C22.4286 29.4752 22.3533 29.6568 22.2194 29.7908L23.6336 31.205C24.1426 30.696 24.4286 30.0056 24.4286 29.2857H22.4286ZM22.4286 21V29.2857H24.4286V21H22.4286ZM21.7173 19.2827C22.1727 19.7382 22.4286 20.3559 22.4286 21H24.4286C24.4286 19.8255 23.962 18.699 23.1315 17.8685L21.7173 19.2827ZM20 18.5714C20.6441 18.5714 21.2618 18.8273 21.7173 19.2827L23.1315 17.8685C22.301 17.038 21.1746 16.5714 20 16.5714V18.5714Z", fill: "url(#paint1_linear_7049_61139)", mask: "url(#path-1-inside-1_7049_61139)" }), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint0_linear_7049_61139", x1: 20, y1: 1.0899, x2: 20.6375, y2: 39.9999, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#2591E4" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#1769B0" })), /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint1_linear_7049_61139", x1: 20.9771, y1: 39.4328, x2: 20, y2: 1.42296, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#2591E4" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#1769B0" }))));
+const SvgInfoIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M8 0C3.57895 0 0 3.57895 0 8C0 12.4211 3.57895 16 8 16C12.4211 16 16 12.4211 16 8C16 3.57895 12.4211 0 8 0ZM8 14.4211C4.47368 14.4211 1.57895 11.5263 1.57895 8C1.57895 4.47368 4.47368 1.57895 8 1.57895C11.5263 1.57895 14.4211 4.47368 14.4211 8C14.4211 11.5263 11.5263 14.4211 8 14.4211Z", fill: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.42106 6.73685H7.57895C7.42106 6.73685 7.3158 6.84211 7.3158 7V11.7895C7.3158 11.9474 7.42106 12.0526 7.57895 12.0526H8.42106C8.57895 12.0526 8.68422 11.9474 8.68422 11.7895V7C8.68422 6.84211 8.57895 6.73685 8.42106 6.73685Z", fill: "#71347B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.31577 4.21053C7.10524 4.42105 7.05261 4.63158 7.05261 4.89474C7.05261 5.15789 7.15788 5.42105 7.31577 5.57895C7.47366 5.78947 7.73682 5.89474 7.99998 5.89474C8.26314 5.89474 8.5263 5.78947 8.68419 5.63158C8.84209 5.47368 8.94735 5.21053 8.94735 4.94737C8.94735 4.68421 8.84209 4.42105 8.68419 4.26316C8.31577 3.84211 7.68419 3.84211 7.31577 4.21053Z", fill: "#71347B" }));
 const SvgCalendarIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M13.878 4.05558C13.7895 2.60703 12.5608 1.47217 11.0809 1.47217H10.3604V0.920871C10.3604 0.616552 10.1095 0.369568 9.80034 0.369568C9.4912 0.369568 9.2403 0.616552 9.2403 0.920871V1.47217H4.75997V0.920871C4.75997 0.616552 4.50907 0.369568 4.19993 0.369568C3.89079 0.369568 3.63989 0.616552 3.63989 0.920871V1.47217H2.9194C1.43921 1.47217 0.210478 2.60703 0.122271 4.05558C-0.0437812 6.78012 -0.0407009 9.5438 0.131512 12.2697C0.218878 13.654 1.3454 14.763 2.75166 14.849C4.16101 14.9353 5.58043 14.9783 6.99986 14.9783C8.419 14.9783 9.83871 14.9353 11.248 14.849C12.6543 14.763 13.7808 13.654 13.8682 12.2697C14.0407 9.54518 14.0438 6.78177 13.878 4.05558ZM12.7506 12.2014C12.698 13.0319 12.0223 13.697 11.1789 13.7486C8.40612 13.9181 5.59415 13.9181 2.82139 13.7486C1.97769 13.6968 1.302 13.0316 1.24963 12.2014C1.11718 10.1056 1.09002 7.98774 1.16087 5.8826H12.8397C12.9103 7.98857 12.8831 10.1064 12.7506 12.2014ZM4.19993 3.67738C4.50907 3.67738 4.75997 3.4304 4.75997 3.12608V2.57478H9.2403V3.12608C9.2403 3.4304 9.4912 3.67738 9.80034 3.67738C10.1095 3.67738 10.3604 3.4304 10.3604 3.12608V2.57478H11.0809C11.9694 2.57478 12.707 3.25426 12.7599 4.12146C12.773 4.34033 12.7786 4.56057 12.7896 4.77999H1.21071C1.22191 4.56057 1.22723 4.34033 1.24039 4.12146C1.29332 3.25426 2.03061 2.57478 2.9194 2.57478H3.63989V3.12608C3.63989 3.4304 3.89079 3.67738 4.19993 3.67738Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.19944 9.19047C4.66339 9.19047 5.0395 8.82023 5.0395 8.36351C5.0395 7.9068 4.66339 7.53656 4.19944 7.53656C3.73548 7.53656 3.35938 7.9068 3.35938 8.36351C3.35938 8.82023 3.73548 9.19047 4.19944 9.19047Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.00022 9.19047C7.46417 9.19047 7.84028 8.82023 7.84028 8.36351C7.84028 7.9068 7.46417 7.53656 7.00022 7.53656C6.53626 7.53656 6.16016 7.9068 6.16016 8.36351C6.16016 8.82023 6.53626 9.19047 7.00022 9.19047Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.19944 11.9468C4.66339 11.9468 5.0395 11.5766 5.0395 11.1199C5.0395 10.6631 4.66339 10.2929 4.19944 10.2929C3.73548 10.2929 3.35938 10.6631 3.35938 11.1199C3.35938 11.5766 3.73548 11.9468 4.19944 11.9468Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M9.79905 9.19047C10.263 9.19047 10.6391 8.82023 10.6391 8.36351C10.6391 7.9068 10.263 7.53656 9.79905 7.53656C9.33509 7.53656 8.95898 7.9068 8.95898 8.36351C8.95898 8.82023 9.33509 9.19047 9.79905 9.19047Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M9.79905 11.9468C10.263 11.9468 10.6391 11.5766 10.6391 11.1199C10.6391 10.6631 10.263 10.2929 9.79905 10.2929C9.33509 10.2929 8.95898 10.6631 8.95898 11.1199C8.95898 11.5766 9.33509 11.9468 9.79905 11.9468Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.00022 11.9468C7.46417 11.9468 7.84028 11.5766 7.84028 11.1199C7.84028 10.6631 7.46417 10.2929 7.00022 10.2929C6.53626 10.2929 6.16016 10.6631 6.16016 11.1199C6.16016 11.5766 6.53626 11.9468 7.00022 11.9468Z", fill: "currentColor" }));
@@ -517,6 +521,8 @@ const SvgUserWarning = (props) => /* @__PURE__ */ React__namespace.createElement
 const SvgUserWithSystem = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 241 240", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { clipPath: "url(#clip0_434_9692)" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M192.365 183.552H0.36499V183.672H192.365V183.552Z", fill: "#EBEBEB" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2771 187.627H25.5459V187.747H46.2771V187.627Z", fill: "#EBEBEB" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M53.5921 187.627H50.5537V187.747H53.5921V187.627Z", fill: "#EBEBEB" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M108.437 189.653H63.4707V189.773H108.437V189.653Z", fill: "#EBEBEB" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M114.125 162.144H21.4418C20.7157 162.143 20.0198 161.853 19.5069 161.34C18.9939 160.826 18.7058 160.129 18.7058 159.403V29.1168C18.7121 28.3949 19.003 27.7046 19.5153 27.1959C20.0276 26.6873 20.7199 26.4012 21.4418 26.4H114.125C114.852 26.4 115.549 26.6888 116.063 27.2028C116.577 27.7168 116.866 28.4139 116.866 29.1408V159.403C116.866 160.13 116.577 160.827 116.063 161.341C115.549 161.855 114.852 162.144 114.125 162.144ZM21.4418 26.496C20.7476 26.4973 20.0822 26.7739 19.5917 27.2653C19.1013 27.7567 18.8258 28.4225 18.8258 29.1168V159.403C18.8258 160.097 19.1013 160.763 19.5917 161.255C20.0822 161.746 20.7476 162.023 21.4418 162.024H114.125C114.82 162.023 115.486 161.746 115.977 161.255C116.468 160.764 116.745 160.098 116.746 159.403V29.1168C116.745 28.4221 116.468 27.7562 115.977 27.265C115.486 26.7738 114.82 26.4973 114.125 26.496H21.4418Z", fill: "#EBEBEB" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M119.818 49.2816H38.4482V140.443H119.818V49.2816Z", fill: "#EBEBEB" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M119.818 50.7552H40.0466V138.83H119.818V50.7552Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.9938 97.5024V91.3152H44.7602V87.1872H47.117V81H47.7074V87.1872H50.0642V91.3152H51.8306V97.5024H55.0754V99.2688H56.549V106.046H56.8418V96.3216H57.725V102.509H58.6082V87.7776H59.1986V93.9648H61.5554V91.9056H62.4386V83.3568H64.2098V74.8128H64.8002V75.9888H76.8818V72.456H78.941V58.9008H79.829V72.456H82.7762V75.9888H83.9522V93.672H90.1394V88.368H88.0802V87.4848H90.1394V86.0112H96.0338V72.456H97.5074V70.392H104.578V72.456H105.466V91.3152H108.706V99.8592H110.472V93.0816H111.946V91.3152H115.191V85.1232H116.957V81H119.016V74.8128H119.818V138.83H40.0466V97.5024H42.9938Z", fill: "#F0F0F0" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M72.3699 76.9152H71.5347V77.7504H72.3699V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M72.3699 78.312H71.5347V79.1472H72.3699V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M72.3699 83.9136H71.5347V84.7488H72.3699V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M72.3699 85.3104H71.5347V86.1456H72.3699V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M72.3699 86.712H71.5347V87.5472H72.3699V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M72.3699 90.912H71.5347V91.7472H72.3699V90.912Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M72.3699 92.3088H71.5347V93.144H72.3699V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M73.6946 82.512H72.8594V83.3472H73.6946V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M73.6946 83.9136H72.8594V84.7488H73.6946V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M73.6946 85.3104H72.8594V86.1456H73.6946V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M73.6946 86.712H72.8594V87.5472H73.6946V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M73.6946 88.1136H72.8594V88.9488H73.6946V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M73.6946 90.912H72.8594V91.7472H73.6946V90.912Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M73.6946 92.3088H72.8594V93.144H73.6946V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M75.0193 76.9152H74.1841V77.7504H75.0193V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M75.0193 78.312H74.1841V79.1472H75.0193V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M75.0193 79.7136H74.1841V80.5488H75.0193V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M75.0193 81.1152H74.1841V81.9504H75.0193V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M75.0193 82.512H74.1841V83.3472H75.0193V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M75.0193 83.9136H74.1841V84.7488H75.0193V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M75.0193 85.3104H74.1841V86.1456H75.0193V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M75.0193 86.712H74.1841V87.5472H75.0193V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M75.0193 88.1136H74.1841V88.9488H75.0193V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M75.0193 89.5104H74.1841V90.3456H75.0193V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M75.0193 92.3088H74.1841V93.144H75.0193V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M76.3489 76.9152H75.5137V77.7504H76.3489V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M76.3489 78.312H75.5137V79.1472H76.3489V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M76.3489 79.7136H75.5137V80.5488H76.3489V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M76.3489 81.1152H75.5137V81.9504H76.3489V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M76.3489 82.512H75.5137V83.3472H76.3489V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M76.3489 83.9136H75.5137V84.7488H76.3489V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M76.3489 85.3104H75.5137V86.1456H76.3489V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M76.3489 97.9104H75.5137V98.7456H76.3489V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M77.6738 76.9152H76.8386V77.7504H77.6738V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M77.6738 78.312H76.8386V79.1472H77.6738V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M77.6738 79.7136H76.8386V80.5488H77.6738V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M77.6738 81.1152H76.8386V81.9504H77.6738V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M77.6738 82.512H76.8386V83.3472H77.6738V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M77.6738 83.9136H76.8386V84.7488H77.6738V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M77.6738 85.3104H76.8386V86.1456H77.6738V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M77.6738 86.712H76.8386V87.5472H77.6738V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M77.6738 95.112H76.8386V95.9472H77.6738V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M77.6738 96.5088H76.8386V97.344H77.6738V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M77.6738 97.9104H76.8386V98.7456H77.6738V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M77.6738 99.312H76.8386V100.147H77.6738V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M77.6738 104.909H76.8386V105.744H77.6738V104.909Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 76.9152H78.1633V77.7504H78.9985V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 78.312H78.1633V79.1472H78.9985V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 79.7136H78.1633V80.5488H78.9985V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 81.1152H78.1633V81.9504H78.9985V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 82.512H78.1633V83.3472H78.9985V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 83.9136H78.1633V84.7488H78.9985V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 85.3104H78.1633V86.1456H78.9985V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 86.712H78.1633V87.5472H78.9985V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 88.1136H78.1633V88.9488H78.9985V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 89.5104H78.1633V90.3456H78.9985V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 93.7104H78.1633V94.5456H78.9985V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 95.112H78.1633V95.9472H78.9985V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 96.5088H78.1633V97.344H78.9985V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 97.9104H78.1633V98.7456H78.9985V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 99.312H78.1633V100.147H78.9985V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M78.9985 104.909H78.1633V105.744H78.9985V104.909Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 76.9152H79.4883V77.7504H80.3235V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 78.312H79.4883V79.1472H80.3235V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 79.7136H79.4883V80.5488H80.3235V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 81.1152H79.4883V81.9504H80.3235V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 82.512H79.4883V83.3472H80.3235V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 83.9136H79.4883V84.7488H80.3235V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 85.3104H79.4883V86.1456H80.3235V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 86.712H79.4883V87.5472H80.3235V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 88.1136H79.4883V88.9488H80.3235V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 89.5104H79.4883V90.3456H80.3235V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 90.912H79.4883V91.7472H80.3235V90.912Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 92.3088H79.4883V93.144H80.3235V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 93.7104H79.4883V94.5456H80.3235V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 95.112H79.4883V95.9472H80.3235V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 96.5088H79.4883V97.344H80.3235V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 97.9104H79.4883V98.7456H80.3235V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 99.312H79.4883V100.147H80.3235V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M80.3235 100.709H79.4883V101.544H80.3235V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 76.9152H80.8179V77.7504H81.6531V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 78.312H80.8179V79.1472H81.6531V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 79.7136H80.8179V80.5488H81.6531V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 81.1152H80.8179V81.9504H81.6531V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 82.512H80.8179V83.3472H81.6531V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 83.9136H80.8179V84.7488H81.6531V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 85.3104H80.8179V86.1456H81.6531V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 86.712H80.8179V87.5472H81.6531V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 88.1136H80.8179V88.9488H81.6531V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 89.5104H80.8179V90.3456H81.6531V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 93.7104H80.8179V94.5456H81.6531V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 95.112H80.8179V95.9472H81.6531V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 96.5088H80.8179V97.344H81.6531V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.6531 97.9104H80.8179V98.7456H81.6531V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.9778 76.9152H82.1426V77.7504H82.9778V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.9778 78.312H82.1426V79.1472H82.9778V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.9778 79.7136H82.1426V80.5488H82.9778V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.9778 81.1152H82.1426V81.9504H82.9778V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.9778 82.512H82.1426V83.3472H82.9778V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.9778 83.9136H82.1426V84.7488H82.9778V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.9778 85.3104H82.1426V86.1456H82.9778V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.9778 86.712H82.1426V87.5472H82.9778V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.9778 88.1136H82.1426V88.9488H82.9778V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.9778 89.5104H82.1426V90.3456H82.9778V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.9778 93.7104H82.1426V94.5456H82.9778V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.9778 95.112H82.1426V95.9472H82.9778V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.9778 96.5088H82.1426V97.344H82.9778V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.9058 73.2816H97.0706V74.1168H97.9058V73.2816Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.9058 74.6784H97.0706V75.5136H97.9058V74.6784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.9058 76.08H97.0706V76.9152H97.9058V76.08Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.9058 77.4768H97.0706V78.312H97.9058V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.9058 78.8784H97.0706V79.7136H97.9058V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.9058 80.28H97.0706V81.1152H97.9058V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.9058 81.6768H97.0706V82.512H97.9058V81.6768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.9058 83.0784H97.0706V83.9136H97.9058V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.9058 87.2784H97.0706V88.1136H97.9058V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.9058 88.6752H97.0706V89.5104H97.9058V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M99.2353 73.2816H98.4001V74.1168H99.2353V73.2816Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M99.2353 74.6784H98.4001V75.5136H99.2353V74.6784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M99.2353 76.08H98.4001V76.9152H99.2353V76.08Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M99.2353 77.4768H98.4001V78.312H99.2353V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M99.2353 78.8784H98.4001V79.7136H99.2353V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M99.2353 80.28H98.4001V81.1152H99.2353V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M99.2353 81.6768H98.4001V82.512H99.2353V81.6768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M99.2353 83.0784H98.4001V83.9136H99.2353V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M99.2353 88.6752H98.4001V89.5104H99.2353V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M100.56 73.2816H99.7251V74.1168H100.56V73.2816Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M100.56 74.6784H99.7251V75.5136H100.56V74.6784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M100.56 76.08H99.7251V76.9152H100.56V76.08Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M100.56 77.4768H99.7251V78.312H100.56V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M100.56 78.8784H99.7251V79.7136H100.56V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M100.56 80.28H99.7251V81.1152H100.56V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M100.56 81.6768H99.7251V82.512H100.56V81.6768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M100.56 83.0784H99.7251V83.9136H100.56V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 73.2816H101.05V74.1168H101.885V73.2816Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 74.6784H101.05V75.5136H101.885V74.6784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 76.08H101.05V76.9152H101.885V76.08Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 77.4768H101.05V78.312H101.885V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 78.8784H101.05V79.7136H101.885V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 80.28H101.05V81.1152H101.885V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 83.0784H101.05V83.9136H101.885V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 84.48H101.05V85.3152H101.885V84.48Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 88.6752H101.05V89.5104H101.885V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 90.0768H101.05V90.912H101.885V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 91.4784H101.05V92.3136H101.885V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 92.8752H101.05V93.7104H101.885V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 94.2768H101.05V95.112H101.885V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 95.6736H101.05V96.5088H101.885V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M101.885 97.0752H101.05V97.9104H101.885V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 73.2816H102.375V74.1168H103.21V73.2816Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 74.6784H102.375V75.5136H103.21V74.6784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 76.08H102.375V76.9152H103.21V76.08Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 77.4768H102.375V78.312H103.21V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 78.8784H102.375V79.7136H103.21V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 80.28H102.375V81.1152H103.21V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 84.48H102.375V85.3152H103.21V84.48Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 85.8768H102.375V86.712H103.21V85.8768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 87.2784H102.375V88.1136H103.21V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 88.6752H102.375V89.5104H103.21V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 90.0768H102.375V90.912H103.21V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 91.4784H102.375V92.3136H103.21V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 92.8752H102.375V93.7104H103.21V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 94.2768H102.375V95.112H103.21V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 95.6736H102.375V96.5088H103.21V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 97.0752H102.375V97.9104H103.21V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 98.4768H102.375V99.312H103.21V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M103.21 101.275H102.375V102.11H103.21V101.275Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 73.2816H103.704V74.1168H104.539V73.2816Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 74.6784H103.704V75.5136H104.539V74.6784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 76.08H103.704V76.9152H104.539V76.08Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 77.4768H103.704V78.312H104.539V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 78.8784H103.704V79.7136H104.539V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 80.28H103.704V81.1152H104.539V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 84.48H103.704V85.3152H104.539V84.48Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 85.8768H103.704V86.712H104.539V85.8768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 87.2784H103.704V88.1136H104.539V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 88.6752H103.704V89.5104H104.539V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 92.8752H103.704V93.7104H104.539V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 94.2768H103.704V95.112H104.539V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 95.6736H103.704V96.5088H104.539V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 97.0752H103.704V97.9104H104.539V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 98.4768H103.704V99.312H104.539V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 101.275H103.704V102.11H104.539V101.275Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M104.539 102.672H103.704V103.507H104.539V102.672Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M116.568 86.2944H115.733V87.1296H116.568V86.2944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M116.568 87.696H115.733V88.5312H116.568V87.696Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M116.568 89.0928H115.733V89.928H116.568V89.0928Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M116.568 90.4944H115.733V91.3296H116.568V90.4944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M116.568 91.896H115.733V92.7312H116.568V91.896Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M116.568 93.2928H115.733V94.128H116.568V93.2928Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M116.568 94.6944H115.733V95.5296H116.568V94.6944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M116.568 98.8944H115.733V99.7296H116.568V98.8944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M116.568 100.291H115.733V101.126H116.568V100.291Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M116.568 101.693H115.733V102.528H116.568V101.693Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M117.898 86.2944H117.062V87.1296H117.898V86.2944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M117.898 87.696H117.062V88.5312H117.898V87.696Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M117.898 89.0928H117.062V89.928H117.898V89.0928Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M117.898 90.4944H117.062V91.3296H117.898V90.4944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M117.898 91.896H117.062V92.7312H117.898V91.896Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M117.898 93.2928H117.062V94.128H117.898V93.2928Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M117.898 94.6944H117.062V95.5296H117.898V94.6944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M119.587 86.2944H118.387V87.1296H119.587V86.2944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M119.587 87.696H118.387V88.5312H119.587V87.696Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M119.587 89.0928H118.387V89.928H119.587V89.0928Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M119.587 90.4944H118.387V91.3296H119.587V90.4944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M119.587 91.896H118.387V92.7312H119.587V91.896Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M119.587 93.2928H118.387V94.128H119.587V93.2928Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M119.587 94.6944H118.387V95.5296H119.587V94.6944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 88.1136H45.4563V88.9488H46.2915V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 89.5104H45.4563V90.3456H46.2915V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 90.912H45.4563V91.7472H46.2915V90.912Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 92.3088H45.4563V93.144H46.2915V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 93.7104H45.4563V94.5456H46.2915V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 95.112H45.4563V95.9472H46.2915V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 96.5088H45.4563V97.344H46.2915V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 97.9104H45.4563V98.7456H46.2915V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 99.312H45.4563V100.147H46.2915V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 100.709H45.4563V101.544H46.2915V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 102.11H45.4563V102.946H46.2915V102.11Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 103.507H45.4563V104.342H46.2915V103.507Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 104.909H45.4563V105.744H46.2915V104.909Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 106.31H45.4563V107.146H46.2915V106.31Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 107.707H45.4563V108.542H46.2915V107.707Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 109.109H45.4563V109.944H46.2915V109.109Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 110.506H45.4563V111.341H46.2915V110.506Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 111.907H45.4563V112.742H46.2915V111.907Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 113.309H45.4563V114.144H46.2915V113.309Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.2915 114.706H45.4563V115.541H46.2915V114.706Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 88.1136H46.781V88.9488H47.6162V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 89.5104H46.781V90.3456H47.6162V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 90.912H46.781V91.7472H47.6162V90.912Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 92.3088H46.781V93.144H47.6162V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 93.7104H46.781V94.5456H47.6162V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 95.112H46.781V95.9472H47.6162V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 96.5088H46.781V97.344H47.6162V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 97.9104H46.781V98.7456H47.6162V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 99.312H46.781V100.147H47.6162V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 100.709H46.781V101.544H47.6162V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 102.11H46.781V102.946H47.6162V102.11Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 103.507H46.781V104.342H47.6162V103.507Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 104.909H46.781V105.744H47.6162V104.909Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 106.31H46.781V107.146H47.6162V106.31Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 107.707H46.781V108.542H47.6162V107.707Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 109.109H46.781V109.944H47.6162V109.109Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 110.506H46.781V111.341H47.6162V110.506Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.6162 111.907H46.781V112.742H47.6162V111.907Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 88.1136H48.1057V88.9488H48.9409V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 89.5104H48.1057V90.3456H48.9409V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 90.912H48.1057V91.7472H48.9409V90.912Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 92.3088H48.1057V93.144H48.9409V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 93.7104H48.1057V94.5456H48.9409V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 95.112H48.1057V95.9472H48.9409V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 96.5088H48.1057V97.344H48.9409V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 97.9104H48.1057V98.7456H48.9409V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 99.312H48.1057V100.147H48.9409V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 100.709H48.1057V101.544H48.9409V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 102.11H48.1057V102.946H48.9409V102.11Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 103.507H48.1057V104.342H48.9409V103.507Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 104.909H48.1057V105.744H48.9409V104.909Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 106.31H48.1057V107.146H48.9409V106.31Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 107.707H48.1057V108.542H48.9409V107.707Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 109.109H48.1057V109.944H48.9409V109.109Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 110.506H48.1057V111.341H48.9409V110.506Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.9409 111.907H48.1057V112.742H48.9409V111.907Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M41.3281 98.328H40.4929V99.1632H41.3281V98.328Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M41.3281 99.7296H40.4929V100.565H41.3281V99.7296Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M41.3281 101.126H40.4929V101.962H41.3281V101.126Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M41.3281 102.528H40.4929V103.363H41.3281V102.528Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M41.3281 103.925H40.4929V104.76H41.3281V103.925Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M41.3281 105.326H40.4929V106.162H41.3281V105.326Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M41.3281 106.728H40.4929V107.563H41.3281V106.728Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M41.3281 108.125H40.4929V108.96H41.3281V108.125Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M41.3281 109.526H40.4929V110.362H41.3281V109.526Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M41.3281 110.923H40.4929V111.758H41.3281V110.923Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M41.3281 112.325H40.4929V113.16H41.3281V112.325Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M41.3281 113.726H40.4929V114.562H41.3281V113.726Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M41.3281 115.123H40.4929V115.958H41.3281V115.123Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.6531 98.328H41.8179V99.1632H42.6531V98.328Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.6531 99.7296H41.8179V100.565H42.6531V99.7296Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.6531 101.126H41.8179V101.962H42.6531V101.126Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.6531 102.528H41.8179V103.363H42.6531V102.528Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.6531 103.925H41.8179V104.76H42.6531V103.925Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.6531 105.326H41.8179V106.162H42.6531V105.326Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.6531 106.728H41.8179V107.563H42.6531V106.728Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.6531 108.125H41.8179V108.96H42.6531V108.125Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.6531 109.526H41.8179V110.362H42.6531V109.526Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.6531 110.923H41.8179V111.758H42.6531V110.923Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.6531 112.325H41.8179V113.16H42.6531V112.325Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.6531 113.726H41.8179V114.562H42.6531V113.726Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.6531 115.123H41.8179V115.958H42.6531V115.123Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 98.328H43.1475V99.1632H43.9827V98.328Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 99.7296H43.1475V100.565H43.9827V99.7296Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 101.126H43.1475V101.962H43.9827V101.126Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 102.528H43.1475V103.363H43.9827V102.528Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 103.925H43.1475V104.76H43.9827V103.925Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 105.326H43.1475V106.162H43.9827V105.326Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 106.728H43.1475V107.563H43.9827V106.728Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 108.125H43.1475V108.96H43.9827V108.125Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 109.526H43.1475V110.362H43.9827V109.526Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 110.923H43.1475V111.758H43.9827V110.923Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 112.325H43.1475V113.16H43.9827V112.325Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 113.726H43.1475V114.562H43.9827V113.726Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 115.123H43.1475V115.958H43.9827V115.123Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M43.9827 116.525H43.1475V117.36H43.9827V116.525Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M51.3506 98.7456H50.5154V99.5808H51.3506V98.7456Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M51.3506 100.142H50.5154V100.978H51.3506V100.142Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M51.3506 101.544H50.5154V102.379H51.3506V101.544Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M51.3506 102.946H50.5154V103.781H51.3506V102.946Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M51.3506 104.342H50.5154V105.178H51.3506V104.342Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M51.3506 105.744H50.5154V106.579H51.3506V105.744Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M51.3506 107.146H50.5154V107.981H51.3506V107.146Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M51.3506 108.542H50.5154V109.378H51.3506V108.542Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M51.3506 109.944H50.5154V110.779H51.3506V109.944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M51.3506 111.341H50.5154V112.176H51.3506V111.341Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M51.3506 115.541H50.5154V116.376H51.3506V115.541Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.6753 98.7456H51.8401V99.5808H52.6753V98.7456Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.6753 100.142H51.8401V100.978H52.6753V100.142Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.6753 101.544H51.8401V102.379H52.6753V101.544Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.6753 102.946H51.8401V103.781H52.6753V102.946Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.6753 104.342H51.8401V105.178H52.6753V104.342Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.6753 105.744H51.8401V106.579H52.6753V105.744Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.6753 107.146H51.8401V107.981H52.6753V107.146Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.6753 108.542H51.8401V109.378H52.6753V108.542Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.6753 109.944H51.8401V110.779H52.6753V109.944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.6753 114.144H51.8401V114.979H52.6753V114.144Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.6753 115.541H51.8401V116.376H52.6753V115.541Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M54.0002 98.7456H53.165V99.5808H54.0002V98.7456Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M54.0002 100.142H53.165V100.978H54.0002V100.142Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M54.0002 101.544H53.165V102.379H54.0002V101.544Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M54.0002 102.946H53.165V103.781H54.0002V102.946Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M54.0002 104.342H53.165V105.178H54.0002V104.342Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M54.0002 105.744H53.165V106.579H54.0002V105.744Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M54.0002 107.146H53.165V107.981H54.0002V107.146Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M54.0002 108.542H53.165V109.378H54.0002V108.542Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M54.0002 112.742H53.165V113.578H54.0002V112.742Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M54.0002 114.144H53.165V114.979H54.0002V114.144Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M54.0002 115.541H53.165V116.376H54.0002V115.541Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 77.4768H65.4915V78.312H66.3267V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 78.8784H65.4915V79.7136H66.3267V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 80.28H65.4915V81.1152H66.3267V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 81.6768H65.4915V82.512H66.3267V81.6768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 83.0784H65.4915V83.9136H66.3267V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 84.48H65.4915V85.3152H66.3267V84.48Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 85.8768H65.4915V86.712H66.3267V85.8768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 87.2784H65.4915V88.1136H66.3267V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 88.6752H65.4915V89.5104H66.3267V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 90.0768H65.4915V90.912H66.3267V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 91.4784H65.4915V92.3136H66.3267V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 92.8752H65.4915V93.7104H66.3267V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 94.2768H65.4915V95.112H66.3267V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 95.6736H65.4915V96.5088H66.3267V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 97.0752H65.4915V97.9104H66.3267V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 98.4768H65.4915V99.312H66.3267V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 99.8736H65.4915V100.709H66.3267V99.8736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 102.672H65.4915V103.507H66.3267V102.672Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 104.074H65.4915V104.909H66.3267V104.074Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 105.475H65.4915V106.31H66.3267V105.475Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 106.872H65.4915V107.707H66.3267V106.872Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.3267 108.274H65.4915V109.109H66.3267V108.274Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 77.4768H66.8162V78.312H67.6514V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 78.8784H66.8162V79.7136H67.6514V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 80.28H66.8162V81.1152H67.6514V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 81.6768H66.8162V82.512H67.6514V81.6768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 83.0784H66.8162V83.9136H67.6514V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 84.48H66.8162V85.3152H67.6514V84.48Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 85.8768H66.8162V86.712H67.6514V85.8768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 87.2784H66.8162V88.1136H67.6514V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 88.6752H66.8162V89.5104H67.6514V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 90.0768H66.8162V90.912H67.6514V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 91.4784H66.8162V92.3136H67.6514V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 92.8752H66.8162V93.7104H67.6514V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 94.2768H66.8162V95.112H67.6514V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 95.6736H66.8162V96.5088H67.6514V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 97.0752H66.8162V97.9104H67.6514V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 98.4768H66.8162V99.312H67.6514V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 106.872H66.8162V107.707H67.6514V106.872Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.6514 108.274H66.8162V109.109H67.6514V108.274Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 77.4768H68.1458V78.312H68.9809V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 78.8784H68.1458V79.7136H68.9809V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 80.28H68.1458V81.1152H68.9809V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 81.6768H68.1458V82.512H68.9809V81.6768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 83.0784H68.1458V83.9136H68.9809V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 84.48H68.1458V85.3152H68.9809V84.48Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 85.8768H68.1458V86.712H68.9809V85.8768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 87.2784H68.1458V88.1136H68.9809V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 88.6752H68.1458V89.5104H68.9809V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 90.0768H68.1458V90.912H68.9809V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 91.4784H68.1458V92.3136H68.9809V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 92.8752H68.1458V93.7104H68.9809V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 94.2768H68.1458V95.112H68.9809V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 95.6736H68.1458V96.5088H68.9809V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 97.0752H68.1458V97.9104H68.9809V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 98.4768H68.1458V99.312H68.9809V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 101.275H68.1458V102.11H68.9809V101.275Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 102.672H68.1458V103.507H68.9809V102.672Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 104.074H68.1458V104.909H68.9809V104.074Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 105.475H68.1458V106.31H68.9809V105.475Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.9809 108.274H68.1458V109.109H68.9809V108.274Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 95.112H60.677V95.9472H61.5122V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 96.5088H60.677V97.344H61.5122V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 97.9104H60.677V98.7456H61.5122V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 99.312H60.677V100.147H61.5122V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 100.709H60.677V101.544H61.5122V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 102.11H60.677V102.946H61.5122V102.11Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 103.507H60.677V104.342H61.5122V103.507Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 106.31H60.677V107.146H61.5122V106.31Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 107.707H60.677V108.542H61.5122V107.707Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 109.109H60.677V109.944H61.5122V109.109Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 110.506H60.677V111.341H61.5122V110.506Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 111.907H60.677V112.742H61.5122V111.907Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 113.309H60.677V114.144H61.5122V113.309Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 114.706H60.677V115.541H61.5122V114.706Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.5122 116.107H60.677V116.942H61.5122V116.107Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 95.112H62.0066V95.9472H62.8418V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 96.5088H62.0066V97.344H62.8418V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 97.9104H62.0066V98.7456H62.8418V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 99.312H62.0066V100.147H62.8418V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 100.709H62.0066V101.544H62.8418V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 102.11H62.0066V102.946H62.8418V102.11Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 106.31H62.0066V107.146H62.8418V106.31Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 107.707H62.0066V108.542H62.8418V107.707Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 109.109H62.0066V109.944H62.8418V109.109Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 110.506H62.0066V111.341H62.8418V110.506Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 111.907H62.0066V112.742H62.8418V111.907Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 113.309H62.0066V114.144H62.8418V113.309Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 114.706H62.0066V115.541H62.8418V114.706Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M62.8418 116.107H62.0066V116.942H62.8418V116.107Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 95.112H63.3313V95.9472H64.1665V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 96.5088H63.3313V97.344H64.1665V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 97.9104H63.3313V98.7456H64.1665V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 99.312H63.3313V100.147H64.1665V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 100.709H63.3313V101.544H64.1665V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 102.11H63.3313V102.946H64.1665V102.11Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 104.909H63.3313V105.744H64.1665V104.909Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 106.31H63.3313V107.146H64.1665V106.31Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 107.707H63.3313V108.542H64.1665V107.707Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 109.109H63.3313V109.944H64.1665V109.109Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 110.506H63.3313V111.341H64.1665V110.506Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 111.907H63.3313V112.742H64.1665V111.907Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 113.309H63.3313V114.144H64.1665V113.309Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 114.706H63.3313V115.541H64.1665V114.706Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.1665 116.107H63.3313V116.942H64.1665V116.107Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 87.2784H91.2771V88.1136H92.1123V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 88.6752H91.2771V89.5104H92.1123V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 90.0768H91.2771V90.912H92.1123V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 91.4784H91.2771V92.3136H92.1123V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 92.8752H91.2771V93.7104H92.1123V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 94.2768H91.2771V95.112H92.1123V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 95.6736H91.2771V96.5088H92.1123V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 97.0752H91.2771V97.9104H92.1123V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 98.4768H91.2771V99.312H92.1123V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 99.8736H91.2771V100.709H92.1123V99.8736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 101.275H91.2771V102.11H92.1123V101.275Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 102.672H91.2771V103.507H92.1123V102.672Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 104.074H91.2771V104.909H92.1123V104.074Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 106.872H91.2771V107.707H92.1123V106.872Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 108.274H91.2771V109.109H92.1123V108.274Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 109.67H91.2771V110.506H92.1123V109.67Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 111.072H91.2771V111.907H92.1123V111.072Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 113.87H91.2771V114.706H92.1123V113.87Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 115.272H91.2771V116.107H92.1123V115.272Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M92.1123 116.669H91.2771V117.504H92.1123V116.669Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 87.2784H92.6018V88.1136H93.437V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 88.6752H92.6018V89.5104H93.437V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 90.0768H92.6018V90.912H93.437V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 91.4784H92.6018V92.3136H93.437V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 92.8752H92.6018V93.7104H93.437V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 94.2768H92.6018V95.112H93.437V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 95.6736H92.6018V96.5088H93.437V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 97.0752H92.6018V97.9104H93.437V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 98.4768H92.6018V99.312H93.437V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 99.8736H92.6018V100.709H93.437V99.8736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 101.275H92.6018V102.11H93.437V101.275Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 102.672H92.6018V103.507H93.437V102.672Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 104.074H92.6018V104.909H93.437V104.074Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 108.274H92.6018V109.109H93.437V108.274Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 109.67H92.6018V110.506H93.437V109.67Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 112.474H92.6018V113.309H93.437V112.474Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 113.87H92.6018V114.706H93.437V113.87Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 115.272H92.6018V116.107H93.437V115.272Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.437 116.669H92.6018V117.504H93.437V116.669Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 87.2784H93.9265V88.1136H94.7617V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 88.6752H93.9265V89.5104H94.7617V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 90.0768H93.9265V90.912H94.7617V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 91.4784H93.9265V92.3136H94.7617V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 92.8752H93.9265V93.7104H94.7617V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 94.2768H93.9265V95.112H94.7617V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 95.6736H93.9265V96.5088H94.7617V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 97.0752H93.9265V97.9104H94.7617V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 98.4768H93.9265V99.312H94.7617V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 99.8736H93.9265V100.709H94.7617V99.8736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 101.275H93.9265V102.11H94.7617V101.275Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 102.672H93.9265V103.507H94.7617V102.672Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 104.074H93.9265V104.909H94.7617V104.074Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 105.475H93.9265V106.31H94.7617V105.475Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 108.274H93.9265V109.109H94.7617V108.274Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 111.072H93.9265V111.907H94.7617V111.072Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 112.474H93.9265V113.309H94.7617V112.474Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 113.87H93.9265V114.706H94.7617V113.87Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 115.272H93.9265V116.107H94.7617V115.272Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.7617 116.669H93.9265V117.504H94.7617V116.669Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M86.7073 95.256H85.8721V96.0912H86.7073V95.256Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M86.7073 96.6576H85.8721V97.4928H86.7073V96.6576Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M86.7073 98.0592H85.8721V98.8944H86.7073V98.0592Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M86.7073 99.456H85.8721V100.291H86.7073V99.456Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M86.7073 100.858H85.8721V101.693H86.7073V100.858Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M86.7073 102.254H85.8721V103.09H86.7073V102.254Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M86.7073 106.454H85.8721V107.29H86.7073V106.454Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M86.7073 107.856H85.8721V108.691H86.7073V107.856Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M86.7073 109.253H85.8721V110.088H86.7073V109.253Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M86.7073 110.654H85.8721V111.49H86.7073V110.654Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M86.7073 112.056H85.8721V112.891H86.7073V112.056Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M86.7073 113.453H85.8721V114.288H86.7073V113.453Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M86.7073 114.854H85.8721V115.69H86.7073V114.854Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M88.0371 95.256H87.2019V96.0912H88.0371V95.256Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M88.0371 96.6576H87.2019V97.4928H88.0371V96.6576Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M88.0371 98.0592H87.2019V98.8944H88.0371V98.0592Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M88.0371 99.456H87.2019V100.291H88.0371V99.456Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M88.0371 100.858H87.2019V101.693H88.0371V100.858Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M88.0371 102.254H87.2019V103.09H88.0371V102.254Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M88.0371 106.454H87.2019V107.29H88.0371V106.454Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M88.0371 107.856H87.2019V108.691H88.0371V107.856Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M88.0371 109.253H87.2019V110.088H88.0371V109.253Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M88.0371 110.654H87.2019V111.49H88.0371V110.654Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M88.0371 112.056H87.2019V112.891H88.0371V112.056Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M88.0371 113.453H87.2019V114.288H88.0371V113.453Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M88.0371 116.256H87.2019V117.091H88.0371V116.256Z", fill: "#FAFAFA" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M119.813 49.488H118.157V140.443H119.813V49.488Z", fill: "#EBEBEB" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.197 49.488H91.7954V140.443H93.197V49.488Z", fill: "#EBEBEB" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M66.8354 49.488H65.4338V140.443H66.8354V49.488Z", fill: "#EBEBEB" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M98.5987 205.229C137.977 205.229 169.9 202.796 169.9 199.795C169.9 196.794 137.977 194.362 98.5987 194.362C59.2202 194.362 27.2976 196.794 27.2976 199.795C27.2976 202.796 59.2202 205.229 98.5987 205.229Z", fill: "#F5F5F5" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M87.3795 71.1648H73.5891C72.4624 71.1648 71.3819 71.6124 70.5853 72.409C69.7886 73.2057 69.3411 74.2862 69.3411 75.4128V87.4128C69.3411 88.5395 69.7886 89.6199 70.5853 90.4166C71.3819 91.2133 72.4624 91.6608 73.5891 91.6608H77.6115L74.2515 98.328L80.4915 91.6608H87.3987C87.9563 91.6608 88.5085 91.5509 89.0236 91.3374C89.5387 91.1238 90.0067 90.8108 90.4008 90.4163C90.7948 90.0218 91.1073 89.5534 91.3203 89.0381C91.5332 88.5227 91.6425 87.9704 91.6419 87.4128V75.4128C91.6425 74.8536 91.5326 74.2997 91.3184 73.7831C91.1043 73.2665 90.7901 72.7973 90.394 72.4025C89.9979 72.0077 89.5276 71.6951 89.0103 71.4827C88.4929 71.2703 87.9387 71.1623 87.3795 71.1648Z", fill: "#BA68C8" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.7, d: "M87.3795 71.1648H73.5891C72.4624 71.1648 71.3819 71.6124 70.5853 72.409C69.7886 73.2057 69.3411 74.2862 69.3411 75.4128V87.4128C69.3411 88.5395 69.7886 89.6199 70.5853 90.4166C71.3819 91.2133 72.4624 91.6608 73.5891 91.6608H77.6115L74.2515 98.328L80.4915 91.6608H87.3987C87.9563 91.6608 88.5085 91.5509 89.0236 91.3374C89.5387 91.1238 90.0067 90.8108 90.4008 90.4163C90.7948 90.0218 91.1073 89.5534 91.3203 89.0381C91.5332 88.5227 91.6425 87.9704 91.6419 87.4128V75.4128C91.6425 74.8536 91.5326 74.2997 91.3184 73.7831C91.1043 73.2665 90.7901 72.7973 90.394 72.4025C89.9979 72.0077 89.5276 71.6951 89.0103 71.4827C88.4929 71.2703 87.9387 71.1623 87.3795 71.1648Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M85.3208 86.2007C87.9939 83.5276 87.9939 79.1937 85.3208 76.5207C82.6477 73.8476 78.3138 73.8476 75.6408 76.5207C72.9677 79.1937 72.9677 83.5276 75.6408 86.2007C78.3138 88.8737 82.6477 88.8737 85.3208 86.2007Z", fill: "#BA68C8" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M79.7667 84.4176C79.6755 84.4178 79.5853 84.3982 79.5024 84.3601C79.4195 84.3219 79.3459 84.2662 79.2867 84.1968L76.5987 81.0336C76.5451 80.9706 76.5045 80.8976 76.4791 80.8189C76.4537 80.7401 76.4441 80.6572 76.4508 80.5747C76.4575 80.4922 76.4803 80.4119 76.5181 80.3383C76.5558 80.2647 76.6077 80.1992 76.6707 80.1456C76.798 80.0374 76.9631 79.9842 77.1296 79.9977C77.2121 80.0044 77.2924 80.0272 77.366 80.065C77.4396 80.1027 77.5051 80.1546 77.5587 80.2176L79.7667 82.8192L83.4051 78.5232C83.4587 78.4602 83.5241 78.4083 83.5978 78.3706C83.6714 78.3328 83.7517 78.31 83.8342 78.3033C83.9166 78.2966 83.9996 78.3062 84.0784 78.3316C84.1571 78.357 84.2301 78.3976 84.2931 78.4512C84.3561 78.5048 84.408 78.5703 84.4457 78.6439C84.4835 78.7175 84.5063 78.7978 84.513 78.8803C84.5197 78.9628 84.5101 79.0457 84.4847 79.1245C84.4593 79.2032 84.4187 79.2762 84.3651 79.3392L80.2419 84.1968C80.1837 84.2661 80.1109 84.3218 80.0288 84.36C79.9467 84.3981 79.8572 84.4178 79.7667 84.4176Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M98.765 200.218H126.701C126.847 200.218 126.988 200.159 127.091 200.056C127.195 199.952 127.253 199.812 127.253 199.666V197.885C127.252 197.739 127.193 197.6 127.09 197.498C126.986 197.395 126.847 197.338 126.701 197.338H100.205V140.304H126.25C126.515 140.304 126.769 140.199 126.957 140.012C127.145 139.825 127.252 139.571 127.253 139.306V137.424H98.765C98.383 137.424 98.0168 137.576 97.7467 137.846C97.4767 138.116 97.325 138.482 97.325 138.864V198.778C97.325 199.16 97.4767 199.526 97.7467 199.796C98.0168 200.066 98.383 200.218 98.765 200.218Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("g", { opacity: 0.3 }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M97.325 138.864V198.773C97.325 199.155 97.4767 199.521 97.7467 199.791C98.0168 200.061 98.383 200.213 98.765 200.213H126.701C126.846 200.213 126.985 200.155 127.088 200.053C127.191 199.95 127.248 199.811 127.248 199.666V197.885C127.248 197.739 127.191 197.6 127.088 197.496C126.986 197.393 126.847 197.334 126.701 197.333H100.205V140.304H126.25C126.515 140.303 126.769 140.196 126.956 140.008C127.143 139.82 127.248 139.566 127.248 139.301V137.424H98.765C98.383 137.424 98.0168 137.576 97.7467 137.846C97.4767 138.116 97.325 138.482 97.325 138.864Z", fill: "white" })), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M97.325 138.864V154.142C98.285 154.386 99.245 154.621 100.205 154.848V140.304H126.25C126.515 140.303 126.769 140.196 126.956 140.008C127.143 139.82 127.248 139.566 127.248 139.301V137.424H98.765C98.383 137.424 98.0168 137.576 97.7467 137.846C97.4767 138.116 97.325 138.482 97.325 138.864Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M46.8051 192.178L58.2579 191.179V176.16H62.2851V191.198L73.8051 192.178C74.294 192.225 74.7477 192.453 75.0777 192.817C75.4078 193.181 75.5907 193.654 75.5907 194.146V195.672H45.0051V194.146C45.0055 193.652 45.1904 193.177 45.5235 192.813C45.8565 192.448 46.3137 192.222 46.8051 192.178Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.1, d: "M46.8051 192.178L58.2579 191.179V176.16H62.2851V191.198L73.8051 192.178C74.294 192.225 74.7477 192.453 75.0777 192.817C75.4078 193.181 75.5907 193.654 75.5907 194.146V195.672H45.0051V194.146C45.0055 193.652 45.1904 193.177 45.5235 192.813C45.8565 192.448 46.3137 192.222 46.8051 192.178Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M71.8562 197.568C71.8562 198.089 72.0108 198.599 72.3003 199.032C72.5899 199.465 73.0014 199.803 73.483 200.003C73.9645 200.202 74.4943 200.254 75.0055 200.153C75.5167 200.051 75.9862 199.8 76.3548 199.431C76.7233 199.063 76.9743 198.593 77.076 198.082C77.1777 197.571 77.1255 197.041 76.926 196.56C76.7266 196.078 76.3888 195.666 75.9554 195.377C75.5221 195.087 75.0126 194.933 74.4914 194.933C74.1452 194.932 73.8022 195 73.4822 195.132C73.1622 195.264 72.8715 195.458 72.6266 195.703C72.3818 195.948 72.1877 196.239 72.0555 196.559C71.9233 196.879 71.8556 197.222 71.8562 197.568Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.725 197.568C48.725 198.089 48.5703 198.599 48.2805 199.033C47.9908 199.466 47.5789 199.804 47.0971 200.003C46.6153 200.202 46.0852 200.254 45.5739 200.152C45.0626 200.05 44.5931 199.799 44.2247 199.43C43.8564 199.061 43.6058 198.591 43.5046 198.079C43.4035 197.568 43.4564 197.038 43.6566 196.556C43.8568 196.075 44.1953 195.664 44.6292 195.375C45.0632 195.086 45.5732 194.932 46.0946 194.933C46.4404 194.933 46.7829 195.001 47.1023 195.133C47.4218 195.266 47.7119 195.46 47.9563 195.705C48.2006 195.95 48.3942 196.24 48.5261 196.56C48.658 196.88 48.7256 197.222 48.725 197.568Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.1955 179.208H59.3475C58.8752 179.208 58.4223 179.02 58.0883 178.686C57.7543 178.352 57.5667 177.9 57.5667 177.427V164.467H62.9763V177.427C62.9763 177.9 62.7887 178.352 62.4547 178.686C62.1208 179.02 61.6678 179.208 61.1955 179.208Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M61.1955 179.208H59.3475C58.8752 179.208 58.4223 179.02 58.0883 178.686C57.7543 178.352 57.5667 177.9 57.5667 177.427V164.467H62.9763V177.427C62.9763 177.9 62.7887 178.352 62.4547 178.686C62.1208 179.02 61.6678 179.208 61.1955 179.208Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M48.3939 134.717C48.3939 134.717 49.6323 159.595 54.9891 163.877H49.2579C49.2579 163.877 44.1507 155.4 43.7715 134.717H48.3939Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.1, d: "M48.3939 134.717C48.3939 134.717 49.6323 159.595 54.9891 163.877H49.2579C49.2579 163.877 44.1507 155.4 43.7715 134.717H48.3939Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M47.9283 161.813H73.3251C73.8967 161.813 74.4449 162.04 74.8491 162.444C75.2532 162.848 75.4803 163.396 75.4803 163.968V165.936H45.7683V163.968C45.7683 163.685 45.8242 163.404 45.9328 163.142C46.0414 162.88 46.2006 162.643 46.4013 162.442C46.6019 162.242 46.84 162.084 47.1021 161.975C47.3641 161.867 47.6449 161.812 47.9283 161.813Z", fill: "#BA68C8" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M75.7489 163.877H45.5089C45.0291 163.877 44.6401 164.266 44.6401 164.746V165.067C44.6401 165.547 45.0291 165.936 45.5089 165.936H75.7489C76.2288 165.936 76.6177 165.547 76.6177 165.067V164.746C76.6177 164.266 76.2288 163.877 75.7489 163.877Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.6, d: "M75.7489 163.877H45.5089C45.0291 163.877 44.6401 164.266 44.6401 164.746V165.067C44.6401 165.547 45.0291 165.936 45.5089 165.936H75.7489C76.2288 165.936 76.6177 165.547 76.6177 165.067V164.746C76.6177 164.266 76.2288 163.877 75.7489 163.877Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M42.7634 140.16H51.9458C54.6338 140.16 56.573 137.76 56.2658 134.76L55.877 130.786C55.5794 127.805 53.165 125.386 50.477 125.386H41.309C38.621 125.386 36.6818 127.786 36.989 130.786L37.3778 134.76C37.6562 137.76 40.0754 140.16 42.7634 140.16Z", fill: "#BA68C8" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M73.066 118.699C73.6372 120.509 74.3092 122.395 75.0484 124.123C75.6724 125.563 76.5604 127.397 77.5732 128.362C78.4948 129.182 80.6884 129.494 82.114 129.682C84.034 129.926 86.0788 130.018 88.0708 130.099L88.426 132.787C86.3143 133.354 84.1487 133.697 81.9652 133.81C79.5268 133.896 76.6852 133.81 74.5732 132.312C71.506 129.912 70.1716 126.715 68.8132 123.341C68.4292 122.27 68.0836 121.291 67.7908 120.168L73.0708 118.699H73.066Z", fill: "#B65B52" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M70.7091 116.16C72.2211 116.678 73.5891 118.853 77.3955 127.574C77.3955 127.574 78.0147 128.64 81.1011 129.307L80.8179 134.203C80.8179 134.203 76.4115 134.011 75.3891 133.306C74.3667 132.6 68.2371 122.515 68.2371 122.515L70.7091 116.16Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M81.1012 129.317L80.818 134.213C80.818 134.213 77.2852 134.059 75.8116 133.517C75.6631 133.467 75.5213 133.399 75.3892 133.315C74.7988 132.902 72.5092 129.355 70.6612 126.437C69.322 124.315 68.2612 122.525 68.2612 122.525L70.7092 116.16C72.2212 116.678 73.5892 118.853 77.4004 127.57C77.4004 127.579 78.0148 128.64 81.1012 129.317Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M75.8115 133.517C75.663 133.467 75.5212 133.399 75.3891 133.315C74.7987 132.902 72.5091 129.355 70.6611 126.437C71.1422 124.782 71.711 123.154 72.3651 121.56C72.3651 121.56 75.8787 128.602 75.8115 133.517Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M87.0243 130.344L90.4659 129.106L90.0435 133.714C90.0435 133.714 86.8851 134.117 86.4963 132.456L87.0243 130.344Z", fill: "#B55B52" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M93.3171 130.037L92.7891 133.834L90.0435 133.714L90.4659 129.106L93.3171 130.037Z", fill: "#B55B52" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M81.1251 129.106L82.8819 129.634L82.2387 134.395L80.4819 134.698L81.1251 129.106Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M73.2004 146.443C73.2004 146.443 96.4276 155.606 101.828 159.437C107.228 163.267 120.845 189.091 120.845 189.091L115.215 193.411C115.215 193.411 98.9716 169.824 96.9748 168.226C94.978 166.627 69.1348 158.693 69.1348 158.693L73.2004 146.443Z", fill: "#BA68C8" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.4, d: "M120.845 189.091L115.215 193.411C115.215 193.411 111.423 187.906 107.28 182.035C102.85 175.752 98.0164 169.075 96.9892 168.226C95.5492 167.054 81.3172 162.494 73.7764 160.133C71.002 159.259 69.1348 158.693 69.1348 158.693L73.1956 146.429C73.1956 146.429 96.418 155.592 101.823 159.422C107.228 163.253 120.845 189.091 120.845 189.091Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M121.877 198.331L124.589 195.605L120.154 188.746L117.447 191.472L121.877 198.331Z", fill: "#B55B52" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M117.447 191.472L120.154 188.75L122.688 192.672L119.885 195.254L117.447 191.472Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M125.059 195.307C125.059 195.307 125.059 195.307 125.093 195.307C125.412 195.19 125.718 195.039 126.005 194.856C126.229 194.736 126.4 194.538 126.485 194.299C126.503 194.21 126.494 194.117 126.461 194.032C126.428 193.947 126.371 193.873 126.298 193.819C126.258 193.778 126.209 193.748 126.154 193.731C126.1 193.714 126.042 193.711 125.986 193.723C125.722 193.786 125.463 194.16 125.266 194.52C125.307 194.184 125.229 193.844 125.045 193.56C124.991 193.506 124.921 193.471 124.845 193.463C124.769 193.454 124.692 193.471 124.627 193.512C124.567 193.54 124.514 193.582 124.474 193.635C124.433 193.688 124.405 193.749 124.392 193.814C124.282 194.333 124.978 195.168 125.011 195.216L125.059 195.168L125.016 195.221C125.016 195.221 124.983 195.274 124.983 195.278C124.99 195.292 125.002 195.302 125.016 195.307C125.03 195.312 125.045 195.312 125.059 195.307ZM125.083 194.952C125.083 194.981 125.059 195.01 125.05 195.034C124.839 194.736 124.527 194.213 124.594 193.906C124.599 193.87 124.613 193.835 124.632 193.804C124.652 193.774 124.678 193.748 124.709 193.728H124.743C124.858 193.67 124.92 193.704 124.959 193.728C125.142 194.109 125.186 194.542 125.083 194.952ZM125.247 195.067C125.458 194.587 125.808 193.963 126.072 193.906C126.1 193.899 126.129 193.899 126.156 193.908C126.183 193.916 126.207 193.932 126.226 193.954C126.271 193.988 126.306 194.034 126.328 194.086C126.349 194.138 126.357 194.195 126.351 194.251C126.298 194.501 125.89 194.798 125.247 195.067Z", fill: "#BA68C8" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M124.536 195.062L120.956 197.462C120.925 197.481 120.898 197.505 120.876 197.534C120.855 197.563 120.839 197.595 120.831 197.63C120.822 197.665 120.821 197.701 120.827 197.737C120.832 197.772 120.845 197.806 120.864 197.837L122.592 200.789C122.691 200.938 122.845 201.042 123.021 201.078C123.196 201.114 123.379 201.079 123.528 200.981C124.762 200.122 125.309 199.651 126.888 198.581C128.326 197.697 129.701 196.713 131.002 195.638C132.183 194.539 131.064 193.402 130.469 193.762C129.029 194.611 126.591 194.976 125.218 194.875C124.976 194.856 124.735 194.922 124.536 195.062Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M115.479 195.317L122.511 190.637L120.888 187.33L113.271 192.614L115.479 195.317Z", fill: "#BA68C8" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M115.479 195.317L122.511 190.637L120.888 187.33L113.271 192.614L115.479 195.317Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M107.29 182.054C102.859 175.771 98.0259 169.094 96.9987 168.245C95.5587 167.074 81.3267 162.514 73.7859 160.152L72.9075 151.032L75.6627 150.552L75.9747 151.253C75.9747 151.253 93.1875 155.155 98.0547 157.594C101.189 159.134 105.399 174.533 107.29 182.054Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M106.258 196.219C106.263 196.221 106.269 196.223 106.275 196.223C106.281 196.223 106.286 196.221 106.292 196.219C106.632 196.215 106.972 196.175 107.304 196.099C107.559 196.063 107.79 195.933 107.952 195.734C108 195.658 108.025 195.57 108.025 195.48C108.025 195.39 108 195.302 107.952 195.226C107.929 195.173 107.892 195.128 107.846 195.093C107.8 195.059 107.745 195.037 107.688 195.029C107.42 194.995 107.05 195.269 106.728 195.542C106.875 195.245 106.911 194.904 106.829 194.582C106.797 194.513 106.743 194.457 106.675 194.423C106.607 194.389 106.529 194.379 106.455 194.395C106.389 194.405 106.326 194.429 106.27 194.464C106.214 194.5 106.166 194.546 106.128 194.602C105.855 195.058 106.234 196.075 106.253 196.133L106.311 196.099L106.253 196.138C106.253 196.138 106.2 196.176 106.205 196.181L106.258 196.219ZM106.402 195.888L106.34 195.955C106.191 195.565 106.17 195.138 106.282 194.736C106.3 194.705 106.324 194.678 106.353 194.656C106.382 194.635 106.415 194.619 106.45 194.611H106.493C106.618 194.611 106.666 194.65 106.685 194.698C106.734 195.115 106.633 195.537 106.402 195.888ZM106.512 196.051C106.872 195.667 107.41 195.197 107.679 195.23C107.707 195.233 107.734 195.244 107.757 195.261C107.78 195.278 107.797 195.3 107.808 195.326C107.835 195.376 107.849 195.431 107.849 195.487C107.849 195.543 107.835 195.599 107.808 195.648C107.693 195.864 107.213 196.013 106.512 196.051Z", fill: "#BA68C8" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M102.255 198.014L105.715 196.339L103.656 188.093L100.2 189.768L102.255 198.014Z", fill: "#B55B52" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M100.2 189.768L103.656 188.098L104.832 192.811L101.328 194.314L100.2 189.768Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M105.845 195.811L101.669 196.891C101.634 196.898 101.6 196.912 101.571 196.932C101.541 196.952 101.515 196.978 101.496 197.008C101.476 197.037 101.463 197.071 101.456 197.106C101.45 197.142 101.45 197.178 101.458 197.213L102.111 200.573C102.158 200.744 102.27 200.89 102.424 200.98C102.577 201.069 102.759 201.095 102.932 201.053C104.372 200.65 105.053 200.386 106.887 199.896C108.53 199.545 110.147 199.078 111.725 198.499C113.204 197.856 112.527 196.411 111.845 196.555C110.223 196.886 107.78 196.411 106.522 195.859C106.307 195.771 106.07 195.754 105.845 195.811Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M105.341 189.658C105.341 189.658 99.4851 160.277 98.2851 158.53C96.3363 155.65 72.9027 151.008 72.9027 151.008L75.6531 150.528L72.4755 142.08L51.6099 142.901C51.6099 142.901 52.0467 156.686 54.1683 160.382C56.2899 164.078 87.6771 165.778 89.7171 166.622C91.7571 167.467 97.9827 190.512 97.9827 190.512L105.341 189.658Z", fill: "#BA68C8" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.4, d: "M105.341 189.658C105.341 189.658 99.4851 160.277 98.2851 158.53C96.3363 155.65 72.9027 151.008 72.9027 151.008L75.6531 150.528L72.4755 142.08L51.6099 142.901C51.6099 142.901 52.0467 156.686 54.1683 160.382C56.2899 164.078 87.6771 165.778 89.7171 166.622C91.7571 167.467 97.9827 190.512 97.9827 190.512L105.341 189.658Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M98.1075 193.114L106.296 191.03L105.859 187.373L96.9219 189.835L98.1075 193.114Z", fill: "#BA68C8" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M98.1075 193.114L106.296 191.03L105.859 187.373L96.9219 189.835L98.1075 193.114Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M58.2147 143.222L52.1667 143.122L52.0371 144.95L58.4739 145.104L58.2147 143.222Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M59.146 143.189L59.41 145.09L72.9076 144.898L72.4708 143.165L59.146 143.189Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M65.645 143.52L65.8178 144.773C65.843 144.926 65.9223 145.065 66.0412 145.164C66.1601 145.264 66.3108 145.317 66.4658 145.315L68.6258 145.248C68.6973 145.249 68.7682 145.235 68.8333 145.205C68.8984 145.175 68.956 145.132 69.002 145.077C69.048 145.022 69.0812 144.958 69.0992 144.889C69.1171 144.819 69.1194 144.747 69.1058 144.677L68.9282 143.419C68.9028 143.267 68.8234 143.128 68.7044 143.03C68.5854 142.931 68.4348 142.878 68.2802 142.882L66.125 142.949C66.0535 142.947 65.9826 142.962 65.9175 142.992C65.8524 143.021 65.7948 143.065 65.7488 143.12C65.7027 143.175 65.6696 143.239 65.6516 143.308C65.6337 143.377 65.6314 143.45 65.645 143.52Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M52.138 142.853H71.962C72.1993 142.854 72.4288 142.768 72.6061 142.61C72.7833 142.452 72.8959 142.234 72.922 141.998C75.37 122.798 70.6948 116.17 70.6948 116.17C68.9147 115.661 67.0981 115.291 65.2612 115.061C62.5771 114.85 59.8831 114.792 57.1924 114.888C55.3593 114.937 53.5322 115.119 51.7252 115.43C50.7652 115.848 49.7716 120.125 50.7652 133.45C51.0244 136.939 51.0628 139.954 51.0388 141.72C51.0349 142.016 51.1484 142.301 51.3545 142.513C51.5605 142.726 51.8422 142.848 52.138 142.853Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.9299 122.962H71.7507L72.0387 127.522L69.9891 128.851L67.9299 127.834V122.962Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M72.9362 141.998C72.9101 142.234 72.7976 142.452 72.6203 142.61C72.443 142.768 72.2136 142.854 71.9762 142.853H52.1522C52.0037 142.853 51.8566 142.825 51.7194 142.768C51.5822 142.711 51.4577 142.627 51.3532 142.522C51.2486 142.416 51.1661 142.291 51.1104 142.154C51.0548 142.016 51.0271 141.868 51.029 141.72C51.029 139.954 51.029 136.92 50.7602 133.45C50.6226 131.53 50.5218 129.795 50.4578 128.246C50.3013 125.413 50.3173 122.572 50.5058 119.741C50.7458 116.861 51.2402 115.646 51.7394 115.421C53.5528 115.108 55.3864 114.927 57.2258 114.878C59.9149 114.782 62.6073 114.84 65.2898 115.051C67.1219 115.282 68.9336 115.652 70.709 116.16C70.709 116.16 75.3842 122.818 72.9362 141.998Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M57.3892 114.691L63.7924 116.875L64.0516 115.042C63.4276 113.947 63.2692 113.256 63.7972 111.984L59.5252 107.074C59.6356 109.589 59.1796 113.026 57.3892 114.691Z", fill: "#B55B52" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.4404 117.826L62.698 118.349L63.7924 119.035C63.7924 119.035 65.2564 127.416 64.8484 134.491L66.0772 135.499L67.3732 134.458C67.3732 134.458 65.7604 121.464 65.1796 118.934L65.434 118.325L66.0244 117.067L64.9348 116.496L63.202 116.875H61.9924L61.4404 117.826Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M61.2627 109.075L63.7923 111.984C63.6024 112.43 63.4499 112.891 63.3363 113.362C62.2659 113.04 60.9363 111.614 60.9987 110.453C61.0022 109.981 61.0917 109.515 61.2627 109.075Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M57.7876 113.53C59.5947 114.733 61.5258 115.739 63.5476 116.53C63.7684 115.636 63.7684 114.702 63.5476 113.808L66.3748 115.219C66.3748 115.219 66.61 117.413 65.962 118.579L63.8836 117.058L61.5508 118.978C61.5508 118.978 57.1348 117.274 56.4436 114.96L57.7876 113.53Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M72.1924 130.56L65.6452 135.84C56.2468 137.933 52.114 132.072 50.4532 128.232C50.2966 125.398 50.3127 122.558 50.5012 119.726C52.7572 119.621 55.5652 119.621 56.3236 120.206C57.6436 121.219 62.242 128.318 62.9284 128.846C63.6148 129.374 72.1924 130.56 72.1924 130.56Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M75.9172 130.31L79.3588 129.067L78.9364 133.675C78.9364 133.675 75.778 134.078 75.3892 132.418L75.9172 130.31Z", fill: "#B55B52" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M82.2051 129.998L81.6819 133.795L78.9363 133.675L79.3587 129.067L82.2051 129.998Z", fill: "#B55B52" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M55.8964 121.013C56.9116 123.018 58.0332 124.968 59.2564 126.854C60.0088 128.088 60.9517 129.194 62.05 130.133C62.1329 130.205 62.2291 130.26 62.3332 130.296C63.5353 130.614 64.7765 130.759 66.0196 130.728C69.5044 130.762 73.0516 130.44 76.5508 130.142L77.122 132.792C74.7778 133.556 72.3874 134.17 69.9652 134.63C67.3396 135.11 64.9444 135.47 62.1508 135.202C61.2496 135.107 60.3747 134.842 59.5732 134.419C56.4628 132.6 54.5572 129.658 52.7524 126.739C52.1044 125.606 51.514 124.55 50.9668 123.341L55.9108 121.003L55.8964 121.013Z", fill: "#B65B52" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M51.7251 115.43C45.5331 117.662 53.5635 133.09 56.9427 134.818C60.3219 136.546 66.0243 135.84 66.0243 135.84L66.4275 130.478C66.4275 130.478 63.4707 130.118 62.5875 129.907C61.1811 129.571 58.3395 123.36 56.4243 119.986C55.3673 118.017 53.7253 116.426 51.7251 115.43Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M51.7251 115.43C45.5331 117.662 53.5635 133.09 56.9427 134.818C60.3219 136.546 66.0243 135.84 66.0243 135.84L66.4275 130.478C66.4275 130.478 63.4707 130.118 62.5875 129.907C61.1811 129.571 58.3395 123.36 56.4243 119.986C55.3673 118.017 53.7253 116.426 51.7251 115.43Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M65.6308 130.075L65.1316 136.301L66.9076 135.97L67.3732 130.406L65.6308 130.075Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M70.5315 102.014C70.7763 103.454 70.1571 106.248 68.3571 105.067C66.5571 103.886 70.1043 99.5472 70.5315 102.014Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M60.365 102.528C59.6738 106.042 59.0882 108.062 60.365 110.28C62.285 113.611 67.0034 113.102 68.7362 109.862C70.2962 106.939 71.165 101.702 68.1266 99.4608C67.4537 98.9702 66.6676 98.6578 65.8416 98.5525C65.0155 98.4472 64.1762 98.5524 63.4017 98.8585C62.6273 99.1646 61.9428 99.6615 61.4118 100.303C60.8809 100.945 60.5208 101.71 60.365 102.528Z", fill: "#B55B52" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M58.6755 98.6544L62.6547 98.472L62.7603 100.757L62.5251 100.627C62.5251 100.627 62.2755 103.987 60.3699 105.106C57.7923 103.138 57.0339 99.9168 58.6755 98.6544Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M58.2628 105.062C58.2877 105.506 58.4002 105.94 58.5938 106.339C58.7874 106.739 59.0583 107.096 59.3908 107.39C60.2884 108.173 61.258 107.496 61.4452 106.382C61.6132 105.379 61.3492 103.762 60.2404 103.406C59.9956 103.335 59.7368 103.324 59.4871 103.376C59.2373 103.429 59.0043 103.542 58.8087 103.705C58.6131 103.869 58.4609 104.079 58.3657 104.316C58.2705 104.552 58.2351 104.809 58.2628 105.062Z", fill: "#B55B52" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M65.3667 104.818C65.2899 105.101 65.3667 105.365 65.5683 105.413C65.7699 105.461 65.9619 105.269 66.0483 104.986C66.1347 104.702 66.0483 104.438 65.8467 104.395C65.6451 104.352 65.4387 104.539 65.3667 104.818Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M68.5587 105.624C68.4867 105.902 68.5587 106.171 68.7603 106.214C68.9619 106.258 69.1587 106.07 69.2403 105.792C69.3219 105.514 69.2403 105.245 69.0387 105.197C68.8371 105.149 68.6355 105.341 68.5587 105.624Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M67.5075 105.509C67.6377 106.428 67.8962 107.325 68.2755 108.173C68.0465 108.254 67.8029 108.286 67.5606 108.267C67.3183 108.248 67.0827 108.178 66.8691 108.062L67.5075 105.509Z", fill: "#A02724" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M65.074 108.758C65.1907 108.808 65.311 108.848 65.434 108.878C65.4562 108.883 65.4793 108.879 65.4988 108.868C65.5183 108.856 65.5329 108.838 65.5396 108.816C65.5424 108.805 65.5431 108.793 65.5415 108.782C65.54 108.771 65.5362 108.76 65.5304 108.75C65.5246 108.74 65.5169 108.732 65.5077 108.725C65.4986 108.718 65.4882 108.713 65.4772 108.71C65.1248 108.632 64.7964 108.47 64.5192 108.239C64.242 108.008 64.024 107.713 63.8836 107.381C63.875 107.36 63.8589 107.343 63.8385 107.333C63.8181 107.323 63.7948 107.322 63.7732 107.328C63.762 107.331 63.7517 107.337 63.7429 107.344C63.734 107.352 63.7268 107.361 63.7219 107.371C63.7169 107.382 63.7141 107.393 63.7139 107.405C63.7136 107.416 63.7158 107.428 63.7204 107.438C63.8424 107.74 64.0257 108.013 64.2587 108.24C64.4917 108.468 64.7693 108.644 65.074 108.758Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M64.6515 103.546C64.6795 103.556 64.7099 103.559 64.7394 103.554C64.7689 103.549 64.7966 103.536 64.8195 103.517C64.9852 103.379 65.1808 103.281 65.3908 103.232C65.6008 103.183 65.8193 103.184 66.0291 103.234C66.0505 103.241 66.0732 103.244 66.0958 103.242C66.1184 103.241 66.1405 103.235 66.1606 103.224C66.1808 103.214 66.1987 103.2 66.2132 103.182C66.2277 103.165 66.2386 103.145 66.2451 103.123C66.2526 103.102 66.2557 103.08 66.2544 103.058C66.2531 103.036 66.2473 103.015 66.2375 102.995C66.2276 102.975 66.2138 102.958 66.197 102.943C66.1801 102.929 66.1606 102.918 66.1395 102.912C65.8757 102.842 65.5987 102.836 65.3322 102.895C65.0657 102.954 64.8173 103.077 64.6083 103.253C64.5903 103.266 64.5753 103.284 64.564 103.303C64.5528 103.323 64.5456 103.344 64.5429 103.367C64.5403 103.389 64.5421 103.412 64.5484 103.433C64.5547 103.455 64.5652 103.475 64.5795 103.493C64.5992 103.516 64.6238 103.534 64.6515 103.546Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M70.2242 104.875C70.2534 104.886 70.2848 104.888 70.3154 104.883C70.3459 104.878 70.3745 104.864 70.3983 104.844C70.4221 104.824 70.4402 104.799 70.451 104.769C70.4617 104.74 70.4646 104.709 70.4594 104.678C70.4087 104.412 70.2952 104.161 70.1282 103.948C69.9612 103.734 69.7457 103.563 69.4994 103.45C69.4567 103.434 69.4094 103.435 69.3674 103.452C69.3254 103.47 69.2919 103.504 69.2738 103.546C69.2579 103.588 69.2591 103.634 69.277 103.675C69.2949 103.717 69.3282 103.749 69.3698 103.766C69.561 103.855 69.7279 103.989 69.8565 104.156C69.9852 104.323 70.0718 104.519 70.109 104.726C70.1129 104.759 70.1256 104.791 70.1459 104.817C70.1662 104.843 70.1933 104.863 70.2242 104.875Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M61.2964 101.482C61.3728 101.546 61.4547 101.604 61.5412 101.654C61.7717 101.792 62.033 101.87 62.3013 101.881C62.5696 101.892 62.8363 101.835 63.0772 101.717C64.066 101.237 64.378 98.4144 67.1908 99.8496C67.4998 99.7751 67.8238 99.7917 68.1237 99.8973C68.4235 100.003 68.6863 100.193 68.8804 100.445C69.6052 101.333 69.106 104.573 70.6516 104.126C72.1972 103.68 71.9284 103.2 71.9284 103.2C71.9284 103.2 71.4964 103.474 71.242 103.258C71.4712 103.065 71.6345 102.805 71.7094 102.516C71.7842 102.226 71.7668 101.92 71.6596 101.64C71.6596 101.64 71.2852 102.086 71.0356 102C71.2934 100.689 71.1443 99.3309 70.6084 98.1072C69.7108 95.8704 64.2196 96.3696 64.2196 96.3696C64.2196 96.3696 63.5284 95.2128 61.0468 96.0192C58.5652 96.8256 57.4324 99.816 57.826 101.117", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M94.0609 133.315L93.7057 131.976H79.1473L72.4465 132.643L72.1921 133.315H94.0609Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.5, d: "M94.0609 133.315L93.7057 131.976H79.1473L72.4465 132.643L72.1921 133.315H94.0609Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M79.1475 131.976V133.315H94.0611L93.7059 131.976H79.1475Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M84.0721 125.563C84.053 125.726 84.0687 125.89 84.1183 126.046C84.1679 126.202 84.2503 126.345 84.3598 126.466C84.4694 126.588 84.6036 126.684 84.7535 126.75C84.9034 126.815 85.0655 126.847 85.2289 126.845H107.53C107.878 126.836 108.212 126.702 108.469 126.466C108.726 126.231 108.888 125.91 108.927 125.563L110.251 111.288C110.264 111.15 110.254 111.01 110.223 110.875C110.161 110.624 110.016 110.4 109.811 110.243C109.606 110.085 109.353 110.001 109.095 110.006H86.7937C86.4452 110.015 86.1116 110.149 85.8547 110.385C85.5978 110.621 85.4352 110.941 85.3969 111.288L84.0721 125.563Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.5, d: "M84.0721 125.563C84.053 125.726 84.0687 125.89 84.1183 126.046C84.1679 126.202 84.2503 126.345 84.3598 126.466C84.4694 126.588 84.6036 126.684 84.7535 126.75C84.9034 126.815 85.0655 126.847 85.2289 126.845H107.53C107.878 126.836 108.212 126.702 108.469 126.466C108.726 126.231 108.888 125.91 108.927 125.563L110.251 111.288C110.264 111.15 110.254 111.01 110.223 110.875C110.161 110.624 110.016 110.4 109.811 110.243C109.606 110.085 109.353 110.001 109.095 110.006H86.7937C86.4452 110.015 86.1116 110.149 85.8547 110.385C85.5978 110.621 85.4352 110.941 85.3969 111.288L84.0721 125.563Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.1, d: "M85.325 126.845H107.544C107.893 126.836 108.226 126.702 108.483 126.466C108.74 126.231 108.903 125.91 108.941 125.563L110.266 111.288C110.278 111.15 110.269 111.01 110.237 110.875H88.013C87.6653 110.885 87.3328 111.02 87.0769 111.255C86.8211 111.491 86.6591 111.811 86.621 112.157L85.2962 126.432C85.2811 126.57 85.2909 126.71 85.325 126.845Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M100.627 118.09H96.0146L97.2434 131.299L89.9521 132.394V133.315H105.317V132.394L102.168 131.299L100.627 118.09Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.5, d: "M100.627 118.09H96.0146L97.2434 131.299L89.9521 132.394V133.315H105.317V132.394L102.168 131.299L100.627 118.09Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M96.0146 118.09L99.4322 133.104L102.168 133.022L100.627 118.09H96.0146Z", fill: "white" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M57.9363 200.218H85.8723C85.9446 200.218 86.0162 200.203 86.0829 200.175C86.1496 200.148 86.2101 200.107 86.261 200.056C86.3118 200.004 86.3521 199.943 86.3793 199.876C86.4065 199.81 86.4202 199.738 86.4195 199.666V197.885C86.4195 197.74 86.3619 197.6 86.2593 197.498C86.1566 197.395 86.0175 197.338 85.8723 197.338H59.3763V140.304H85.4211C85.6859 140.304 85.9399 140.199 86.1271 140.012C86.3143 139.824 86.4195 139.57 86.4195 139.306V137.424H57.9363C57.5544 137.424 57.1882 137.576 56.9181 137.846C56.6481 138.116 56.4963 138.482 56.4963 138.864V198.778C56.4963 199.16 56.6481 199.526 56.9181 199.796C57.1882 200.066 57.5544 200.218 57.9363 200.218Z", fill: "#263238" }), /* @__PURE__ */ React__namespace.createElement("g", { opacity: 0.4 }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M57.9363 200.218H85.8723C85.9446 200.218 86.0162 200.203 86.0829 200.175C86.1496 200.148 86.2101 200.107 86.261 200.056C86.3118 200.004 86.3521 199.943 86.3793 199.876C86.4065 199.81 86.4202 199.738 86.4195 199.666V197.885C86.4195 197.74 86.3619 197.6 86.2593 197.498C86.1566 197.395 86.0175 197.338 85.8723 197.338H59.3763V140.304H85.4211C85.6859 140.304 85.9399 140.199 86.1271 140.012C86.3143 139.824 86.4195 139.57 86.4195 139.306V137.424H57.9363C57.5544 137.424 57.1882 137.576 56.9181 137.846C56.6481 138.116 56.4963 138.482 56.4963 138.864V198.778C56.4963 199.16 56.6481 199.526 56.9181 199.796C57.1882 200.066 57.5544 200.218 57.9363 200.218Z", fill: "white" })), /* @__PURE__ */ React__namespace.createElement("path", { d: "M127.997 137.904H54.3554C54.1085 137.904 53.8716 137.806 53.697 137.631C53.5223 137.457 53.4242 137.22 53.4242 136.973V134.707H128.928V136.978C128.927 137.224 128.828 137.459 128.654 137.633C128.479 137.807 128.243 137.904 127.997 137.904Z", fill: "#BA68C8" }), /* @__PURE__ */ React__namespace.createElement("path", { opacity: 0.2, d: "M53.4242 136.301H128.928V134.702H53.4242V136.301Z", fill: "black" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M51.845 135.115H130.517C130.756 135.115 130.984 135.021 131.153 134.853C131.323 134.684 131.418 134.456 131.419 134.218C131.419 133.978 131.324 133.749 131.155 133.58C130.986 133.41 130.756 133.315 130.517 133.315H51.845C51.6057 133.315 51.3762 133.41 51.2069 133.58C51.0377 133.749 50.9426 133.978 50.9426 134.218C50.9439 134.456 51.0395 134.684 51.2086 134.853C51.3777 135.021 51.6065 135.115 51.845 135.115Z", fill: "#BA68C8" })), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_434_9692" }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 240, height: 240, fill: "white", transform: "translate(0.36499)" }))));
+const SvgImport = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.3145 4.21158H7.23353C7.09525 4.21158 6.98337 4.0997 6.98337 3.96158C6.98337 3.82389 7.09525 3.71173 7.23353 3.71173H12.3144C12.4526 3.71173 12.5644 3.82392 12.5644 3.96158C12.5645 4.0997 12.4526 4.21158 12.3145 4.21158ZM14.5616 14.3913C14.5616 14.5295 14.4494 14.6414 14.3116 14.6414H7.23353C7.09525 14.6414 6.98337 14.5295 6.98337 14.3913C6.98337 14.2536 7.09525 14.1413 7.23353 14.1413H14.3116C14.4494 14.1413 14.5616 14.2536 14.5616 14.3913ZM14.5616 12.3054C14.5616 12.4435 14.4494 12.5554 14.3116 12.5554H8.68625C8.54812 12.5554 8.43625 12.4435 8.43625 12.3054C8.43625 12.1676 8.54812 12.0554 8.68625 12.0554H14.3116C14.4494 12.0554 14.5616 12.1676 14.5616 12.3054ZM14.5616 8.13343C14.5616 8.27171 14.4494 8.38359 14.3116 8.38359H11.2879C11.1498 8.38359 11.0379 8.27171 11.0379 8.13343C11.0379 7.99574 11.1498 7.88355 11.2879 7.88355H14.3116C14.4494 7.88355 14.5616 7.99574 14.5616 8.13343ZM14.5616 10.2194C14.5616 10.3575 14.4494 10.4694 14.3116 10.4694H11.2879C11.1498 10.4694 11.0379 10.3575 11.0379 10.2194C11.0379 10.0817 11.1498 9.9694 11.2879 9.9694H14.3116C14.4494 9.9694 14.5616 10.0817 14.5616 10.2194ZM14.5616 6.04758C14.5616 6.18571 14.4494 6.29758 14.3116 6.29758H8.68625C8.54812 6.29758 8.43625 6.18571 8.43625 6.04758C8.43625 5.90974 8.54812 5.79758 8.68625 5.79758H14.3116C14.4494 5.79755 14.5616 5.90974 14.5616 6.04758ZM5.04287 16.501H16.5019V3.43842H14.8144C14.6763 3.43842 14.5644 3.3267 14.5644 3.18858V1.50101H5.04287V6.92158H6.31356V5.5007C6.31356 5.40295 6.37062 5.3138 6.45978 5.27324C6.54881 5.23255 6.65346 5.24789 6.72718 5.3123L10.955 8.98796C11.0097 9.03543 11.041 9.10412 11.041 9.17665C11.041 9.24887 11.0097 9.31787 10.955 9.36549L6.72718 13.041C6.6809 13.0814 6.62253 13.1026 6.56312 13.1026C6.52818 13.1026 6.49281 13.0951 6.45978 13.0801C6.37059 13.0395 6.31356 12.9503 6.31356 12.8526V11.4316H5.04287V16.501ZM1.50195 7.42158V10.9317H6.56343C6.70125 10.9317 6.81343 11.0436 6.81343 11.1817V12.3038L10.4101 9.17665L6.81343 6.04949V7.17158C6.81343 7.30986 6.70125 7.42158 6.56343 7.42158H1.50195ZM15.0644 1.85448L16.1485 2.93851H15.0644V1.85448ZM16.9288 3.01195L14.991 1.0741C14.9441 1.02723 14.8806 1.00098 14.8144 1.00098H4.79287C4.65474 1.00098 4.54287 1.11285 4.54287 1.25098V6.92155H1.25195C1.11383 6.92155 1.00195 7.03343 1.00195 7.17155V11.1817C1.00195 11.3198 1.11383 11.4315 1.25195 11.4315H4.54287V16.751C4.54287 16.8891 4.65474 17.001 4.79287 17.001H16.752C16.8901 17.001 17.002 16.8891 17.002 16.751V3.18854C17.002 3.12223 16.9757 3.05882 16.9288 3.01195Z", fill: "currentColor", stroke: "currentColor", strokeWidth: 0.2 }));
 const SvgDashboardWebIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.0317 16.5C3.62048 16.5 0.0317001 12.9112 0.0317001 8.5C0.0317001 4.08878 3.62048 0.5 8.0317 0.5C12.4429 0.5 16.0317 4.08878 16.0317 8.5C16.0317 12.9112 12.4429 16.5 8.0317 16.5ZM9.50242 12.7529C10.6395 12.3586 11.571 11.5207 12.0884 10.4469H10.2561C10.1533 11.0646 10.0012 11.6342 9.80473 12.1255C9.71211 12.357 9.61092 12.5663 9.50242 12.7529ZM3.97504 10.4469C4.49245 11.5206 5.42395 12.3586 6.56098 12.753C6.45251 12.5663 6.35129 12.357 6.25867 12.1255C6.06214 11.6342 5.91008 11.0646 5.80733 10.4469H3.97504ZM6.56098 4.24706C5.42395 4.64138 4.49245 5.47937 3.97504 6.55312H5.80733C5.91008 5.93541 6.06214 5.36578 6.25867 4.8745C6.35129 4.64297 6.45248 4.43366 6.56098 4.24706ZM8.0317 4C7.70364 4 7.31867 4.45291 7.02708 5.18188C6.8662 5.58409 6.73867 6.04831 6.64708 6.55312H9.41636C9.32476 6.04834 9.19726 5.58409 9.03636 5.18188C8.74473 4.45291 8.35976 4 8.0317 4ZM3.5317 8.5C3.5317 8.88628 3.58067 9.26131 3.67264 9.61931H5.70254C5.66967 9.25525 5.65223 8.88069 5.65223 8.5C5.65223 8.11931 5.66967 7.74475 5.70254 7.38069H3.67264C3.58067 7.73869 3.5317 8.11372 3.5317 8.5ZM6.53301 9.61931H9.53042C9.56536 9.25756 9.58361 8.88253 9.58361 8.5C9.58361 8.11747 9.56539 7.74244 9.53042 7.38069H6.53301C6.49808 7.74244 6.47983 8.11747 6.47983 8.5C6.47983 8.88253 6.49804 9.25756 6.53301 9.61931ZM8.0317 13C8.35976 13 8.74473 12.5471 9.03633 11.8181C9.19723 11.4159 9.32473 10.9517 9.41633 10.4469H6.64704C6.73864 10.9517 6.86617 11.4159 7.02704 11.8181C7.31867 12.5471 7.70364 13 8.0317 13ZM12.5317 8.5C12.5317 8.11372 12.4827 7.73869 12.3908 7.38069H10.3608C10.3937 7.74475 10.4111 8.11931 10.4111 8.5C10.4111 8.88069 10.3937 9.25525 10.3608 9.61931H12.3908C12.4827 9.26131 12.5317 8.88628 12.5317 8.5ZM12.0884 6.55309C11.571 5.47934 10.6395 4.64134 9.50239 4.24703C9.61086 4.43366 9.71208 4.64297 9.8047 4.8745C10.0012 5.36578 10.1533 5.93537 10.256 6.55312L12.0884 6.55309ZM13.3593 8.5C13.3593 11.4376 10.9693 13.8276 8.0317 13.8276C5.09404 13.8276 2.70411 11.4376 2.70411 8.5C2.70411 5.56238 5.09404 3.17241 8.0317 3.17241C10.9694 3.17241 13.3593 5.56238 13.3593 8.5Z", fill: "url(#paint0_linear_290_14902)" }), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("linearGradient", { id: "paint0_linear_290_14902", x1: 8.0317, y1: 0.5, x2: 8.0317, y2: 16.5, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React__namespace.createElement("stop", { stopColor: "#01F1FE" }), /* @__PURE__ */ React__namespace.createElement("stop", { offset: 1, stopColor: "#4FADFE" }))));
 const SvgDashboardMobileIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("g", { clipPath: "url(#clip0_290_14913)" }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M13.4046 14.5045C14.8802 13.1089 15.8011 11.1328 15.8011 8.94144C15.8011 4.713 12.3732 1.28516 8.14477 1.28516C3.91633 1.28516 0.488487 4.713 0.488487 8.94144C0.488487 13.1699 3.91633 16.5977 8.14477 16.5977C8.47611 16.5977 8.80255 16.5766 9.1228 16.5358L13.4046 14.5045Z", fill: "#816AE2" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.5459 12.0219C12.4787 11.775 12.455 11.5183 12.4759 11.2632L12.6009 10.0856C12.662 9.34667 12.5493 8.60636 12.2222 7.94102C11.3771 6.22186 11.571 6.09711 11.5447 4.39089C11.5447 4.04236 11.2621 3.75977 10.9136 3.75977C10.565 3.75977 10.2825 4.04233 10.2825 4.39089C10.2825 11.3294 10.2954 10.8202 10.2526 11.0237V11.9322C10.2526 12.6977 9.6298 13.3205 8.8643 13.3205C8.3559 13.3205 6.60262 13.3205 5.40955 13.3205C5.9403 14.0587 6.6664 14.6366 7.50902 14.9866C7.51424 14.9887 7.51946 14.9909 7.52468 14.9931C8.17571 15.2681 8.90262 15.8168 9.02408 16.4976L9.03583 16.5462C10.7502 16.3475 12.2918 15.5826 13.469 14.4432L12.5459 12.0219Z", fill: "#F9BA8F" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M3.06549 3.78113L2.87327 3.60304C2.57693 3.32848 2.10983 3.34629 1.83527 3.6426C1.56071 3.93895 1.57852 4.40604 1.87483 4.6806L3.06549 5.78382V3.78113Z", fill: "#F9BA8F" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M2.26549 4.12895C2.08371 3.96052 2.00724 3.7197 2.03827 3.49023C1.96408 3.5282 1.89499 3.57864 1.83527 3.64305C1.56071 3.93939 1.57852 4.40648 1.87483 4.68105L3.06549 5.78427V4.87023L2.26549 4.12895Z", fill: "#FCAD6D" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M12.6034 12.1719C12.3427 13.9696 10.7955 15.3506 8.92558 15.3506C8.60273 15.3506 8.28955 15.3094 7.99092 15.232C8.48601 15.5347 8.93139 15.9772 9.02408 16.4967L9.03583 16.5454C10.7502 16.3466 12.2918 15.5818 13.469 14.4423L12.6034 12.1719Z", fill: "#FD995B" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M9.19524 13.35H4.1254C3.52587 13.35 3.03815 12.8623 3.03815 12.2627V1.68494C3.03815 1.08541 3.52587 0.597656 4.1254 0.597656H9.19524C9.79477 0.597656 10.2825 1.08541 10.2825 1.68494V12.2628C10.2825 12.8623 9.79474 13.35 9.19524 13.35Z", fill: "#2A428C" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.1254 0.597656C3.52587 0.597656 3.03815 1.08541 3.03815 1.68491V12.2627C3.03815 12.8623 3.5259 13.35 4.1254 13.35H5.63677C5.30133 13.0078 5.69258 12.6735 5.69258 12.6735C5.14049 12.5287 5.18737 11.9485 5.18737 11.9485C5.18737 11.9485 5.18737 3.08141 5.18737 2.52672C5.18737 1.97203 5.7508 1.83194 5.7508 1.83194C5.52887 1.61 5.7508 1.37678 5.7508 1.37678V1.001C5.54609 0.87125 5.5864 0.694594 5.63096 0.597656L4.1254 0.597656Z", fill: "#142766" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.85937 1.37679H5.7508C5.64702 1.37679 5.5629 1.29266 5.5629 1.18888C5.5629 1.0851 5.64702 1.00098 5.7508 1.00098H5.85937C5.96315 1.00098 6.04727 1.0851 6.04727 1.18888C6.04727 1.29266 5.96315 1.37679 5.85937 1.37679Z", fill: "#3C58A0" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.54386 1.37679H6.50067C6.39689 1.37679 6.31277 1.29266 6.31277 1.18888C6.31277 1.0851 6.39689 1.00098 6.50067 1.00098H7.54386C7.64764 1.00098 7.73177 1.0851 7.73177 1.18888C7.73177 1.29266 7.64764 1.37679 7.54386 1.37679Z", fill: "#3C58A0" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M9.19524 1.27441H8.43327C8.29121 1.27441 8.17608 1.38957 8.17608 1.5316C8.17608 1.69695 8.0408 1.83226 7.87546 1.83226H5.44524C5.2799 1.83226 5.14458 1.69698 5.14458 1.5316C5.14458 1.38957 5.02943 1.27441 4.8874 1.27441H4.1254C3.89852 1.27441 3.71458 1.45835 3.71458 1.68523V12.263C3.71458 12.4899 3.89852 12.6739 4.1254 12.6739H9.19524C9.42211 12.6739 9.60605 12.4899 9.60605 12.263C9.60605 11.1749 9.60605 1.97563 9.60605 1.68523C9.60605 1.45835 9.42211 1.27441 9.19524 1.27441Z", fill: "#73C3F9" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.69255 12.6739C5.61443 12.3368 6.00543 12.258 6.00543 12.258C6.00543 12.258 6.25412 10.0796 6.00543 9.83091C5.75674 9.58223 6.00543 9.34738 6.00543 9.34738C6.00543 9.34738 6.27712 7.19201 6.00543 6.92029C5.73374 6.6486 6.00543 6.43676 6.00543 6.43676V4.00966C5.5188 3.70241 5.77477 3.26032 5.77477 3.26032V2.56423C5.40705 2.19651 5.75065 1.83238 5.75077 1.83226H5.44521C5.27987 1.83226 5.14455 1.69698 5.14455 1.5316C5.14455 1.38957 5.0294 1.27441 4.88737 1.27441H4.1254C3.89852 1.27441 3.71458 1.45832 3.71458 1.68523V12.2631C3.71458 12.4899 3.89852 12.6739 4.1254 12.6739H5.69255V12.6739Z", fill: "#4FABF7" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.13189 3.25954H8.18874C8.38095 3.25954 8.53677 3.10373 8.53677 2.91151C8.53677 2.71929 8.38095 2.56348 8.18874 2.56348H5.13189C4.93967 2.56348 4.78383 2.71929 4.78383 2.91151C4.78383 3.10376 4.93967 3.25954 5.13189 3.25954Z", fill: "#E9EFFF" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.13189 2.56348H5.77477V3.25957H5.13189C4.93967 3.25957 4.78386 3.10376 4.78386 2.91154C4.78383 2.71926 4.93967 2.56348 5.13189 2.56348Z", fill: "#9BD8F9" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.80646 6.43686H4.51417C4.34199 6.43686 4.20111 6.29598 4.20111 6.1238V4.32283C4.20111 4.15064 4.34199 4.00977 4.51417 4.00977H8.80646C8.97864 4.00977 9.11952 4.15064 9.11952 4.32283V6.1238C9.11952 6.29598 8.97864 6.43686 8.80646 6.43686Z", fill: "#E9EFFF" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.80646 9.34702H4.51417C4.34199 9.34702 4.20111 9.20614 4.20111 9.03395V7.23298C4.20111 7.0608 4.34199 6.91992 4.51417 6.91992H8.80646C8.97864 6.91992 9.11952 7.0608 9.11952 7.23298V9.03395C9.11952 9.20614 8.97864 9.34702 8.80646 9.34702Z", fill: "#E9EFFF" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.80646 12.2581H4.51417C4.34199 12.2581 4.20111 12.1173 4.20111 11.9451V10.1441C4.20111 9.97193 4.34199 9.83105 4.51417 9.83105H8.80646C8.97864 9.83105 9.11952 9.97193 9.11952 10.1441V11.9451C9.11952 12.1173 8.97864 12.2581 8.80646 12.2581Z", fill: "#E9EFFF" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.80646 6.43686H4.51417C4.34199 6.43686 4.20111 6.29598 4.20111 6.1238V4.32283C4.20111 4.15064 4.34199 4.00977 4.51417 4.00977H8.80646C8.97864 4.00977 9.11952 4.15064 9.11952 4.32283V6.1238C9.11952 6.29598 8.97864 6.43686 8.80646 6.43686Z", fill: "#E9EFFF" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.80646 9.34702H4.51417C4.34199 9.34702 4.20111 9.20614 4.20111 9.03395V7.23298C4.20111 7.0608 4.34199 6.91992 4.51417 6.91992H8.80646C8.97864 6.91992 9.11952 7.0608 9.11952 7.23298V9.03395C9.11952 9.20614 8.97864 9.34702 8.80646 9.34702Z", fill: "#E9EFFF" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.80646 12.2581H4.51417C4.34199 12.2581 4.20111 12.1173 4.20111 11.9451V10.1441C4.20111 9.97193 4.34199 9.83105 4.51417 9.83105H8.80646C8.97864 9.83105 9.11952 9.97193 9.11952 10.1441V11.9451C9.11952 12.1173 8.97864 12.2581 8.80646 12.2581Z", fill: "#E9EFFF" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.69236 6.12377V4.32283C5.69236 4.15064 5.83324 4.00977 6.00542 4.00977H4.51417C4.34199 4.00977 4.20111 4.15064 4.20111 4.32283V6.12377C4.20111 6.29595 4.34199 6.43683 4.51417 6.43683H6.00542C5.83324 6.43683 5.69236 6.29595 5.69236 6.12377Z", fill: "#D3DCFB" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.69236 9.03395V7.23298C5.69236 7.0608 5.83324 6.91992 6.00542 6.91992H4.51417C4.34199 6.91992 4.20111 7.0608 4.20111 7.23298V9.03395C4.20111 9.20614 4.34199 9.34702 4.51417 9.34702H6.00542C5.83324 9.34702 5.69236 9.20614 5.69236 9.03395Z", fill: "#D3DCFB" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M5.69236 11.9451V10.1441C5.69236 9.97193 5.83324 9.83105 6.00542 9.83105H4.51417C4.34199 9.83105 4.20111 9.97193 4.20111 10.1441V11.9451C4.20111 12.1173 4.34199 12.2581 4.51417 12.2581H6.00542C5.83324 12.2581 5.69236 12.1173 5.69236 11.9451Z", fill: "#D3DCFB" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.49108 5.01562H5.2358C5.10636 5.01562 5.00143 4.91072 5.00143 4.78125C5.00143 4.65178 5.10636 4.54688 5.2358 4.54688H6.49108C6.62052 4.54688 6.72546 4.65178 6.72546 4.78125C6.72546 4.91069 6.62052 5.01562 6.49108 5.01562Z", fill: "#3C58A0" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.08483 5.89844H5.2358C5.10636 5.89844 5.00143 5.79353 5.00143 5.66406C5.00143 5.53459 5.10636 5.42969 5.2358 5.42969H8.08483C8.21427 5.42969 8.31921 5.53459 8.31921 5.66406C8.31921 5.79353 8.21427 5.89844 8.08483 5.89844Z", fill: "#BEC8F7" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.47024 5.01562H7.29314C7.16371 5.01562 7.05877 4.91072 7.05877 4.78125C7.05877 4.65178 7.16371 4.54688 7.29314 4.54688H7.47024C7.59968 4.54688 7.70461 4.65178 7.70461 4.78125C7.70461 4.91069 7.59971 5.01562 7.47024 5.01562Z", fill: "#BEC8F7" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.49108 7.92676H5.2358C5.10636 7.92676 5.00143 7.82185 5.00143 7.69238C5.00143 7.56291 5.10636 7.45801 5.2358 7.45801H6.49108C6.62052 7.45801 6.72546 7.56291 6.72546 7.69238C6.72546 7.82185 6.62052 7.92676 6.49108 7.92676Z", fill: "#3C58A0" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.08483 8.80957H5.2358C5.10636 8.80957 5.00143 8.70466 5.00143 8.5752C5.00143 8.44573 5.10636 8.34082 5.2358 8.34082H8.08483C8.21427 8.34082 8.31921 8.44573 8.31921 8.5752C8.31921 8.70463 8.21427 8.80957 8.08483 8.80957Z", fill: "#BEC8F7" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.47024 7.92676H7.29314C7.16371 7.92676 7.05877 7.82185 7.05877 7.69238C7.05877 7.56291 7.16371 7.45801 7.29314 7.45801H7.47024C7.59968 7.45801 7.70461 7.56291 7.70461 7.69238C7.70461 7.82185 7.59971 7.92676 7.47024 7.92676Z", fill: "#BEC8F7" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M6.49108 10.8369H5.2358C5.10636 10.8369 5.00143 10.732 5.00143 10.6025C5.00143 10.4731 5.10636 10.3682 5.2358 10.3682H6.49108C6.62052 10.3682 6.72546 10.4731 6.72546 10.6025C6.72546 10.732 6.62052 10.8369 6.49108 10.8369Z", fill: "#3C58A0" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.08483 11.7197H5.2358C5.10636 11.7197 5.00143 11.6148 5.00143 11.4854C5.00143 11.3559 5.10636 11.251 5.2358 11.251H8.08483C8.21427 11.251 8.31921 11.3559 8.31921 11.4854C8.31921 11.6148 8.21427 11.7197 8.08483 11.7197Z", fill: "#BEC8F7" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.47024 10.8369H7.29314C7.16371 10.8369 7.05877 10.732 7.05877 10.6025C7.05877 10.4731 7.16371 10.3682 7.29314 10.3682H7.47024C7.59968 10.3682 7.70461 10.4731 7.70461 10.6025C7.70461 10.732 7.59971 10.8369 7.47024 10.8369Z", fill: "#BEC8F7" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.13442 7.65508C3.89283 7.9158 3.48564 7.93133 3.22492 7.68974L2.14689 6.69086C1.88617 6.4493 1.87064 6.04208 2.11224 5.78136C2.35383 5.52064 2.76102 5.50511 3.02174 5.7467L4.09977 6.74558C4.36049 6.98717 4.37602 7.39436 4.13442 7.65508Z", fill: "#F9BA8F" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M3.66842 7.236L2.59039 6.23712C2.41008 6.07006 2.34724 5.82381 2.40539 5.60156C2.2967 5.63294 2.19474 5.69266 2.11224 5.78169C1.87064 6.04241 1.88617 6.44963 2.14689 6.69119L3.22492 7.69006C3.48564 7.93163 3.89283 7.91613 4.13442 7.65541C4.20892 7.575 4.2588 7.48059 4.28474 7.38147C4.07514 7.44194 3.84011 7.39509 3.66842 7.236Z", fill: "#FCAD6D" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.13442 11.1658C3.89283 11.4265 3.48564 11.4421 3.22492 11.2005L2.14689 10.2016C1.88617 9.96004 1.87064 9.55282 2.11224 9.2921C2.35383 9.03138 2.76102 9.01585 3.02174 9.25745L4.09977 10.2563C4.36049 10.4979 4.37602 10.9051 4.13442 11.1658Z", fill: "#F9BA8F" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M3.66842 10.7467L2.59039 9.74787C2.41008 9.58081 2.34724 9.33455 2.40539 9.1123C2.2967 9.14368 2.19474 9.2034 2.11224 9.29243C1.87064 9.55315 1.88617 9.96037 2.14689 10.2019L3.22492 11.2008C3.48564 11.4424 3.89283 11.4269 4.13442 11.1661C4.20892 11.0857 4.2588 10.9913 4.28474 10.8922C4.07514 10.9527 3.84011 10.9058 3.66842 10.7467Z", fill: "#FCAD6D" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M4.13442 9.41094C3.89283 9.67166 3.48564 9.68719 3.22492 9.4456L2.14689 8.44672C1.88617 8.20516 1.87064 7.79794 2.11224 7.53722C2.35383 7.2765 2.76102 7.26097 3.02174 7.50256L4.09977 8.50144C4.36049 8.743 4.37602 9.15019 4.13442 9.41094Z", fill: "#F9BA8F" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M3.66842 8.99088L2.59039 7.99201C2.41008 7.82495 2.34724 7.5787 2.40539 7.35645C2.2967 7.38782 2.1947 7.44754 2.11224 7.53657C1.87064 7.79729 1.88617 8.20448 2.14689 8.44607L3.22492 9.44495C3.48564 9.68654 3.89283 9.67101 4.13442 9.41029C4.20892 9.32988 4.2588 9.23548 4.28474 9.13635C4.07514 9.19685 3.84011 9.14998 3.66842 8.99088Z", fill: "#FCAD6D" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M13.3344 3.3125C12.9188 3.84113 12.5437 4.60062 12.8436 5.42944C13.4061 6.98422 14.3019 8.30412 13.8852 10.6025C13.6962 11.6454 14.3166 12.0825 15.0507 12.249C15.5313 11.2477 15.801 10.1259 15.801 8.941C15.801 6.71513 14.8509 4.71147 13.3344 3.3125Z", fill: "#9181F2" })), /* @__PURE__ */ React__namespace.createElement("defs", null, /* @__PURE__ */ React__namespace.createElement("clipPath", { id: "clip0_290_14913" }, /* @__PURE__ */ React__namespace.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(0.144768 0.597656)" }))));
@@ -575,9 +581,12 @@ const SvgDashboardIcon = (props) => /* @__PURE__ */ React__namespace.createEleme
 const SvgInfoUser = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { d: "M8 0C3.57895 0 0 3.57895 0 8C0 12.4211 3.57895 16 8 16C12.4211 16 16 12.4211 16 8C16 3.57895 12.4211 0 8 0ZM8 14.4211C4.47368 14.4211 1.57895 11.5263 1.57895 8C1.57895 4.47368 4.47368 1.57895 8 1.57895C11.5263 1.57895 14.4211 4.47368 14.4211 8C14.4211 11.5263 11.5263 14.4211 8 14.4211Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M8.42106 6.73685H7.57895C7.42106 6.73685 7.3158 6.84211 7.3158 7V11.7895C7.3158 11.9474 7.42106 12.0526 7.57895 12.0526H8.42106C8.57895 12.0526 8.68422 11.9474 8.68422 11.7895V7C8.68422 6.84211 8.57895 6.73685 8.42106 6.73685Z", fill: "currentColor" }), /* @__PURE__ */ React__namespace.createElement("path", { d: "M7.31577 4.21053C7.10524 4.42105 7.05261 4.63158 7.05261 4.89474C7.05261 5.15789 7.15788 5.42105 7.31577 5.57895C7.47366 5.78947 7.73682 5.89474 7.99998 5.89474C8.26314 5.89474 8.5263 5.78947 8.68419 5.63158C8.84209 5.47368 8.94735 5.21053 8.94735 4.94737C8.94735 4.68421 8.84209 4.42105 8.68419 4.26316C8.31577 3.84211 7.68419 3.84211 7.31577 4.21053Z", fill: "currentColor" }));
+const SvgWebServiceIcon = (props) => /* @__PURE__ */ React__namespace.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.845864 11.5813C0.304532 10.504 0 9.28691 0 7.99998C0 6.71305 0.304532 5.49599 0.845864 4.41866C2.16053 1.79893 4.87199 0 7.99998 0C11.128 0 13.8394 1.79893 15.1541 4.41866C15.6954 5.49599 16 6.71305 16 7.99998C16 8.74122 15.8989 9.45928 15.7098 10.1408C15.5178 9.64596 15.2368 9.19545 14.8865 8.8089C14.9174 8.54352 14.9333 8.27358 14.9333 7.99998C14.9333 7.06079 14.7461 6.16479 14.4074 5.34772C13.5365 5.68532 12.5098 5.95626 11.3765 6.13866C11.4167 6.54759 11.4442 6.96932 11.4575 7.40092C11.0893 7.42113 10.7334 7.48763 10.3956 7.59469C10.386 7.14382 10.3603 6.70393 10.32 6.27892C9.57811 6.35786 8.80052 6.39999 7.99998 6.39999C7.19945 6.39999 6.42185 6.35786 5.67999 6.27892C5.62772 6.83039 5.59999 7.40692 5.59999 7.99998C5.59999 8.59305 5.62772 9.16958 5.67999 9.72105C6.40301 9.64412 7.15998 9.60215 7.93903 9.60006C7.75305 9.93264 7.60993 10.2924 7.51716 10.672C6.93298 10.6849 6.36403 10.7212 5.81545 10.7781C6.01065 11.9786 6.33066 13.0128 6.73812 13.7733C6.94452 14.1589 7.17065 14.4688 7.41812 14.6789C7.60265 14.8357 7.79465 14.9333 7.99998 14.9333C8.20532 14.9333 8.39732 14.8357 8.58185 14.6789L8.58903 14.6728C9.02045 15.1233 9.54884 15.4802 10.1407 15.7099C9.4592 15.8989 8.74129 16 7.99998 16C4.87199 16 2.16053 14.201 0.845864 11.5813ZM1.59253 5.34772C1.25386 6.16479 1.06666 7.06079 1.06666 7.99998C1.06666 8.93918 1.25386 9.83518 1.59253 10.6522C2.46346 10.3146 3.49013 10.0437 4.62346 9.86131C4.56479 9.26505 4.53332 8.64158 4.53332 7.99998C4.53332 7.35839 4.56479 6.73492 4.62346 6.13866C3.49013 5.95626 2.46346 5.68532 1.59253 5.34772ZM13.9205 4.39252C13.0378 2.94773 11.6416 1.8512 9.98665 1.35626C10.0608 1.47146 10.1328 1.5936 10.2021 1.72267C10.657 2.57226 11.0208 3.73279 11.2394 5.08159C12.2357 4.91999 13.1429 4.68479 13.9205 4.39252ZM6.01332 1.35626C4.35839 1.8512 2.96213 2.94773 2.07946 4.39252C2.85706 4.68532 3.76426 4.91999 4.76053 5.08159C4.97919 3.73279 5.34292 2.57226 5.79786 1.72267C5.86719 1.5936 5.93919 1.47146 6.01332 1.35626ZM2.07946 11.6074C2.96213 13.0522 4.35839 14.1488 6.01332 14.6437C5.93919 14.5285 5.86719 14.4064 5.79786 14.2773C5.34292 13.4277 4.97919 12.2672 4.76053 10.9184C3.76426 11.08 2.85706 11.3152 2.07946 11.6074ZM7.99998 1.06666C7.79465 1.06666 7.60265 1.16426 7.41812 1.32106C7.17065 1.5312 6.94452 1.84106 6.73812 2.22666C6.33066 2.9872 6.01065 4.02133 5.81545 5.22186C6.51412 5.29492 7.24585 5.33332 7.99998 5.33332C8.75412 5.33332 9.48585 5.29439 10.1845 5.22186C9.98931 4.02133 9.66931 2.9872 9.26185 2.22666C9.05545 1.84106 8.82932 1.5312 8.58185 1.32106C8.39732 1.16426 8.20532 1.06666 7.99998 1.06666ZM15.3852 11.7118L14.6747 11.839C14.6625 12.1002 14.6178 12.3527 14.5446 12.5925L15.1688 12.9585L14.5112 14.1149L13.8862 13.7485C13.7155 13.9359 13.5218 14.1016 13.3095 14.2404L13.5563 14.9286L12.3204 15.3853L12.0737 14.6971C11.9504 14.7129 11.8246 14.7211 11.6971 14.7211C11.5696 14.7211 11.4438 14.7129 11.3205 14.6971L11.0738 15.3853L9.83792 14.9286L10.0847 14.2404C9.8724 14.1016 9.6787 13.9359 9.50803 13.7485L8.88303 14.1149L8.22538 12.9585L8.84963 12.5925C8.77643 12.3527 8.73174 12.1002 8.71954 11.839L8.00897 11.7118L8.23727 10.3967L8.94724 10.5238C9.04546 10.2861 9.1728 10.064 9.32441 9.86175L8.86061 9.30034L9.86812 8.44189L10.3315 9.00283C10.5528 8.88684 10.7902 8.79826 11.0396 8.74126V8.00904H12.3546V8.74126C12.6039 8.79824 12.8414 8.88684 13.0627 9.00283L13.5261 8.44187L14.5336 9.30031L14.0698 9.86172C14.2214 10.064 14.3487 10.2861 14.447 10.5238L15.1569 10.3967L15.3852 11.7118ZM10.3235 11.6942C10.3235 12.4645 10.9385 13.0889 11.6971 13.0889C12.4557 13.0889 13.0707 12.4645 13.0707 11.6942C13.0707 10.9238 12.4557 10.2994 11.6971 10.2994C10.9385 10.2994 10.3235 10.9238 10.3235 11.6942Z", fill: "currentColor" }));
 let Components = {};
 Components['success'] = SvgSuccess;
 Components['alert'] = SvgAlert;
+Components['alert'] = SvgAlert;
 Components['delete_info'] = SvgDeleteInfo;
 Components['warning'] = SvgWarning;
 Components['toast_info'] = SvgInfo;
@@ -620,6 +629,7 @@ Components['details'] = SvgDetails;
 Components['impactList'] = SvgImpactList;
 Components['beautify_icon'] = SvgBeautifyIcon;
 Components['add_variable'] = SvgAddVariableIcon;
+Components['replace_file'] = SvgReplaceFile;
 Components['formate_painter'] = SvgFormatePainter;
 Components['bold'] = SvgBold;
 Components['italic'] = SvgItalic;
@@ -639,6 +649,7 @@ Components['text_color'] = SvgTextColor;
 Components['fill_color'] = SvgFillColor;
 Components['formula_icon'] = SvgFormulaIcon;
 Components['excel_corner_menu'] = SvgExcelCornerMenu;
+Components['export'] = SvgExport;
 Components['apk_file_type'] = SvgApkFileType;
 Components['csv_file_type'] = SvgCsvFileType;
 Components['compressed_file_type'] = SvgCompressedFileType;
@@ -653,6 +664,7 @@ Components['ipk_file_type'] = SvgIpkFileType;
 Components['txt_file_type'] = SvgTxtFileType;
 Components['gif_file_type'] = SvgGifFileType;
 Components['jpg_file_type'] = SvgJpgFileType;
+Components['import'] = SvgImport;
 Components['info'] = SvgInfoIcon;
 Components['calendar_icon'] = SvgCalendarIcon;
 Components['hide_icon'] = SvgHideIcon;
@@ -773,6 +785,7 @@ Components['run_manual_testcase'] = SvgRunManualTestcaseIcon;
 Components['run_automation_scripts'] = SvgRunAutomationScriptsIcon;
 Components['eye_open_icon'] = SvgEyeOpenIcon;
 Components['replace_icon'] = SvgReplaceIcon;
+Components['replace_icon'] = SvgReplaceIcon;
 Components['header_preset'] = SvgHeaderPreset;
 Components['project_element'] = SvgProjectElement;
 Components['element'] = SvgElement;
@@ -787,9 +800,10 @@ Components['add_to_archive'] = SvgAddArchive;
 Components['remove_user'] = SvgRemoveUser;
 Components['dashboard_icon'] = SvgDashboardIcon; //TODO:this is temporary icon
 Components['info_user'] = SvgInfoUser;
+Components['web_service_icon'] = SvgWebServiceIcon;
-var css_248z$18 = ".ff-icon-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 4px;\n  box-sizing: content-box;\n}\n.ff-icon-container.ff-icon-danger:hover {\n  background-color: var(--ff-icon-color-danger-variant);\n}\n.ff-icon-container.ff-icon-dark {\n  background-color: var(--brand-color);\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover {\n  border-radius: 4px;\n  background-color: white;\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover svg path {\n  fill: var(--brand-color);\n}\n\n.ff-icon-click {\n  cursor: pointer;\n  box-sizing: content-box;\n}\n.ff-icon-click:hover {\n  border-radius: 4px;\n  background-color: var(--ff-icon-hover-fill-color);\n}\n.ff-icon-click:hover > svg {\n  color: var(--brand-color);\n}\n\n.ff-icon-disabled {\n  cursor: no-drop;\n}\n.ff-icon-disabled > svg {\n  color: var(--toggle-strip-color);\n}\n.ff-icon-disabled:hover {\n  box-shadow: none;\n}\n.ff-icon-disabled:hover > svg {\n  color: var(--toggle-strip-color);\n}";
-styleInject(css_248z$18);
+var css_248z$19 = ".ff-icon-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 4px;\n  box-sizing: content-box;\n}\n.ff-icon-container.ff-icon-danger:hover {\n  background-color: var(--ff-icon-color-danger-variant);\n}\n.ff-icon-container.ff-icon-dark {\n  background-color: var(--brand-color);\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover {\n  border-radius: 4px;\n  background-color: white;\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover svg path {\n  fill: var(--brand-color);\n}\n\n.ff-icon-click {\n  cursor: pointer;\n  box-sizing: content-box;\n}\n.ff-icon-click:hover {\n  border-radius: 4px;\n  background-color: var(--ff-icon-hover-fill-color);\n}\n.ff-icon-click:hover > svg {\n  color: var(--brand-color);\n}\n\n.ff-icon-disabled {\n  cursor: no-drop;\n}\n.ff-icon-disabled > svg {\n  color: var(--toggle-strip-color);\n}\n.ff-icon-disabled:hover {\n  box-shadow: none;\n}\n.ff-icon-disabled:hover > svg {\n  color: var(--toggle-strip-color);\n}";
+styleInject(css_248z$19);
 const Icon = /*#__PURE__*/React.forwardRef(({
   name,
@@ -865,8 +879,8 @@ const Icon = /*#__PURE__*/React.forwardRef(({
   });
 });
-var css_248z$17 = ".ff-text {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 16px;\n}\n.ff-text--regular {\n  font-weight: 400;\n}\n.ff-text--medium {\n  font-weight: 500;\n}\n.ff-text--semi-bold {\n  font-weight: 600;\n}\n.ff-text--bold {\n  font-weight: 700;\n}\n.ff-text .required-asterisk {\n  color: var(--input-error-text-color);\n  padding-right: 4px;\n}";
-styleInject(css_248z$17);
+var css_248z$18 = ".ff-text {\n  font-family: \"Poppins\", sans-serif;\n  font-size: 16px;\n}\n.ff-text--regular {\n  font-weight: 400;\n}\n.ff-text--medium {\n  font-weight: 500;\n}\n.ff-text--semi-bold {\n  font-weight: 600;\n}\n.ff-text--bold {\n  font-weight: 700;\n}\n.ff-text .required-asterisk {\n  color: var(--input-error-text-color);\n  padding-right: 4px;\n}";
+styleInject(css_248z$18);
 const Typography = ({
   fontWeight = 'regular',
@@ -946,8 +960,8 @@ const Button$1 = /*#__PURE__*/React.forwardRef(({
   });
 });
-var css_248z$16 = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-drawer-container .ff-overlay {\n  position: fixed;\n  inset: 0;\n  background-color: var(--drawer-title-color);\n  opacity: 0.5;\n  z-index: 999;\n}\n.ff-drawer-container .child-drawer-overlay {\n  z-index: 999;\n}\n.ff-drawer-container .ff-drawer {\n  margin-bottom: 4px;\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  top: 87px;\n  min-width: 450px;\n  background-color: var(--primary-button-text-color);\n  z-index: 999;\n  transform: translateX(100%);\n  opacity: 0;\n}\n.ff-drawer-container .ff-drawer--open {\n  transform: translateX(0);\n  opacity: 1;\n}\n.ff-drawer-container .ff-drawer--small {\n  width: 444px;\n}\n.ff-drawer-container .ff-drawer--medium {\n  width: 666px;\n}\n.ff-drawer-container .ff-drawer--large {\n  width: 888px;\n}\n.ff-drawer-container .ff-drawer--x-large {\n  width: calc(100vw - 10px);\n}\n.ff-drawer-container .ff-drawer--open, .ff-drawer-container .ff-drawer--medium, .ff-drawer-container .ff-drawer--large, .ff-drawer-container .ff-drawer--x-large {\n  transition: all 0.4s ease-in-out;\n  border-radius: 5px;\n  border: 1px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header {\n  padding: 4px 8px 4px 8px;\n  display: flex;\n  gap: 10px;\n  border-bottom: 1px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n  font-weight: 600;\n  color: var(--drawer-title-color);\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-close-icon {\n  height: 16px;\n  width: 16px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  height: 24px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-expand-collapse-button {\n  cursor: pointer;\n  background-color: var(--button-bg-color);\n  outline: none;\n  border: none;\n  margin: 0;\n  border: 1px solid transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-custom-header {\n  background-color: var(--drawer-footer-bg);\n  padding: 4px 8px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-body {\n  background-color: var(--drawer-footer-bg);\n  overflow-y: auto;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 4px 8px 4px 8px;\n  display: flex;\n  justify-content: space-between;\n  border-top: 1px solid var(--drawer-footer-border);\n  z-index: 1000;\n  background-color: var(--base-bg-color);\n  transform: translateY(3px);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .button-container {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .ff-custom-footer {\n  background-color: var(--drawer-footer-bg);\n  padding: 4px 8px;\n}";
-styleInject(css_248z$16);
+var css_248z$17 = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-drawer-container .ff-overlay {\n  position: fixed;\n  inset: 0;\n  background-color: var(--drawer-title-color);\n  opacity: 0.5;\n  z-index: 999;\n}\n.ff-drawer-container .child-drawer-overlay {\n  z-index: 999;\n}\n.ff-drawer-container .ff-drawer {\n  margin-bottom: 4px;\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  top: 87px;\n  min-width: 450px;\n  background-color: var(--primary-button-text-color);\n  z-index: 999;\n  transform: translateX(100%);\n  opacity: 0;\n}\n.ff-drawer-container .ff-drawer--open {\n  transform: translateX(0);\n  opacity: 1;\n}\n.ff-drawer-container .ff-drawer--small {\n  width: 444px;\n}\n.ff-drawer-container .ff-drawer--medium {\n  width: 666px;\n}\n.ff-drawer-container .ff-drawer--large {\n  width: 888px;\n}\n.ff-drawer-container .ff-drawer--x-large {\n  width: calc(100vw - 10px);\n}\n.ff-drawer-container .ff-drawer--open, .ff-drawer-container .ff-drawer--medium, .ff-drawer-container .ff-drawer--large, .ff-drawer-container .ff-drawer--x-large {\n  transition: all 0.4s ease-in-out;\n  border-radius: 5px;\n  border: 1px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header {\n  padding: 4px 8px 4px 8px;\n  display: flex;\n  gap: 10px;\n  border-bottom: 1px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n  font-weight: 600;\n  color: var(--drawer-title-color);\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-close-icon {\n  height: 16px;\n  width: 16px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  height: 24px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-expand-collapse-button {\n  cursor: pointer;\n  background-color: var(--button-bg-color);\n  outline: none;\n  border: none;\n  margin: 0;\n  border: 1px solid transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-custom-header {\n  background-color: var(--drawer-footer-bg);\n  padding: 4px 8px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-body {\n  background-color: var(--drawer-footer-bg);\n  overflow-y: auto;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 4px 8px 4px 8px;\n  display: flex;\n  justify-content: space-between;\n  border-top: 1px solid var(--drawer-footer-border);\n  z-index: 1000;\n  background-color: var(--base-bg-color);\n  transform: translateY(3px);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .button-container {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .ff-custom-footer {\n  background-color: var(--drawer-footer-bg);\n  padding: 4px 8px;\n}";
+styleInject(css_248z$17);
 function useEscapeKey(key) {
   return callBack => {
@@ -965,8 +979,8 @@ function useEscapeKey(key) {
   };
 }
-var css_248z$15 = ":root {\n  --base-bg-color: #ffffff;\n  --button-bg-color: #f6ebff;\n  --brand-color: #71347b;\n  --text-color: #1e161f;\n  --description-text: #7a7a7a;\n  --click-able-text-color: #71347b;\n  --custom-table-header-bg-color: #efe1f9;\n  --icons-default-color: #71347b;\n  --border-color: #f0e7f4;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --hover-color: #f7ebff;\n  --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n  --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n  --drawer-footer-bg: #ffffff;\n  --drawer-footer-border: #f0e7f4;\n  --text-bg-highlight: #f5fb00;\n  --tooltip-bg-color: #1e161f;\n  --tooltip-text-color: #ffffff;\n  --toggle-strip-color: #cfd1e2;\n  --toggle-strip-active: #71347b;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-button-bg-color: #ffffff;\n  --toggle-disable-icon-color: #767994;\n  --text-area-default-color: #747474;\n  --add-icon-hover-color: #431b4a;\n  --arrow-button-bg-color: #ffffff;\n  --arrows-button-border-color: #ded1e5;\n  --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n  --chip-fill-color: #f9d5ff;\n  --chip-text-color: #1e161f;\n  --icon-color: #71347b;\n  --default-icon-color: #a3a3a3;\n  --tree-connecting-lines-color: #d7b5e3;\n  --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n  --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n  --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n  --primary-button-text-color: #ffffff;\n  --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n  --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n  --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n  --secondary-button-text-color: #46164d;\n  --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n  --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n  --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n  --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n  --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n  --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n  --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n  --error: #e42525;\n  --drawer-title-color: #252c37;\n  --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n  --error_light: #e42525;\n  --ff-success: #079455;\n  --ff-warning: #f79009;\n  --ff-header-text-color: #fdfaff;\n  --ff-header-submenu-text-color: #666468;\n  --ff-header-submenu-highlight-text-color: #170328;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n  --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n  --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n  --file-details-bg: #ffffff;\n  --ff-mini-modal-border: #ffffff;\n  --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n  --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n  --ff-error-light: #e42525;\n  --ff-chips-fill-color: #f9d5ff;\n  --ff-chips-blur-color: #575757;\n  --ff-chip-bg: #ffffff;\n  --ff-chip-text-color: #1e161f;\n  --ff-mini-modal-footer-background: #aeb0c0;\n  --input-default-border-color: #a3a3a3;\n  --input-hover-border-color: #1e161f;\n  --input-default-label-color: #747474;\n  --input-label-bg-color: #ffffff;\n  --input-active-text-color: #71347b;\n  --input-error-text-color: #e42525;\n  --tabs-label-default-color: #7a7a7a;\n  --tabs-label-active-color: #71347b;\n  --tabs-border-color: #f1ebf2;\n  --tabs-bg-color: #ede6f2;\n  --tab-bg-color: #ffffff;\n  --toast-close-icon-wrapper-bg: #fafafa;\n  --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n  --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n  --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n  --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n  --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n  --option-card-border-color: #ded1e5;\n  --option-card-bg-color: #ffffff;\n  --checkbox-bg-color: #fbfdff;\n  --checkbox-border-color: #b5b5b5;\n  --checkbox-partial-color: #ffffff;\n  --checkbox-hover-color: #f7edff;\n  --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n  --multi-select-label-bg: #ffffff;\n  --text-color-light: rgba(30, 22, 31, 0.5019607843);\n  --radio-button-border: #b5b5b5;\n  --radio-button-hover: #d3d3d3;\n  --menu-variant-dark-icon-color: #ffffff;\n  --menu-option-icon-color: #ffffff;\n  --menu-option-icon-clicked: #71347b;\n  --delete-text-color: #c50303;\n  --confirm-tick-icon-color: #5ca700;\n  --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n  --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n  --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n  --status-success-bg-color: #c6efcd;\n  --status-success-text-color: #016102;\n  --status-warning-bg-color: #ffe380;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-bg-color: #c4c3c3;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --status-button-bg-passed: #c6efcd;\n  --status-button-bg-failed: #f7d9d9;\n  --status-button-bg-running: #ecedf8;\n  --status-button-bg-skipped: #c4c3c3;\n  --status-button-bg-warning: #ffb803;\n  --status-button-bg-terminated: #f7d9d9;\n  --status-button-bg-partiallyExecuted: #dee7f1;\n  --status-button-bg-aborted: #f7d9d9;\n  --status-button-bg-notExecuted: #f7d9d9;\n  --status-button-text-passed: #016102;\n  --status-button-text-failed: #c50303;\n  --status-button-text-running: #434db8;\n  --status-button-text-skipped: #3c3838;\n  --status-button-text-warning: #ffffff;\n  --status-button-text-terminated: #c50303;\n  --status-button-text-partiallyExecuted: #0d69d4;\n  --status-button-text-aborted: #c50303;\n  --status-button-text-notExecuted: #c50303;\n  --ff-select-option-border-color: #ded1e5;\n  --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n  --ff-select-background-color: #ffffff;\n  --ff-select-scroll-thumb-color: #d9d9d9;\n  --ff-select-scroll-track-bg: #f1f1f1;\n  --ff-select-scroll-thumb-hover: #b8b8b8;\n  --ff-select-text-color: #14041c;\n  --ff-select-option-hover-color: #f7ebff;\n  --ff-select-default-color: #747474;\n  --ff-select-border-color: #a3a3a3;\n  --ff-select-brand-color: #71347b;\n  --ff-select-text-hover-color: #1e161f;\n  --ff-search-filed-clear-text: #71347b;\n  --ff-search-filed-placeholder-text: #a3a3a3;\n  --ff-search-filed-close-Icon: #14041c;\n  --ff-paper-background-color: #f5f5f5;\n  --ff-paper-dark-background-color: #d1c4e9;\n  --sub-header-primary: #301349;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --disabled-primary-color: #f9f9f9;\n  --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n  --license_expireSoon_color: #ba7422;\n  --license_active_color: #268735;\n  --license_expired_color: #e34242;\n  --license_header_text_color: #592f7c;\n  --license_active_status_color: #518e18;\n  --license_expired_status_color: #ab3425;\n  --pie-chart-border-color: #b6b6b6;\n  --variable-dropdown-bg: #ffffff;\n  --modal-header-text-color: #ffc600;\n  --switch-license-text-color: #61296a;\n  --switch-license-header-text-color: #610b86;\n  --dotted-border-color: #000000;\n  --select-license-header-text-color: #5f2868;\n  --in-active-button-color: #808080;\n  --button-background-gradient-color: #9c1ebb;\n  --details-page-value-color: #808080;\n  --table-header-text-color: #252c37;\n  --table-column-text-color: #200624;\n  --ff-machine-input-field-border-color: #f1ebf2;\n  --ff-machine-input-field-text-color: #1e161f;\n  --ff-connecting-branch-color: #71347b;\n  --ff-connecting-branch-modal-header: #71347b;\n  --ff-connecting-branch-modal-border: #e0e0e0;\n  --ff-connecting-branch-scope-color: #079455;\n  --ff-connecting-branch-delete-color: #e42525;\n  --ff-app-header-menu-border-bottom-color: #ffffff;\n  --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n  --ff-delete-button-attachment: #a91224;\n  --email-table-border-color: #959595;\n  --label-edit-text-label-color: #71347b;\n  --label-edit-text-background-color: #ffffff;\n  --label-edit-error-text: #e42525;\n  --label-edit-confirm-icon: #0dad66;\n  --label-edit-cancel-icon: #e42525;\n  --delete-icon-color: #e42525;\n  --ff-icon-hover-fill-color: #f7ecf8;\n  --ff-icon-color-dark-variant: #ffffff;\n  --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n  --ff-avatar-background-color: #71347b;\n  --ff-avatar-icon-color: #ffffff;\n  --ff-editor-line-bg: #f0e7f4;\n  --ff-editor-gutter-color: #ded5e5;\n  --ff-line-number-bg: #592f7c;\n  --ff-line-number-color: #ffffff;\n  --ff-editor-border-color: #f0e7f4;\n  --ff-icon-hover-bg-color: #f7ecf8;\n  --modal-background-color: rgba(18, 18, 18, 0.2);\n  --modal-alert-header-color: #db1919;\n  --ff-status-card-text-color: #ffffff;\n  --ff-card-status-text-color: #8a8a8a;\n  --ff-card-passed-status-bg-color: #179c5f;\n  --ff-card-failed-status-bg-color: #9c1732;\n  --ff-card-warning-status-bg-color: #e2750f;\n  --ff-card-skipped-status-bg-color: #a83fc4;\n  --ff-card-flaky-status-bg-color: #3f5ac4;\n  --ff-toggle-switch-off-color: #4b494c;\n  --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n  --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n  --excel-sheet-button-color: #e9b5ff;\n  --icon-hover-color: #f7ecf8;\n  --ff-search-icon-hover-color: #f7ecf8;\n  --ff-search-filed-bg-color: #ffffff;\n  --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #71347b 0%, #9c1ebb 100%);\n  --download-client-border-color: #f0e7f4;\n  --download-client-header-bg-color: #ede6f2;\n  --download-client-content-text-color: #592f7c;\n  --download-client-choose-os-text-color: #000000;\n  --download-client-icon-container-border-color: #f0e7f4;\n  --download-client-icon-container-bg-color: #ffffff;\n  --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n  --public-chip-bg-color: #f9d5ff;\n  --partial-public-chip-bg-color: #fcc27d;\n  --private-chip-bg-color: #dbc3ef;\n  --disabled-chip-bg-color: #c4c3c3;\n  --impact-list-text-color: #14041c;\n  --impact-list-chip-text-color: #3d3c3e;\n  --impact-list-chip-bg-color: #e3ccf5;\n}\n\n:root {\n  --base-bg-color: #1e1a22;\n  --brand-color: #71347b;\n  --text-color: #e8e0e9;\n  --description-text: #d9d9d9;\n  --click-able-text-color: #e8e0e9;\n  --custom-table-header-bg-color: #EFE1F9;\n  --icons-default-color: #e8e0e9;\n  --border-color: #333234;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --hover-color: #f7ebff;\n  --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n  --slider-table-color: #272428;\n  --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n  --drawer-footer-border: #333234;\n  --text-bg-highlight: #f5fb00;\n  --tooltip-bg-color: #2a2a2a;\n  --tooltip-text-color: #ffffff;\n  --toggle-strip-color: #cfd1e2;\n  --toggle-strip-active-color: #71347b;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-button-bg-color: #ffffff;\n  --toggle-disable-icon-color: #767994;\n  --text-area-default-color: #747474;\n  --add-icon-hover-color: #431b4a;\n  --arrow-button-bg-color: #ffffff;\n  --arrows-button-border-color: #ded1e5;\n  --overlay-bg: rgba(18, 18, 18, 0.6);\n  --chip-fill-color: #f9d5ff;\n  --chip-text-color: #1e161f;\n  --icon-color: #71347b;\n  --tree-connecting-lines-color: #d7b5e3;\n  --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n  --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n  --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n  --primary-button-text-color: #ffffff;\n  --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n  --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n  --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n  --secondary-button-text-color: #71347b;\n  --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n  --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n  --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n  --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n  --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n  --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n  --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n  --drawer-title-color: #252c37;\n  --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n  --error_light: #e42525;\n  --ff-success: #079455;\n  --ff-warning: #f79009;\n  --ff-header-text-color: #fdfaff;\n  --ff-header-submenu-text-color: #666468;\n  --ff-header-submenu-highlight-text-color: #170328;\n  --default-icon-color: #a3a3a3;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --file-dropzone-default-color: rgba(130, 60, 141, 0.1019607843);\n  --file-dropzone-selected-color: rgba(130, 60, 141, 0.2);\n  --file-details-container-shadow: rgba(255, 252, 255, 0.6);\n  --file-details-bg: #0d0d0d;\n  --ff-mini-modal-border: #ffffff;\n  --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n  --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n  --ff-error-light: #e42525;\n  --ff-chips-fill-color: #f9d5ff;\n  --ff-chips-blur-color: #575757;\n  --ff-chip-bg: #ffffff;\n  --ff-chip-text-color: #1e161f;\n  --ff-mini-modal-footer-background: #aeb0c0;\n  --input-default-border-color: #a3a3a3;\n  --input-hover-border-color: #1e161f;\n  --input-default-label-color: #747474;\n  --input-label-bg-color: #ffffff;\n  --input-active-text-color: #71347b;\n  --input-error-text-color: #e42525;\n  --tabs-label-default-color: #7a7a7a;\n  --tabs-label-active-color: #71347b;\n  --tabs-border-color: #f1ebf2;\n  --tabs-bg-color: #ede6f2;\n  --tab-bg-color: #ffffff;\n  --toast-close-icon-wrapper-bg: #fafafa;\n  --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n  --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n  --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n  --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n  --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n  --option-card-border-color: #ded1e5;\n  --option-card-bg-color: #ffffff;\n  --checkbox-bg-color: #fbfdff;\n  --checkbox-border-color: #b5b5b5;\n  --checkbox-partial-color: #ffffff;\n  --checkbox-hover-color: #f7edff;\n  --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n  --multi-select-label-bg: #ffffff;\n  --text-color-light: rgba(30, 22, 31, 0.5019607843);\n  --radio-button-border: #b5b5b5;\n  --radio-button-hover: #d3d3d3;\n  --menu-variant-dark-icon-color: #ffffff;\n  --menu-option-icon-color: #ffffff;\n  --menu-option-icon-clicked: #71347b;\n  --delete-text-color: #c50303;\n  --status-success-bg-color: #c6efcd;\n  --status-success-text-color: #016102;\n  --status-warning-bg-color: #ffe380;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-bg-color: #c4c3c3;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --status-button-bg-passed: #c6efcd;\n  --status-button-bg-failed: #f7d9d9;\n  --status-button-bg-running: #ecedf8;\n  --status-button-bg-skipped: #c4c3c3;\n  --status-button-bg-warning: #ffb803;\n  --status-button-bg-terminated: #f7d9d9;\n  --status-button-bg-partiallyExecuted: #dee7f1;\n  --status-button-bg-aborted: #f7d9d9;\n  --status-button-bg-notExecuted: #f7d9d9;\n  --status-button-text-passed: #016102;\n  --status-button-text-failed: #c50303;\n  --status-button-text-running: #434db8;\n  --status-button-text-skipped: #3c3838;\n  --status-button-text-warning: #ffffff;\n  --status-button-text-terminated: #c50303;\n  --status-button-text-partiallyExecuted: #0d69d4;\n  --status-button-text-aborted: #c50303;\n  --status-button-text-notExecuted: #c50303;\n  --ff-select-option-border-color: #ded1e5;\n  --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n  --ff-select-background-color: #ffffff;\n  --ff-select-scroll-thumb-color: #d9d9d9;\n  --ff-select-scroll-track-bg: #f1f1f1;\n  --ff-select-scroll-thumb-hover: #b8b8b8;\n  --ff-select-text-color: #14041c;\n  --ff-select-option-hover-color: #f7ebff;\n  --ff-select-default-color: #747474;\n  --ff-select-border-color: #a3a3a3;\n  --ff-select-brand-color: #71347b;\n  --ff-select-text-hover-color: #1e161f;\n  --ff-search-filed-clear-text: #71347b;\n  --ff-search-filed-placeholder-text: #a3a3a3;\n  --ff-search-filed-close-Icon: #14041c;\n  --ff-paper-background-color: #f5f5f5;\n  --ff-paper-dark-background-color: #d1c4e9;\n  --sub-header-primary: #301349;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --disabled-primary-color: #f9f9f9;\n  --license_expireSoon_color: #ba7422;\n  --license_active_color: #268735;\n  --license_expired_color: #e34242;\n  --license_header_text_color: #592f7c;\n  --license_active_status_color: #518e18;\n  --license_expired_status_color: #ab3425;\n  --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n  --pie-chart-border-color: #b6b6b6;\n  --button-bg-color: #f6ebff;\n  --modal-header-text-color: #ffc600;\n  --switch-license-text-color: #61296a;\n  --switch-license-header-text-color: #610b86;\n  --dotted-border-color: #000000;\n  --select-license-header-text-color: #5f2868;\n  --in-active-button-color: #808080;\n  --button-background-gradient-color: #9c1ebb;\n  --details-page-value-color: #808080;\n  --label-edit-text-label-color: #71347b;\n  --label-edit-text-background-color: #ffffff;\n  --label-edit-error-text: #e42525;\n  --label-edit-confirm-icon: #0dad66;\n  --label-edit-cancel-icon: #e42525;\n  --delete-icon-color: #e42525;\n  --confirm-tick-icon-color: #5CA700;\n  --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n  --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n  --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n  --ff-app-header-menu-border-bottom-color: #ffffff;\n  --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n  --table-header-text-color: #252c37;\n  --table-column-text-color: #200624;\n  --ff-delete-button-attachment: #a91224;\n  --email-table-border-color: #959595;\n  --ff-icon-hover-fill-color: #f7ecf8;\n  --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n  --ff-icon-color-dark-variant: #ffffff;\n  --avatar-background-color: #71347b;\n  --avatar-icon-color: #ffffff;\n  --ff-editor-line-bg: #333234;\n  --ff-editor-gutter-color: #ded5e5;\n  --ff-line-number-bg: #592f7c;\n  --ff-line-number-color: #ffffff;\n  --excel-sheet-button-color: #e9b5ff;\n  --icon-hover-color: #f7ecf8;\n  --ff-editor-border-color: #f0e7f4;\n  --ff-icon-hover-bg-color: #f7ecf8;\n  --modal-background-color: rgba(18, 18, 18, 0.2);\n  --modal-alert-header-color: #db1919;\n  --ff-status-card-text-color: #ffffff;\n  --ff-card-status-text-color: #8a8a8a;\n  --ff-card-passed-status-bg-color: #179c5f;\n  --ff-card-failed-status-bg-color: #9c1732;\n  --ff-card-warning-status-bg-color: #e2750f;\n  --ff-card-skipped-status-bg-color: #a83fc4;\n  --ff-card-flaky-status-bg-color: #3f5ac4;\n  --ff-toggle-switch-off-color: #4B494C;\n  --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n  --ff-search-field-hover-color: #F7ECF8;\n  --ff-search-filed-bg-color: #ffffff;\n  --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n  --download-client-border-color: #F0E7F4;\n  --download-client-header-bg-color: #EDE6F2;\n  --download-client-content-text-color: #592F7C;\n  --download-client-choose-os-text-color: #000000;\n  --download-client-icon-container-border-color: #F0E7F4;\n  --download-client-icon-container-bg-color: #FFFFFF;\n  --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n  --public-chip-bg-color: #F9D5FF;\n  --partial-public-chip-bg-color: #FCC27D;\n  --private-chip-bg-color: #DBC3EF;\n  --disabled-chip-bg-color: #C4C3C3;\n  --impact-list-text-color: #14041C;\n  --impact-list-chip-text-color: #3d3c3e;\n  --impact-list-chip-bg-color: #E3CCF5;\n}\n\n.ff-light-theme {\n  --base-bg-color: #ffffff;\n  --button-bg-color: #f6ebff;\n  --brand-color: #71347b;\n  --text-color: #1e161f;\n  --description-text: #7a7a7a;\n  --click-able-text-color: #71347b;\n  --custom-table-header-bg-color: #efe1f9;\n  --icons-default-color: #71347b;\n  --border-color: #f0e7f4;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --hover-color: #f7ebff;\n  --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n  --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n  --drawer-footer-bg: #ffffff;\n  --drawer-footer-border: #f0e7f4;\n  --text-bg-highlight: #f5fb00;\n  --tooltip-bg-color: #1e161f;\n  --tooltip-text-color: #ffffff;\n  --toggle-strip-color: #cfd1e2;\n  --toggle-strip-active: #71347b;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-button-bg-color: #ffffff;\n  --toggle-disable-icon-color: #767994;\n  --text-area-default-color: #747474;\n  --add-icon-hover-color: #431b4a;\n  --arrow-button-bg-color: #ffffff;\n  --arrows-button-border-color: #ded1e5;\n  --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n  --chip-fill-color: #f9d5ff;\n  --chip-text-color: #1e161f;\n  --icon-color: #71347b;\n  --default-icon-color: #a3a3a3;\n  --tree-connecting-lines-color: #d7b5e3;\n  --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n  --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n  --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n  --primary-button-text-color: #ffffff;\n  --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n  --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n  --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n  --secondary-button-text-color: #46164d;\n  --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n  --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n  --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n  --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n  --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n  --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n  --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n  --error: #e42525;\n  --drawer-title-color: #252c37;\n  --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n  --error_light: #e42525;\n  --ff-success: #079455;\n  --ff-warning: #f79009;\n  --ff-header-text-color: #fdfaff;\n  --ff-header-submenu-text-color: #666468;\n  --ff-header-submenu-highlight-text-color: #170328;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n  --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n  --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n  --file-details-bg: #ffffff;\n  --ff-mini-modal-border: #ffffff;\n  --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n  --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n  --ff-error-light: #e42525;\n  --ff-chips-fill-color: #f9d5ff;\n  --ff-chips-blur-color: #575757;\n  --ff-chip-bg: #ffffff;\n  --ff-chip-text-color: #1e161f;\n  --ff-mini-modal-footer-background: #aeb0c0;\n  --input-default-border-color: #a3a3a3;\n  --input-hover-border-color: #1e161f;\n  --input-default-label-color: #747474;\n  --input-label-bg-color: #ffffff;\n  --input-active-text-color: #71347b;\n  --input-error-text-color: #e42525;\n  --tabs-label-default-color: #7a7a7a;\n  --tabs-label-active-color: #71347b;\n  --tabs-border-color: #f1ebf2;\n  --tabs-bg-color: #ede6f2;\n  --tab-bg-color: #ffffff;\n  --toast-close-icon-wrapper-bg: #fafafa;\n  --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n  --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n  --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n  --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n  --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n  --option-card-border-color: #ded1e5;\n  --option-card-bg-color: #ffffff;\n  --checkbox-bg-color: #fbfdff;\n  --checkbox-border-color: #b5b5b5;\n  --checkbox-partial-color: #ffffff;\n  --checkbox-hover-color: #f7edff;\n  --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n  --multi-select-label-bg: #ffffff;\n  --text-color-light: rgba(30, 22, 31, 0.5019607843);\n  --radio-button-border: #b5b5b5;\n  --radio-button-hover: #d3d3d3;\n  --menu-variant-dark-icon-color: #ffffff;\n  --menu-option-icon-color: #ffffff;\n  --menu-option-icon-clicked: #71347b;\n  --delete-text-color: #c50303;\n  --confirm-tick-icon-color: #5ca700;\n  --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n  --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n  --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n  --status-success-bg-color: #c6efcd;\n  --status-success-text-color: #016102;\n  --status-warning-bg-color: #ffe380;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-bg-color: #c4c3c3;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --status-button-bg-passed: #c6efcd;\n  --status-button-bg-failed: #f7d9d9;\n  --status-button-bg-running: #ecedf8;\n  --status-button-bg-skipped: #c4c3c3;\n  --status-button-bg-warning: #ffb803;\n  --status-button-bg-terminated: #f7d9d9;\n  --status-button-bg-partiallyExecuted: #dee7f1;\n  --status-button-bg-aborted: #f7d9d9;\n  --status-button-bg-notExecuted: #f7d9d9;\n  --status-button-text-passed: #016102;\n  --status-button-text-failed: #c50303;\n  --status-button-text-running: #434db8;\n  --status-button-text-skipped: #3c3838;\n  --status-button-text-warning: #ffffff;\n  --status-button-text-terminated: #c50303;\n  --status-button-text-partiallyExecuted: #0d69d4;\n  --status-button-text-aborted: #c50303;\n  --status-button-text-notExecuted: #c50303;\n  --ff-select-option-border-color: #ded1e5;\n  --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n  --ff-select-background-color: #ffffff;\n  --ff-select-scroll-thumb-color: #d9d9d9;\n  --ff-select-scroll-track-bg: #f1f1f1;\n  --ff-select-scroll-thumb-hover: #b8b8b8;\n  --ff-select-text-color: #14041c;\n  --ff-select-option-hover-color: #f7ebff;\n  --ff-select-default-color: #747474;\n  --ff-select-border-color: #a3a3a3;\n  --ff-select-brand-color: #71347b;\n  --ff-select-text-hover-color: #1e161f;\n  --ff-search-filed-clear-text: #71347b;\n  --ff-search-filed-placeholder-text: #a3a3a3;\n  --ff-search-filed-close-Icon: #14041c;\n  --ff-paper-background-color: #f5f5f5;\n  --ff-paper-dark-background-color: #d1c4e9;\n  --sub-header-primary: #301349;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --disabled-primary-color: #f9f9f9;\n  --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n  --license_expireSoon_color: #ba7422;\n  --license_active_color: #268735;\n  --license_expired_color: #e34242;\n  --license_header_text_color: #592f7c;\n  --license_active_status_color: #518e18;\n  --license_expired_status_color: #ab3425;\n  --pie-chart-border-color: #b6b6b6;\n  --variable-dropdown-bg: #ffffff;\n  --modal-header-text-color: #ffc600;\n  --switch-license-text-color: #61296a;\n  --switch-license-header-text-color: #610b86;\n  --dotted-border-color: #000000;\n  --select-license-header-text-color: #5f2868;\n  --in-active-button-color: #808080;\n  --button-background-gradient-color: #9c1ebb;\n  --details-page-value-color: #808080;\n  --table-header-text-color: #252c37;\n  --table-column-text-color: #200624;\n  --ff-machine-input-field-border-color: #f1ebf2;\n  --ff-machine-input-field-text-color: #1e161f;\n  --ff-connecting-branch-color: #71347b;\n  --ff-connecting-branch-modal-header: #71347b;\n  --ff-connecting-branch-modal-border: #e0e0e0;\n  --ff-connecting-branch-scope-color: #079455;\n  --ff-connecting-branch-delete-color: #e42525;\n  --ff-app-header-menu-border-bottom-color: #ffffff;\n  --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n  --ff-delete-button-attachment: #a91224;\n  --email-table-border-color: #959595;\n  --label-edit-text-label-color: #71347b;\n  --label-edit-text-background-color: #ffffff;\n  --label-edit-error-text: #e42525;\n  --label-edit-confirm-icon: #0dad66;\n  --label-edit-cancel-icon: #e42525;\n  --delete-icon-color: #e42525;\n  --ff-icon-hover-fill-color: #f7ecf8;\n  --ff-icon-color-dark-variant: #ffffff;\n  --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n  --ff-avatar-background-color: #71347b;\n  --ff-avatar-icon-color: #ffffff;\n  --ff-editor-line-bg: #f0e7f4;\n  --ff-editor-gutter-color: #ded5e5;\n  --ff-line-number-bg: #592f7c;\n  --ff-line-number-color: #ffffff;\n  --ff-editor-border-color: #f0e7f4;\n  --ff-icon-hover-bg-color: #f7ecf8;\n  --modal-background-color: rgba(18, 18, 18, 0.2);\n  --modal-alert-header-color: #db1919;\n  --ff-status-card-text-color: #ffffff;\n  --ff-card-status-text-color: #8a8a8a;\n  --ff-card-passed-status-bg-color: #179c5f;\n  --ff-card-failed-status-bg-color: #9c1732;\n  --ff-card-warning-status-bg-color: #e2750f;\n  --ff-card-skipped-status-bg-color: #a83fc4;\n  --ff-card-flaky-status-bg-color: #3f5ac4;\n  --ff-toggle-switch-off-color: #4b494c;\n  --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n  --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n  --excel-sheet-button-color: #e9b5ff;\n  --icon-hover-color: #f7ecf8;\n  --ff-search-icon-hover-color: #f7ecf8;\n  --ff-search-filed-bg-color: #ffffff;\n  --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #71347b 0%, #9c1ebb 100%);\n  --download-client-border-color: #f0e7f4;\n  --download-client-header-bg-color: #ede6f2;\n  --download-client-content-text-color: #592f7c;\n  --download-client-choose-os-text-color: #000000;\n  --download-client-icon-container-border-color: #f0e7f4;\n  --download-client-icon-container-bg-color: #ffffff;\n  --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n  --public-chip-bg-color: #f9d5ff;\n  --partial-public-chip-bg-color: #fcc27d;\n  --private-chip-bg-color: #dbc3ef;\n  --disabled-chip-bg-color: #c4c3c3;\n  --impact-list-text-color: #14041c;\n  --impact-list-chip-text-color: #3d3c3e;\n  --impact-list-chip-bg-color: #e3ccf5;\n}\n\n.ff-dark-theme {\n  --base-bg-color: #1e1a22;\n  --brand-color: #71347b;\n  --text-color: #e8e0e9;\n  --description-text: #d9d9d9;\n  --click-able-text-color: #e8e0e9;\n  --custom-table-header-bg-color: #EFE1F9;\n  --icons-default-color: #e8e0e9;\n  --border-color: #333234;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --hover-color: #f7ebff;\n  --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n  --slider-table-color: #272428;\n  --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n  --drawer-footer-border: #333234;\n  --text-bg-highlight: #f5fb00;\n  --tooltip-bg-color: #2a2a2a;\n  --tooltip-text-color: #ffffff;\n  --toggle-strip-color: #cfd1e2;\n  --toggle-strip-active-color: #71347b;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-button-bg-color: #ffffff;\n  --toggle-disable-icon-color: #767994;\n  --text-area-default-color: #747474;\n  --add-icon-hover-color: #431b4a;\n  --arrow-button-bg-color: #ffffff;\n  --arrows-button-border-color: #ded1e5;\n  --overlay-bg: rgba(18, 18, 18, 0.6);\n  --chip-fill-color: #f9d5ff;\n  --chip-text-color: #1e161f;\n  --icon-color: #71347b;\n  --tree-connecting-lines-color: #d7b5e3;\n  --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n  --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n  --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n  --primary-button-text-color: #ffffff;\n  --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n  --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n  --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n  --secondary-button-text-color: #71347b;\n  --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n  --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n  --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n  --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n  --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n  --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n  --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n  --drawer-title-color: #252c37;\n  --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n  --error_light: #e42525;\n  --ff-success: #079455;\n  --ff-warning: #f79009;\n  --ff-header-text-color: #fdfaff;\n  --ff-header-submenu-text-color: #666468;\n  --ff-header-submenu-highlight-text-color: #170328;\n  --default-icon-color: #a3a3a3;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --file-dropzone-default-color: rgba(130, 60, 141, 0.1019607843);\n  --file-dropzone-selected-color: rgba(130, 60, 141, 0.2);\n  --file-details-container-shadow: rgba(255, 252, 255, 0.6);\n  --file-details-bg: #0d0d0d;\n  --ff-mini-modal-border: #ffffff;\n  --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n  --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n  --ff-error-light: #e42525;\n  --ff-chips-fill-color: #f9d5ff;\n  --ff-chips-blur-color: #575757;\n  --ff-chip-bg: #ffffff;\n  --ff-chip-text-color: #1e161f;\n  --ff-mini-modal-footer-background: #aeb0c0;\n  --input-default-border-color: #a3a3a3;\n  --input-hover-border-color: #1e161f;\n  --input-default-label-color: #747474;\n  --input-label-bg-color: #ffffff;\n  --input-active-text-color: #71347b;\n  --input-error-text-color: #e42525;\n  --tabs-label-default-color: #7a7a7a;\n  --tabs-label-active-color: #71347b;\n  --tabs-border-color: #f1ebf2;\n  --tabs-bg-color: #ede6f2;\n  --tab-bg-color: #ffffff;\n  --toast-close-icon-wrapper-bg: #fafafa;\n  --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n  --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n  --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n  --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n  --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n  --option-card-border-color: #ded1e5;\n  --option-card-bg-color: #ffffff;\n  --checkbox-bg-color: #fbfdff;\n  --checkbox-border-color: #b5b5b5;\n  --checkbox-partial-color: #ffffff;\n  --checkbox-hover-color: #f7edff;\n  --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n  --multi-select-label-bg: #ffffff;\n  --text-color-light: rgba(30, 22, 31, 0.5019607843);\n  --radio-button-border: #b5b5b5;\n  --radio-button-hover: #d3d3d3;\n  --menu-variant-dark-icon-color: #ffffff;\n  --menu-option-icon-color: #ffffff;\n  --menu-option-icon-clicked: #71347b;\n  --delete-text-color: #c50303;\n  --status-success-bg-color: #c6efcd;\n  --status-success-text-color: #016102;\n  --status-warning-bg-color: #ffe380;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-bg-color: #c4c3c3;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --status-button-bg-passed: #c6efcd;\n  --status-button-bg-failed: #f7d9d9;\n  --status-button-bg-running: #ecedf8;\n  --status-button-bg-skipped: #c4c3c3;\n  --status-button-bg-warning: #ffb803;\n  --status-button-bg-terminated: #f7d9d9;\n  --status-button-bg-partiallyExecuted: #dee7f1;\n  --status-button-bg-aborted: #f7d9d9;\n  --status-button-bg-notExecuted: #f7d9d9;\n  --status-button-text-passed: #016102;\n  --status-button-text-failed: #c50303;\n  --status-button-text-running: #434db8;\n  --status-button-text-skipped: #3c3838;\n  --status-button-text-warning: #ffffff;\n  --status-button-text-terminated: #c50303;\n  --status-button-text-partiallyExecuted: #0d69d4;\n  --status-button-text-aborted: #c50303;\n  --status-button-text-notExecuted: #c50303;\n  --ff-select-option-border-color: #ded1e5;\n  --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n  --ff-select-background-color: #ffffff;\n  --ff-select-scroll-thumb-color: #d9d9d9;\n  --ff-select-scroll-track-bg: #f1f1f1;\n  --ff-select-scroll-thumb-hover: #b8b8b8;\n  --ff-select-text-color: #14041c;\n  --ff-select-option-hover-color: #f7ebff;\n  --ff-select-default-color: #747474;\n  --ff-select-border-color: #a3a3a3;\n  --ff-select-brand-color: #71347b;\n  --ff-select-text-hover-color: #1e161f;\n  --ff-search-filed-clear-text: #71347b;\n  --ff-search-filed-placeholder-text: #a3a3a3;\n  --ff-search-filed-close-Icon: #14041c;\n  --ff-paper-background-color: #f5f5f5;\n  --ff-paper-dark-background-color: #d1c4e9;\n  --sub-header-primary: #301349;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --disabled-primary-color: #f9f9f9;\n  --license_expireSoon_color: #ba7422;\n  --license_active_color: #268735;\n  --license_expired_color: #e34242;\n  --license_header_text_color: #592f7c;\n  --license_active_status_color: #518e18;\n  --license_expired_status_color: #ab3425;\n  --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n  --pie-chart-border-color: #b6b6b6;\n  --button-bg-color: #f6ebff;\n  --modal-header-text-color: #ffc600;\n  --switch-license-text-color: #61296a;\n  --switch-license-header-text-color: #610b86;\n  --dotted-border-color: #000000;\n  --select-license-header-text-color: #5f2868;\n  --in-active-button-color: #808080;\n  --button-background-gradient-color: #9c1ebb;\n  --details-page-value-color: #808080;\n  --label-edit-text-label-color: #71347b;\n  --label-edit-text-background-color: #ffffff;\n  --label-edit-error-text: #e42525;\n  --label-edit-confirm-icon: #0dad66;\n  --label-edit-cancel-icon: #e42525;\n  --delete-icon-color: #e42525;\n  --confirm-tick-icon-color: #5CA700;\n  --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n  --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n  --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n  --ff-app-header-menu-border-bottom-color: #ffffff;\n  --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n  --table-header-text-color: #252c37;\n  --table-column-text-color: #200624;\n  --ff-delete-button-attachment: #a91224;\n  --email-table-border-color: #959595;\n  --ff-icon-hover-fill-color: #f7ecf8;\n  --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n  --ff-icon-color-dark-variant: #ffffff;\n  --avatar-background-color: #71347b;\n  --avatar-icon-color: #ffffff;\n  --ff-editor-line-bg: #333234;\n  --ff-editor-gutter-color: #ded5e5;\n  --ff-line-number-bg: #592f7c;\n  --ff-line-number-color: #ffffff;\n  --excel-sheet-button-color: #e9b5ff;\n  --icon-hover-color: #f7ecf8;\n  --ff-editor-border-color: #f0e7f4;\n  --ff-icon-hover-bg-color: #f7ecf8;\n  --modal-background-color: rgba(18, 18, 18, 0.2);\n  --modal-alert-header-color: #db1919;\n  --ff-status-card-text-color: #ffffff;\n  --ff-card-status-text-color: #8a8a8a;\n  --ff-card-passed-status-bg-color: #179c5f;\n  --ff-card-failed-status-bg-color: #9c1732;\n  --ff-card-warning-status-bg-color: #e2750f;\n  --ff-card-skipped-status-bg-color: #a83fc4;\n  --ff-card-flaky-status-bg-color: #3f5ac4;\n  --ff-toggle-switch-off-color: #4B494C;\n  --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n  --ff-search-field-hover-color: #F7ECF8;\n  --ff-search-filed-bg-color: #ffffff;\n  --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n  --download-client-border-color: #F0E7F4;\n  --download-client-header-bg-color: #EDE6F2;\n  --download-client-content-text-color: #592F7C;\n  --download-client-choose-os-text-color: #000000;\n  --download-client-icon-container-border-color: #F0E7F4;\n  --download-client-icon-container-bg-color: #FFFFFF;\n  --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n  --public-chip-bg-color: #F9D5FF;\n  --partial-public-chip-bg-color: #FCC27D;\n  --private-chip-bg-color: #DBC3EF;\n  --disabled-chip-bg-color: #C4C3C3;\n  --impact-list-text-color: #14041C;\n  --impact-list-chip-text-color: #3d3c3e;\n  --impact-list-chip-bg-color: #E3CCF5;\n}";
-styleInject(css_248z$15);
+var css_248z$16 = ":root {\n  --base-bg-color: #ffffff;\n  --button-bg-color: #f6ebff;\n  --brand-color: #71347b;\n  --text-color: #1e161f;\n  --description-text: #7a7a7a;\n  --click-able-text-color: #71347b;\n  --custom-table-header-bg-color: #efe1f9;\n  --icons-default-color: #71347b;\n  --border-color: #f0e7f4;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --hover-color: #f7ebff;\n  --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n  --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n  --drawer-footer-bg: #ffffff;\n  --drawer-footer-border: #f0e7f4;\n  --text-bg-highlight: #f5fb00;\n  --tooltip-bg-color: #1e161f;\n  --tooltip-text-color: #ffffff;\n  --toggle-strip-color: #cfd1e2;\n  --toggle-strip-active: #71347b;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-button-bg-color: #ffffff;\n  --toggle-disable-icon-color: #767994;\n  --text-area-default-color: #747474;\n  --add-icon-hover-color: #431b4a;\n  --arrow-button-bg-color: #ffffff;\n  --arrows-button-border-color: #ded1e5;\n  --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n  --chip-fill-color: #f9d5ff;\n  --chip-text-color: #1e161f;\n  --icon-color: #71347b;\n  --default-icon-color: #a3a3a3;\n  --tree-connecting-lines-color: #d7b5e3;\n  --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n  --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n  --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n  --primary-button-text-color: #ffffff;\n  --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n  --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n  --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n  --secondary-button-text-color: #46164d;\n  --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n  --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n  --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n  --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n  --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n  --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n  --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n  --error: #e42525;\n  --drawer-title-color: #252c37;\n  --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n  --error_light: #e42525;\n  --ff-success: #079455;\n  --ff-warning: #f79009;\n  --ff-header-text-color: #fdfaff;\n  --ff-header-submenu-text-color: #666468;\n  --ff-header-submenu-highlight-text-color: #170328;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n  --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n  --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n  --file-details-bg: #ffffff;\n  --ff-mini-modal-border: #ffffff;\n  --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n  --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n  --ff-error-light: #e42525;\n  --ff-chips-fill-color: #f9d5ff;\n  --ff-chips-blur-color: #575757;\n  --ff-chip-bg: #ffffff;\n  --ff-chip-text-color: #1e161f;\n  --ff-mini-modal-footer-background: #aeb0c0;\n  --input-default-border-color: #a3a3a3;\n  --input-hover-border-color: #1e161f;\n  --input-default-label-color: #747474;\n  --input-label-bg-color: #ffffff;\n  --input-active-text-color: #71347b;\n  --input-error-text-color: #e42525;\n  --tabs-label-default-color: #7a7a7a;\n  --tabs-label-active-color: #71347b;\n  --tabs-border-color: #f1ebf2;\n  --tabs-bg-color: #ede6f2;\n  --tab-bg-color: #ffffff;\n  --toast-close-icon-wrapper-bg: #fafafa;\n  --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n  --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n  --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n  --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n  --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n  --option-card-border-color: #ded1e5;\n  --option-card-bg-color: #ffffff;\n  --checkbox-bg-color: #fbfdff;\n  --checkbox-border-color: #b5b5b5;\n  --checkbox-partial-color: #ffffff;\n  --checkbox-hover-color: #f7edff;\n  --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n  --multi-select-label-bg: #ffffff;\n  --text-color-light: rgba(30, 22, 31, 0.5019607843);\n  --radio-button-border: #b5b5b5;\n  --radio-button-hover: #d3d3d3;\n  --menu-variant-dark-icon-color: #ffffff;\n  --menu-option-icon-color: #ffffff;\n  --menu-option-icon-clicked: #71347b;\n  --delete-text-color: #c50303;\n  --confirm-tick-icon-color: #5ca700;\n  --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n  --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n  --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n  --status-success-bg-color: #c6efcd;\n  --status-success-text-color: #016102;\n  --status-warning-bg-color: #ffe380;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-bg-color: #c4c3c3;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --status-button-bg-passed: #c6efcd;\n  --status-button-bg-failed: #f7d9d9;\n  --status-button-bg-running: #ecedf8;\n  --status-button-bg-skipped: #c4c3c3;\n  --status-button-bg-warning: #ffb803;\n  --status-button-bg-terminated: #f7d9d9;\n  --status-button-bg-partiallyExecuted: #dee7f1;\n  --status-button-bg-aborted: #f7d9d9;\n  --status-button-bg-notExecuted: #f7d9d9;\n  --status-button-text-passed: #016102;\n  --status-button-text-failed: #c50303;\n  --status-button-text-running: #434db8;\n  --status-button-text-skipped: #3c3838;\n  --status-button-text-warning: #ffffff;\n  --status-button-text-terminated: #c50303;\n  --status-button-text-partiallyExecuted: #0d69d4;\n  --status-button-text-aborted: #c50303;\n  --status-button-text-notExecuted: #c50303;\n  --ff-select-option-border-color: #ded1e5;\n  --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n  --ff-select-background-color: #ffffff;\n  --ff-select-scroll-thumb-color: #d9d9d9;\n  --ff-select-scroll-track-bg: #f1f1f1;\n  --ff-select-scroll-thumb-hover: #b8b8b8;\n  --ff-select-text-color: #14041c;\n  --ff-select-option-hover-color: #f7ebff;\n  --ff-select-default-color: #747474;\n  --ff-select-border-color: #a3a3a3;\n  --ff-select-brand-color: #71347b;\n  --ff-select-text-hover-color: #1e161f;\n  --ff-search-filed-clear-text: #71347b;\n  --ff-search-filed-placeholder-text: #a3a3a3;\n  --ff-search-filed-close-Icon: #14041c;\n  --ff-paper-background-color: #f5f5f5;\n  --ff-paper-dark-background-color: #d1c4e9;\n  --sub-header-primary: #301349;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --disabled-primary-color: #f9f9f9;\n  --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n  --license_expireSoon_color: #ba7422;\n  --license_active_color: #268735;\n  --license_expired_color: #e34242;\n  --license_header_text_color: #592f7c;\n  --license_active_status_color: #518e18;\n  --license_expired_status_color: #ab3425;\n  --pie-chart-border-color: #b6b6b6;\n  --variable-dropdown-bg: #ffffff;\n  --modal-header-text-color: #ffc600;\n  --switch-license-text-color: #61296a;\n  --switch-license-header-text-color: #610b86;\n  --dotted-border-color: #000000;\n  --select-license-header-text-color: #5f2868;\n  --in-active-button-color: #808080;\n  --button-background-gradient-color: #9c1ebb;\n  --details-page-value-color: #808080;\n  --table-header-text-color: #252c37;\n  --table-column-text-color: #200624;\n  --ff-machine-input-field-border-color: #f1ebf2;\n  --ff-machine-input-field-text-color: #1e161f;\n  --ff-connecting-branch-color: #71347b;\n  --ff-connecting-branch-modal-header: #71347b;\n  --ff-connecting-branch-modal-border: #e0e0e0;\n  --ff-connecting-branch-scope-color: #079455;\n  --ff-connecting-branch-delete-color: #e42525;\n  --ff-app-header-menu-border-bottom-color: #ffffff;\n  --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n  --ff-delete-button-attachment: #a91224;\n  --email-table-border-color: #959595;\n  --label-edit-text-label-color: #71347b;\n  --label-edit-text-background-color: #ffffff;\n  --label-edit-error-text: #e42525;\n  --label-edit-confirm-icon: #0dad66;\n  --label-edit-cancel-icon: #e42525;\n  --delete-icon-color: #e42525;\n  --ff-icon-hover-fill-color: #f7ecf8;\n  --ff-icon-color-dark-variant: #ffffff;\n  --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n  --ff-avatar-background-color: #71347b;\n  --ff-avatar-icon-color: #ffffff;\n  --ff-editor-line-bg: #f0e7f4;\n  --ff-editor-gutter-color: #ded5e5;\n  --ff-line-number-bg: #592f7c;\n  --ff-line-number-color: #ffffff;\n  --ff-editor-border-color: #f0e7f4;\n  --ff-icon-hover-bg-color: #f7ecf8;\n  --modal-background-color: rgba(18, 18, 18, 0.2);\n  --modal-alert-header-color: #db1919;\n  --ff-status-card-text-color: #ffffff;\n  --ff-card-status-text-color: #8a8a8a;\n  --ff-card-passed-status-bg-color: #179c5f;\n  --ff-card-failed-status-bg-color: #9c1732;\n  --ff-card-warning-status-bg-color: #e2750f;\n  --ff-card-skipped-status-bg-color: #a83fc4;\n  --ff-card-flaky-status-bg-color: #3f5ac4;\n  --ff-toggle-switch-off-color: #4b494c;\n  --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n  --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n  --excel-sheet-button-color: #e9b5ff;\n  --icon-hover-color: #f7ecf8;\n  --ff-search-icon-hover-color: #f7ecf8;\n  --ff-search-filed-bg-color: #ffffff;\n  --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #71347b 0%, #9c1ebb 100%);\n  --download-client-border-color: #f0e7f4;\n  --download-client-header-bg-color: #ede6f2;\n  --download-client-content-text-color: #592f7c;\n  --download-client-choose-os-text-color: #000000;\n  --download-client-icon-container-border-color: #f0e7f4;\n  --download-client-icon-container-bg-color: #ffffff;\n  --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n  --public-chip-bg-color: #f9d5ff;\n  --partial-public-chip-bg-color: #fcc27d;\n  --private-chip-bg-color: #dbc3ef;\n  --disabled-chip-bg-color: #c4c3c3;\n  --impact-list-text-color: #14041c;\n  --impact-list-chip-text-color: #3d3c3e;\n  --impact-list-chip-bg-color: #e3ccf5;\n}\n\n:root {\n  --base-bg-color: #1e1a22;\n  --brand-color: #71347b;\n  --text-color: #e8e0e9;\n  --description-text: #d9d9d9;\n  --click-able-text-color: #e8e0e9;\n  --custom-table-header-bg-color: #EFE1F9;\n  --icons-default-color: #e8e0e9;\n  --border-color: #333234;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --hover-color: #f7ebff;\n  --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n  --slider-table-color: #272428;\n  --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n  --drawer-footer-border: #333234;\n  --text-bg-highlight: #f5fb00;\n  --tooltip-bg-color: #2a2a2a;\n  --tooltip-text-color: #ffffff;\n  --toggle-strip-color: #cfd1e2;\n  --toggle-strip-active-color: #71347b;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-button-bg-color: #ffffff;\n  --toggle-disable-icon-color: #767994;\n  --text-area-default-color: #747474;\n  --add-icon-hover-color: #431b4a;\n  --arrow-button-bg-color: #ffffff;\n  --arrows-button-border-color: #ded1e5;\n  --overlay-bg: rgba(18, 18, 18, 0.6);\n  --chip-fill-color: #f9d5ff;\n  --chip-text-color: #1e161f;\n  --icon-color: #71347b;\n  --tree-connecting-lines-color: #d7b5e3;\n  --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n  --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n  --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n  --primary-button-text-color: #ffffff;\n  --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n  --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n  --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n  --secondary-button-text-color: #71347b;\n  --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n  --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n  --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n  --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n  --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n  --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n  --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n  --drawer-title-color: #252c37;\n  --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n  --error_light: #e42525;\n  --ff-success: #079455;\n  --ff-warning: #f79009;\n  --ff-header-text-color: #fdfaff;\n  --ff-header-submenu-text-color: #666468;\n  --ff-header-submenu-highlight-text-color: #170328;\n  --default-icon-color: #a3a3a3;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --file-dropzone-default-color: rgba(130, 60, 141, 0.1019607843);\n  --file-dropzone-selected-color: rgba(130, 60, 141, 0.2);\n  --file-details-container-shadow: rgba(255, 252, 255, 0.6);\n  --file-details-bg: #0d0d0d;\n  --ff-mini-modal-border: #ffffff;\n  --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n  --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n  --ff-error-light: #e42525;\n  --ff-chips-fill-color: #f9d5ff;\n  --ff-chips-blur-color: #575757;\n  --ff-chip-bg: #ffffff;\n  --ff-chip-text-color: #1e161f;\n  --ff-mini-modal-footer-background: #aeb0c0;\n  --input-default-border-color: #a3a3a3;\n  --input-hover-border-color: #1e161f;\n  --input-default-label-color: #747474;\n  --input-label-bg-color: #ffffff;\n  --input-active-text-color: #71347b;\n  --input-error-text-color: #e42525;\n  --tabs-label-default-color: #7a7a7a;\n  --tabs-label-active-color: #71347b;\n  --tabs-border-color: #f1ebf2;\n  --tabs-bg-color: #ede6f2;\n  --tab-bg-color: #ffffff;\n  --toast-close-icon-wrapper-bg: #fafafa;\n  --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n  --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n  --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n  --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n  --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n  --option-card-border-color: #ded1e5;\n  --option-card-bg-color: #ffffff;\n  --checkbox-bg-color: #fbfdff;\n  --checkbox-border-color: #b5b5b5;\n  --checkbox-partial-color: #ffffff;\n  --checkbox-hover-color: #f7edff;\n  --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n  --multi-select-label-bg: #ffffff;\n  --text-color-light: rgba(30, 22, 31, 0.5019607843);\n  --radio-button-border: #b5b5b5;\n  --radio-button-hover: #d3d3d3;\n  --menu-variant-dark-icon-color: #ffffff;\n  --menu-option-icon-color: #ffffff;\n  --menu-option-icon-clicked: #71347b;\n  --delete-text-color: #c50303;\n  --status-success-bg-color: #c6efcd;\n  --status-success-text-color: #016102;\n  --status-warning-bg-color: #ffe380;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-bg-color: #c4c3c3;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --status-button-bg-passed: #c6efcd;\n  --status-button-bg-failed: #f7d9d9;\n  --status-button-bg-running: #ecedf8;\n  --status-button-bg-skipped: #c4c3c3;\n  --status-button-bg-warning: #ffb803;\n  --status-button-bg-terminated: #f7d9d9;\n  --status-button-bg-partiallyExecuted: #dee7f1;\n  --status-button-bg-aborted: #f7d9d9;\n  --status-button-bg-notExecuted: #f7d9d9;\n  --status-button-text-passed: #016102;\n  --status-button-text-failed: #c50303;\n  --status-button-text-running: #434db8;\n  --status-button-text-skipped: #3c3838;\n  --status-button-text-warning: #ffffff;\n  --status-button-text-terminated: #c50303;\n  --status-button-text-partiallyExecuted: #0d69d4;\n  --status-button-text-aborted: #c50303;\n  --status-button-text-notExecuted: #c50303;\n  --ff-select-option-border-color: #ded1e5;\n  --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n  --ff-select-background-color: #ffffff;\n  --ff-select-scroll-thumb-color: #d9d9d9;\n  --ff-select-scroll-track-bg: #f1f1f1;\n  --ff-select-scroll-thumb-hover: #b8b8b8;\n  --ff-select-text-color: #14041c;\n  --ff-select-option-hover-color: #f7ebff;\n  --ff-select-default-color: #747474;\n  --ff-select-border-color: #a3a3a3;\n  --ff-select-brand-color: #71347b;\n  --ff-select-text-hover-color: #1e161f;\n  --ff-search-filed-clear-text: #71347b;\n  --ff-search-filed-placeholder-text: #a3a3a3;\n  --ff-search-filed-close-Icon: #14041c;\n  --ff-paper-background-color: #f5f5f5;\n  --ff-paper-dark-background-color: #d1c4e9;\n  --sub-header-primary: #301349;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --disabled-primary-color: #f9f9f9;\n  --license_expireSoon_color: #ba7422;\n  --license_active_color: #268735;\n  --license_expired_color: #e34242;\n  --license_header_text_color: #592f7c;\n  --license_active_status_color: #518e18;\n  --license_expired_status_color: #ab3425;\n  --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n  --pie-chart-border-color: #b6b6b6;\n  --button-bg-color: #f6ebff;\n  --modal-header-text-color: #ffc600;\n  --switch-license-text-color: #61296a;\n  --switch-license-header-text-color: #610b86;\n  --dotted-border-color: #000000;\n  --select-license-header-text-color: #5f2868;\n  --in-active-button-color: #808080;\n  --button-background-gradient-color: #9c1ebb;\n  --details-page-value-color: #808080;\n  --label-edit-text-label-color: #71347b;\n  --label-edit-text-background-color: #ffffff;\n  --label-edit-error-text: #e42525;\n  --label-edit-confirm-icon: #0dad66;\n  --label-edit-cancel-icon: #e42525;\n  --delete-icon-color: #e42525;\n  --confirm-tick-icon-color: #5CA700;\n  --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n  --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n  --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n  --ff-app-header-menu-border-bottom-color: #ffffff;\n  --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n  --table-header-text-color: #252c37;\n  --table-column-text-color: #200624;\n  --ff-delete-button-attachment: #a91224;\n  --email-table-border-color: #959595;\n  --ff-icon-hover-fill-color: #f7ecf8;\n  --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n  --ff-icon-color-dark-variant: #ffffff;\n  --avatar-background-color: #71347b;\n  --avatar-icon-color: #ffffff;\n  --ff-editor-line-bg: #333234;\n  --ff-editor-gutter-color: #ded5e5;\n  --ff-line-number-bg: #592f7c;\n  --ff-line-number-color: #ffffff;\n  --excel-sheet-button-color: #e9b5ff;\n  --icon-hover-color: #f7ecf8;\n  --ff-editor-border-color: #f0e7f4;\n  --ff-icon-hover-bg-color: #f7ecf8;\n  --modal-background-color: rgba(18, 18, 18, 0.2);\n  --modal-alert-header-color: #db1919;\n  --ff-status-card-text-color: #ffffff;\n  --ff-card-status-text-color: #8a8a8a;\n  --ff-card-passed-status-bg-color: #179c5f;\n  --ff-card-failed-status-bg-color: #9c1732;\n  --ff-card-warning-status-bg-color: #e2750f;\n  --ff-card-skipped-status-bg-color: #a83fc4;\n  --ff-card-flaky-status-bg-color: #3f5ac4;\n  --ff-toggle-switch-off-color: #4B494C;\n  --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n  --ff-search-field-hover-color: #F7ECF8;\n  --ff-search-filed-bg-color: #ffffff;\n  --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n  --download-client-border-color: #F0E7F4;\n  --download-client-header-bg-color: #EDE6F2;\n  --download-client-content-text-color: #592F7C;\n  --download-client-choose-os-text-color: #000000;\n  --download-client-icon-container-border-color: #F0E7F4;\n  --download-client-icon-container-bg-color: #FFFFFF;\n  --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n  --public-chip-bg-color: #F9D5FF;\n  --partial-public-chip-bg-color: #FCC27D;\n  --private-chip-bg-color: #DBC3EF;\n  --disabled-chip-bg-color: #C4C3C3;\n  --impact-list-text-color: #14041C;\n  --impact-list-chip-text-color: #3d3c3e;\n  --impact-list-chip-bg-color: #E3CCF5;\n}\n\n.ff-light-theme {\n  --base-bg-color: #ffffff;\n  --button-bg-color: #f6ebff;\n  --brand-color: #71347b;\n  --text-color: #1e161f;\n  --description-text: #7a7a7a;\n  --click-able-text-color: #71347b;\n  --custom-table-header-bg-color: #efe1f9;\n  --icons-default-color: #71347b;\n  --border-color: #f0e7f4;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --hover-color: #f7ebff;\n  --pop-up-background-blur: rgba(20, 4, 28, 0.1019607843);\n  --slider-table-color: rgba(212, 176, 228, 0.1490196078);\n  --drawer-footer-bg: #ffffff;\n  --drawer-footer-border: #f0e7f4;\n  --text-bg-highlight: #f5fb00;\n  --tooltip-bg-color: #1e161f;\n  --tooltip-text-color: #ffffff;\n  --toggle-strip-color: #cfd1e2;\n  --toggle-strip-active: #71347b;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-button-bg-color: #ffffff;\n  --toggle-disable-icon-color: #767994;\n  --text-area-default-color: #747474;\n  --add-icon-hover-color: #431b4a;\n  --arrow-button-bg-color: #ffffff;\n  --arrows-button-border-color: #ded1e5;\n  --overlay-bg: rgba(30, 22, 31, 0.1019607843);\n  --chip-fill-color: #f9d5ff;\n  --chip-text-color: #1e161f;\n  --icon-color: #71347b;\n  --default-icon-color: #a3a3a3;\n  --tree-connecting-lines-color: #d7b5e3;\n  --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n  --primary-button-hover: linear-gradient(179.06deg, #8d3b9a 3.49%, #781f86 99.22%);\n  --primary-button-disable: linear-gradient(180deg, #46164d 0%, #71347b 100%);\n  --primary-button-text-color: #ffffff;\n  --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n  --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n  --secondary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n  --secondary-button-text-color: #46164d;\n  --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n  --tertiary-button-color: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n  --tertiary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.1019607843) 3.49%, rgba(70, 22, 77, 0.1019607843) 99.22%);\n  --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n  --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n  --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n  --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n  --error: #e42525;\n  --drawer-title-color: #252c37;\n  --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n  --error_light: #e42525;\n  --ff-success: #079455;\n  --ff-warning: #f79009;\n  --ff-header-text-color: #fdfaff;\n  --ff-header-submenu-text-color: #666468;\n  --ff-header-submenu-highlight-text-color: #170328;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n  --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n  --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n  --file-details-bg: #ffffff;\n  --ff-mini-modal-border: #ffffff;\n  --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n  --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n  --ff-error-light: #e42525;\n  --ff-chips-fill-color: #f9d5ff;\n  --ff-chips-blur-color: #575757;\n  --ff-chip-bg: #ffffff;\n  --ff-chip-text-color: #1e161f;\n  --ff-mini-modal-footer-background: #aeb0c0;\n  --input-default-border-color: #a3a3a3;\n  --input-hover-border-color: #1e161f;\n  --input-default-label-color: #747474;\n  --input-label-bg-color: #ffffff;\n  --input-active-text-color: #71347b;\n  --input-error-text-color: #e42525;\n  --tabs-label-default-color: #7a7a7a;\n  --tabs-label-active-color: #71347b;\n  --tabs-border-color: #f1ebf2;\n  --tabs-bg-color: #ede6f2;\n  --tab-bg-color: #ffffff;\n  --toast-close-icon-wrapper-bg: #fafafa;\n  --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n  --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n  --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n  --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n  --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n  --option-card-border-color: #ded1e5;\n  --option-card-bg-color: #ffffff;\n  --checkbox-bg-color: #fbfdff;\n  --checkbox-border-color: #b5b5b5;\n  --checkbox-partial-color: #ffffff;\n  --checkbox-hover-color: #f7edff;\n  --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n  --multi-select-label-bg: #ffffff;\n  --text-color-light: rgba(30, 22, 31, 0.5019607843);\n  --radio-button-border: #b5b5b5;\n  --radio-button-hover: #d3d3d3;\n  --menu-variant-dark-icon-color: #ffffff;\n  --menu-option-icon-color: #ffffff;\n  --menu-option-icon-clicked: #71347b;\n  --delete-text-color: #c50303;\n  --confirm-tick-icon-color: #5ca700;\n  --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n  --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n  --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n  --status-success-bg-color: #c6efcd;\n  --status-success-text-color: #016102;\n  --status-warning-bg-color: #ffe380;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-bg-color: #c4c3c3;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --status-button-bg-passed: #c6efcd;\n  --status-button-bg-failed: #f7d9d9;\n  --status-button-bg-running: #ecedf8;\n  --status-button-bg-skipped: #c4c3c3;\n  --status-button-bg-warning: #ffb803;\n  --status-button-bg-terminated: #f7d9d9;\n  --status-button-bg-partiallyExecuted: #dee7f1;\n  --status-button-bg-aborted: #f7d9d9;\n  --status-button-bg-notExecuted: #f7d9d9;\n  --status-button-text-passed: #016102;\n  --status-button-text-failed: #c50303;\n  --status-button-text-running: #434db8;\n  --status-button-text-skipped: #3c3838;\n  --status-button-text-warning: #ffffff;\n  --status-button-text-terminated: #c50303;\n  --status-button-text-partiallyExecuted: #0d69d4;\n  --status-button-text-aborted: #c50303;\n  --status-button-text-notExecuted: #c50303;\n  --ff-select-option-border-color: #ded1e5;\n  --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n  --ff-select-background-color: #ffffff;\n  --ff-select-scroll-thumb-color: #d9d9d9;\n  --ff-select-scroll-track-bg: #f1f1f1;\n  --ff-select-scroll-thumb-hover: #b8b8b8;\n  --ff-select-text-color: #14041c;\n  --ff-select-option-hover-color: #f7ebff;\n  --ff-select-default-color: #747474;\n  --ff-select-border-color: #a3a3a3;\n  --ff-select-brand-color: #71347b;\n  --ff-select-text-hover-color: #1e161f;\n  --ff-search-filed-clear-text: #71347b;\n  --ff-search-filed-placeholder-text: #a3a3a3;\n  --ff-search-filed-close-Icon: #14041c;\n  --ff-paper-background-color: #f5f5f5;\n  --ff-paper-dark-background-color: #d1c4e9;\n  --sub-header-primary: #301349;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --disabled-primary-color: #f9f9f9;\n  --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n  --license_expireSoon_color: #ba7422;\n  --license_active_color: #268735;\n  --license_expired_color: #e34242;\n  --license_header_text_color: #592f7c;\n  --license_active_status_color: #518e18;\n  --license_expired_status_color: #ab3425;\n  --pie-chart-border-color: #b6b6b6;\n  --variable-dropdown-bg: #ffffff;\n  --modal-header-text-color: #ffc600;\n  --switch-license-text-color: #61296a;\n  --switch-license-header-text-color: #610b86;\n  --dotted-border-color: #000000;\n  --select-license-header-text-color: #5f2868;\n  --in-active-button-color: #808080;\n  --button-background-gradient-color: #9c1ebb;\n  --details-page-value-color: #808080;\n  --table-header-text-color: #252c37;\n  --table-column-text-color: #200624;\n  --ff-machine-input-field-border-color: #f1ebf2;\n  --ff-machine-input-field-text-color: #1e161f;\n  --ff-connecting-branch-color: #71347b;\n  --ff-connecting-branch-modal-header: #71347b;\n  --ff-connecting-branch-modal-border: #e0e0e0;\n  --ff-connecting-branch-scope-color: #079455;\n  --ff-connecting-branch-delete-color: #e42525;\n  --ff-app-header-menu-border-bottom-color: #ffffff;\n  --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n  --ff-delete-button-attachment: #a91224;\n  --email-table-border-color: #959595;\n  --label-edit-text-label-color: #71347b;\n  --label-edit-text-background-color: #ffffff;\n  --label-edit-error-text: #e42525;\n  --label-edit-confirm-icon: #0dad66;\n  --label-edit-cancel-icon: #e42525;\n  --delete-icon-color: #e42525;\n  --ff-icon-hover-fill-color: #f7ecf8;\n  --ff-icon-color-dark-variant: #ffffff;\n  --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n  --ff-avatar-background-color: #71347b;\n  --ff-avatar-icon-color: #ffffff;\n  --ff-editor-line-bg: #f0e7f4;\n  --ff-editor-gutter-color: #ded5e5;\n  --ff-line-number-bg: #592f7c;\n  --ff-line-number-color: #ffffff;\n  --ff-editor-border-color: #f0e7f4;\n  --ff-icon-hover-bg-color: #f7ecf8;\n  --modal-background-color: rgba(18, 18, 18, 0.2);\n  --modal-alert-header-color: #db1919;\n  --ff-status-card-text-color: #ffffff;\n  --ff-card-status-text-color: #8a8a8a;\n  --ff-card-passed-status-bg-color: #179c5f;\n  --ff-card-failed-status-bg-color: #9c1732;\n  --ff-card-warning-status-bg-color: #e2750f;\n  --ff-card-skipped-status-bg-color: #a83fc4;\n  --ff-card-flaky-status-bg-color: #3f5ac4;\n  --ff-toggle-switch-off-color: #4b494c;\n  --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n  --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n  --excel-sheet-button-color: #e9b5ff;\n  --icon-hover-color: #f7ecf8;\n  --ff-search-icon-hover-color: #f7ecf8;\n  --ff-search-filed-bg-color: #ffffff;\n  --ff-filter-toggle-button-bg-primary: linear-gradient(90deg, #71347b 0%, #9c1ebb 100%);\n  --download-client-border-color: #f0e7f4;\n  --download-client-header-bg-color: #ede6f2;\n  --download-client-content-text-color: #592f7c;\n  --download-client-choose-os-text-color: #000000;\n  --download-client-icon-container-border-color: #f0e7f4;\n  --download-client-icon-container-bg-color: #ffffff;\n  --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n  --public-chip-bg-color: #f9d5ff;\n  --partial-public-chip-bg-color: #fcc27d;\n  --private-chip-bg-color: #dbc3ef;\n  --disabled-chip-bg-color: #c4c3c3;\n  --impact-list-text-color: #14041c;\n  --impact-list-chip-text-color: #3d3c3e;\n  --impact-list-chip-bg-color: #e3ccf5;\n}\n\n.ff-dark-theme {\n  --base-bg-color: #1e1a22;\n  --brand-color: #71347b;\n  --text-color: #e8e0e9;\n  --description-text: #d9d9d9;\n  --click-able-text-color: #e8e0e9;\n  --custom-table-header-bg-color: #EFE1F9;\n  --icons-default-color: #e8e0e9;\n  --border-color: #333234;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --hover-color: #f7ebff;\n  --pop-up-background-blur: rgba(18, 18, 18, 0.6);\n  --slider-table-color: #272428;\n  --drawer-footer-bg: rgba(27, 24, 28, 0.6);\n  --drawer-footer-border: #333234;\n  --text-bg-highlight: #f5fb00;\n  --tooltip-bg-color: #2a2a2a;\n  --tooltip-text-color: #ffffff;\n  --toggle-strip-color: #cfd1e2;\n  --toggle-strip-active-color: #71347b;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-button-bg-color: #ffffff;\n  --toggle-disable-icon-color: #767994;\n  --text-area-default-color: #747474;\n  --add-icon-hover-color: #431b4a;\n  --arrow-button-bg-color: #ffffff;\n  --arrows-button-border-color: #ded1e5;\n  --overlay-bg: rgba(18, 18, 18, 0.6);\n  --chip-fill-color: #f9d5ff;\n  --chip-text-color: #1e161f;\n  --icon-color: #71347b;\n  --tree-connecting-lines-color: #d7b5e3;\n  --primary-button-color: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n  --primary-button-hover: linear-gradient(188.79deg, #7c4685 2.94%, #582d5f 93.09%);\n  --primary-button-disable: linear-gradient(188.79deg, #71347b 2.94%, #46164d 93.09%);\n  --primary-button-text-color: #ffffff;\n  --primary-button-border: linear-gradient(180deg, #46164d 3.04%, #71347b 100%);\n  --secondary-button-color-text: linear-gradient(179.06deg, #71347b 3.49%, #46164d 99.22%);\n  --secondary-button-border: linear-gradient(360deg, #46164d 0%, #71347b 100%);\n  --secondary-button-text-color: #71347b;\n  --secondary-button-hover: linear-gradient(179.06deg, rgba(113, 52, 123, 0.0509803922) 3.49%, rgba(70, 22, 77, 0.0509803922) 99.22%);\n  --tertiary-button-color: linear-gradient(180deg, rgba(70, 22, 77, 0.05) 0%, rgba(113, 52, 123, 0.05) 100%);\n  --tertiary-button-hover: linear-gradient(180deg, rgba(70, 22, 77, 0.1) 0%, rgba(113, 52, 123, 0.1) 100%);\n  --delete-button-color: linear-gradient(179.06deg, #e42525 3.49%, #c90000 99.22%);\n  --delete-button-border: linear-gradient(180deg, #a90707 3.04%, #e42525 100%);\n  --delete-button-hover: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --delete-button-disable: linear-gradient(179.06deg, #e95151 3.49%, #d43434 99.22%);\n  --warning-button-color: linear-gradient(179.06deg, #ffc600 3.49%, #ffc600 99.22%);\n  --warning-button-border: linear-gradient(180deg, #eeba08 3.04%, #f1bc04 100%);\n  --drawer-title-color: #252c37;\n  --toast-msg-icon-bg: linear-gradient(180deg, #079455 0%, #00693a 100%);\n  --error_light: #e42525;\n  --ff-success: #079455;\n  --ff-warning: #f79009;\n  --ff-header-text-color: #fdfaff;\n  --ff-header-submenu-text-color: #666468;\n  --ff-header-submenu-highlight-text-color: #170328;\n  --default-icon-color: #a3a3a3;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --file-dropzone-default-color: rgba(130, 60, 141, 0.1019607843);\n  --file-dropzone-selected-color: rgba(130, 60, 141, 0.2);\n  --file-details-container-shadow: rgba(255, 252, 255, 0.6);\n  --file-details-bg: #0d0d0d;\n  --ff-mini-modal-border: #ffffff;\n  --ff-mini-modal-box-shadow: rgba(55, 19, 85, 0.2392156863);\n  --ff-mini-modal-arrow-shadow: rgba(0, 0, 0, 0.2509803922);\n  --ff-error-light: #e42525;\n  --ff-chips-fill-color: #f9d5ff;\n  --ff-chips-blur-color: #575757;\n  --ff-chip-bg: #ffffff;\n  --ff-chip-text-color: #1e161f;\n  --ff-mini-modal-footer-background: #aeb0c0;\n  --input-default-border-color: #a3a3a3;\n  --input-hover-border-color: #1e161f;\n  --input-default-label-color: #747474;\n  --input-label-bg-color: #ffffff;\n  --input-active-text-color: #71347b;\n  --input-error-text-color: #e42525;\n  --tabs-label-default-color: #7a7a7a;\n  --tabs-label-active-color: #71347b;\n  --tabs-border-color: #f1ebf2;\n  --tabs-bg-color: #ede6f2;\n  --tab-bg-color: #ffffff;\n  --toast-close-icon-wrapper-bg: #fafafa;\n  --toaster-boxshadow: rgba(30, 22, 31, 0.2392156863);\n  --toaster-success-border: linear-gradient(rgba(7, 148, 85, 0.4), rgba(0, 105, 58, 0.4));\n  --toaster-warning-border: linear-gradient(rgba(247, 144, 9, 0.4), rgba(214, 122, 0, 0.4));\n  --toaster-info-border: linear-gradient(rgba(37, 145, 228, 0.4), rgba(23, 105, 176, 0.4));\n  --toaster-danger_confirm-border: linear-gradient(rgba(228, 37, 37, 0.4), rgba(201, 0, 0, 0.4));\n  --option-card-border-color: #ded1e5;\n  --option-card-bg-color: #ffffff;\n  --checkbox-bg-color: #fbfdff;\n  --checkbox-border-color: #b5b5b5;\n  --checkbox-partial-color: #ffffff;\n  --checkbox-hover-color: #f7edff;\n  --multi-select-border: rgba(163, 163, 163, 0.5019607843);\n  --multi-select-label-bg: #ffffff;\n  --text-color-light: rgba(30, 22, 31, 0.5019607843);\n  --radio-button-border: #b5b5b5;\n  --radio-button-hover: #d3d3d3;\n  --menu-variant-dark-icon-color: #ffffff;\n  --menu-option-icon-color: #ffffff;\n  --menu-option-icon-clicked: #71347b;\n  --delete-text-color: #c50303;\n  --status-success-bg-color: #c6efcd;\n  --status-success-text-color: #016102;\n  --status-warning-bg-color: #ffe380;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-bg-color: #c4c3c3;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --status-button-bg-passed: #c6efcd;\n  --status-button-bg-failed: #f7d9d9;\n  --status-button-bg-running: #ecedf8;\n  --status-button-bg-skipped: #c4c3c3;\n  --status-button-bg-warning: #ffb803;\n  --status-button-bg-terminated: #f7d9d9;\n  --status-button-bg-partiallyExecuted: #dee7f1;\n  --status-button-bg-aborted: #f7d9d9;\n  --status-button-bg-notExecuted: #f7d9d9;\n  --status-button-text-passed: #016102;\n  --status-button-text-failed: #c50303;\n  --status-button-text-running: #434db8;\n  --status-button-text-skipped: #3c3838;\n  --status-button-text-warning: #ffffff;\n  --status-button-text-terminated: #c50303;\n  --status-button-text-partiallyExecuted: #0d69d4;\n  --status-button-text-aborted: #c50303;\n  --status-button-text-notExecuted: #c50303;\n  --ff-select-option-border-color: #ded1e5;\n  --ff-select-option-wrapper-box-shadow: rgba(89, 47, 124, 0.2);\n  --ff-select-background-color: #ffffff;\n  --ff-select-scroll-thumb-color: #d9d9d9;\n  --ff-select-scroll-track-bg: #f1f1f1;\n  --ff-select-scroll-thumb-hover: #b8b8b8;\n  --ff-select-text-color: #14041c;\n  --ff-select-option-hover-color: #f7ebff;\n  --ff-select-default-color: #747474;\n  --ff-select-border-color: #a3a3a3;\n  --ff-select-brand-color: #71347b;\n  --ff-select-text-hover-color: #1e161f;\n  --ff-search-filed-clear-text: #71347b;\n  --ff-search-filed-placeholder-text: #a3a3a3;\n  --ff-search-filed-close-Icon: #14041c;\n  --ff-paper-background-color: #f5f5f5;\n  --ff-paper-dark-background-color: #d1c4e9;\n  --sub-header-primary: #301349;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --disabled-primary-color: #f9f9f9;\n  --license_expireSoon_color: #ba7422;\n  --license_active_color: #268735;\n  --license_expired_color: #e34242;\n  --license_header_text_color: #592f7c;\n  --license_active_status_color: #518e18;\n  --license_expired_status_color: #ab3425;\n  --background-modal-color: rgba(17, 17, 17, 0.0666666667);\n  --pie-chart-border-color: #b6b6b6;\n  --button-bg-color: #f6ebff;\n  --modal-header-text-color: #ffc600;\n  --switch-license-text-color: #61296a;\n  --switch-license-header-text-color: #610b86;\n  --dotted-border-color: #000000;\n  --select-license-header-text-color: #5f2868;\n  --in-active-button-color: #808080;\n  --button-background-gradient-color: #9c1ebb;\n  --details-page-value-color: #808080;\n  --label-edit-text-label-color: #71347b;\n  --label-edit-text-background-color: #ffffff;\n  --label-edit-error-text: #e42525;\n  --label-edit-confirm-icon: #0dad66;\n  --label-edit-cancel-icon: #e42525;\n  --delete-icon-color: #e42525;\n  --confirm-tick-icon-color: #5CA700;\n  --warning-modal-border-color: rgba(231, 155, 8, 0.4);\n  --brand-color-border: linear-gradient(94.23deg, rgba(113, 52, 123, 0.4) 16.33%, rgba(70, 22, 77, 0.4) 80.07%);\n  --alert-modal-background-color: linear-gradient(94.23deg, rgba(228, 37, 37, 0.4) 16.33%, rgba(201, 0, 0, 0.4) 80.07%);\n  --ff-app-header-menu-border-bottom-color: #ffffff;\n  --ff-app-header-submenu-border-bottom-color: linear-gradient(90deg, #592f7c 0%, #741ebb 100%);\n  --table-header-text-color: #252c37;\n  --table-column-text-color: #200624;\n  --ff-delete-button-attachment: #a91224;\n  --email-table-border-color: #959595;\n  --ff-icon-hover-fill-color: #f7ecf8;\n  --ff-icon-color-danger-variant: rgba(169, 18, 36, 0.1019607843);\n  --ff-icon-color-dark-variant: #ffffff;\n  --avatar-background-color: #71347b;\n  --avatar-icon-color: #ffffff;\n  --ff-editor-line-bg: #333234;\n  --ff-editor-gutter-color: #ded5e5;\n  --ff-line-number-bg: #592f7c;\n  --ff-line-number-color: #ffffff;\n  --excel-sheet-button-color: #e9b5ff;\n  --icon-hover-color: #f7ecf8;\n  --ff-editor-border-color: #f0e7f4;\n  --ff-icon-hover-bg-color: #f7ecf8;\n  --modal-background-color: rgba(18, 18, 18, 0.2);\n  --modal-alert-header-color: #db1919;\n  --ff-status-card-text-color: #ffffff;\n  --ff-card-status-text-color: #8a8a8a;\n  --ff-card-passed-status-bg-color: #179c5f;\n  --ff-card-failed-status-bg-color: #9c1732;\n  --ff-card-warning-status-bg-color: #e2750f;\n  --ff-card-skipped-status-bg-color: #a83fc4;\n  --ff-card-flaky-status-bg-color: #3f5ac4;\n  --ff-toggle-switch-off-color: #4B494C;\n  --ff-toggle-switch-shadow-color: rgba(87, 87, 87, 0.5019607843);\n  --ff-search-field-hover-color: #F7ECF8;\n  --ff-search-filed-bg-color: #ffffff;\n  --ff-all-projects-default-color: rgba(255, 255, 255, 0.2);\n  --download-client-border-color: #F0E7F4;\n  --download-client-header-bg-color: #EDE6F2;\n  --download-client-content-text-color: #592F7C;\n  --download-client-choose-os-text-color: #000000;\n  --download-client-icon-container-border-color: #F0E7F4;\n  --download-client-icon-container-bg-color: #FFFFFF;\n  --download-client-icon-container-box-shadow-color: rgba(89, 47, 124, 0.3019607843);\n  --public-chip-bg-color: #F9D5FF;\n  --partial-public-chip-bg-color: #FCC27D;\n  --private-chip-bg-color: #DBC3EF;\n  --disabled-chip-bg-color: #C4C3C3;\n  --impact-list-text-color: #14041C;\n  --impact-list-chip-text-color: #3d3c3e;\n  --impact-list-chip-bg-color: #E3CCF5;\n}";
+styleInject(css_248z$16);
 const ThemeContext = /*#__PURE__*/React.createContext(undefined);
 const ThemeProvider = ({
@@ -1160,15 +1174,15 @@ const Drawer = ({
   }), document.body);
 };
-var css_248z$14 = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-accordion {\n  border: 1px solid var(--border-color);\n  border-radius: 4px;\n  min-width: fit-content;\n}\n.ff-accordion .accordion-header {\n  display: flex;\n  justify-content: space-between;\n  min-height: 32px;\n  align-items: center;\n  cursor: pointer;\n}\n.ff-accordion .accordion-header .header-title {\n  padding: 8px;\n}\n.ff-accordion .accordion-header .accordion-arrow {\n  display: flex;\n  padding: 8px;\n  align-items: center;\n  transition: transform 0.3s ease;\n}\n.ff-accordion .accordion-header .accordion-arrow.expanded {\n  transform: rotate(180deg);\n}\n.ff-accordion .accordion-header .accordion-arrow:hover {\n  color: var(--tooltip-bg-color);\n}\n.ff-accordion .accordion-header.expanded {\n  background-color: var(--hover-color);\n  border-bottom: 1px solid var(--hover-color);\n}\n.ff-accordion .accordion-header:hover {\n  background-color: var(--hover-color);\n}\n.ff-accordion .accordion-content {\n  padding: 8px;\n}";
+var css_248z$15 = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-accordion {\n  border: 1px solid var(--border-color);\n  border-radius: 4px;\n  min-width: fit-content;\n}\n.ff-accordion .accordion-header {\n  display: flex;\n  justify-content: space-between;\n  min-height: 32px;\n  align-items: center;\n  cursor: pointer;\n}\n.ff-accordion .accordion-header .header-title {\n  padding: 8px;\n}\n.ff-accordion .accordion-header .accordion-arrow {\n  display: flex;\n  padding: 8px;\n  align-items: center;\n  transition: transform 0.3s ease;\n}\n.ff-accordion .accordion-header .accordion-arrow.expanded {\n  transform: rotate(180deg);\n}\n.ff-accordion .accordion-header .accordion-arrow:hover {\n  color: var(--tooltip-bg-color);\n}\n.ff-accordion .accordion-header.expanded {\n  background-color: var(--hover-color);\n  border-bottom: 1px solid var(--hover-color);\n}\n.ff-accordion .accordion-header:hover {\n  background-color: var(--hover-color);\n}\n.ff-accordion .accordion-content {\n  padding: 8px;\n}";
+styleInject(css_248z$15);
+var css_248z$14 = "/* global.css or component CSS */\nbody {\n  font-family: \"Poppins\", sans-serif;\n}";
 styleInject(css_248z$14);
-var css_248z$13 = "/* global.css or component CSS */\nbody {\n  font-family: \"Poppins\", sans-serif;\n}";
+var css_248z$13 = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-tooltip {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-tooltip-container {\n  cursor: pointer;\n  display: inline-block;\n}\n\n.ff-tooltip {\n  position: fixed;\n  width: max-content;\n  max-width: 60vw;\n  word-wrap: break-word;\n  background-color: var(--tooltip-bg-color);\n  line-height: 18px;\n  color: var(--tooltip-text-color);\n  text-align: center;\n  border-radius: 5px;\n  padding: 4px 8px;\n  opacity: 0;\n  z-index: 10000;\n}\n.ff-tooltip--visible {\n  opacity: 1;\n  transition: opacity 0.3s;\n}";
 styleInject(css_248z$13);
-var css_248z$12 = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-tooltip {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-tooltip-container {\n  cursor: pointer;\n  display: inline-block;\n}\n\n.ff-tooltip {\n  position: fixed;\n  width: max-content;\n  max-width: 60vw;\n  word-wrap: break-word;\n  background-color: var(--tooltip-bg-color);\n  line-height: 18px;\n  color: var(--tooltip-text-color);\n  text-align: center;\n  border-radius: 5px;\n  padding: 4px 8px;\n  opacity: 0;\n  z-index: 10000;\n}\n.ff-tooltip--visible {\n  opacity: 1;\n  transition: opacity 0.3s;\n}";
-styleInject(css_248z$12);
 const checkEmpty = value => {
   // Check for null or undefined
   if (value == null) return true;
@@ -1390,8 +1404,8 @@ const Accordion = ({
   });
 };
-var css_248z$11 = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .default-label {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .active-default-label, .ff-multiselect-container-with-icon .ff-multiselect-wrapper .error-text {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-multiselect-container-with-icon {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper {\n  flex-grow: 1;\n  box-sizing: border-box;\n  transition: all 0.3s ease;\n  cursor: pointer;\n  position: relative;\n  border: 1px solid var(--default-icon-color);\n  border-radius: 4px;\n  background: var(--drawer-footer-bg);\n  min-width: 150px;\n  height: 32px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect {\n  position: relative;\n  padding: 6px 3px;\n  border: none;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main {\n  display: flex;\n  flex: 1;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .default-label {\n  font-family: Poppins;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  transition: all 0.3s ease;\n  color: var(--default-icon-color);\n  line-height: 18px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .active-default-label {\n  font-size: 8px !important;\n  height: 8px;\n  font-family: Poppins;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  transition: all 0.3s ease;\n  background-color: var(--multi-select-label-bg);\n  line-height: 12px;\n  color: var(--default-icon-color);\n  padding: 0 4px;\n  position: absolute;\n  left: 8px;\n  top: -6px;\n  pointer-events: none;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 5px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  border: 0.5px solid var(--tabs-border-color);\n  padding-left: 4px;\n  gap: 4px;\n  height: 16px;\n  border-radius: 15px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n  line-height: 14px;\n  color: var(--tooltip-bg-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label.label-padding {\n  padding-right: 3px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-close-icon {\n  color: var(--brand-color);\n  cursor: pointer;\n  padding: 0px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container {\n  flex: 1;\n  min-width: 20px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input {\n  width: 100%;\n  min-width: 30px;\n  max-width: calc(100% - 0px);\n  padding: 2px;\n  box-sizing: border-box;\n  border: none;\n  font-size: 12px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input:focus {\n  outline: none;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect .ff-multiselect-more-chip {\n  display: flex;\n  align-items: center;\n  width: 16px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow {\n  transition: transform 0.3s ease;\n  transform: rotate(360deg);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow svg path {\n  transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow--opened-dropdown {\n  transform: rotate(180deg);\n  transition: transform 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover {\n  border: 1px solid var(--tooltip-bg-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--tooltip-bg-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover .ff-select-arrow svg path {\n  fill: var(--tooltip-bg-color);\n  transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--with-options {\n  height: fit-content;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown {\n  border: 1px solid var(--brand-color);\n  height: fit-content;\n  cursor: default;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--brand-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown:hover {\n  border: 1px solid var(--brand-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--brand-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error {\n  border: 1px solid var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error:hover {\n  border: 1px solid var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled {\n  pointer-events: none;\n  border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover {\n  border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled .ff-select-arrow svg path {\n  fill: var(--multi-select-border);\n  transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover .ff-select-arrow svg path {\n  fill: var(--multi-select-border);\n  transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n  color: var(--text-color-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .error-text {\n  position: absolute;\n  margin-top: 4px;\n  left: 12px;\n  color: var(--error-light);\n  letter-spacing: 0.5px;\n}\n.ff-multiselect-container-with-icon .ff-manage-labels-text {\n  position: absolute;\n  right: 0;\n  margin-top: 4px;\n}\n.ff-multiselect-container-with-icon .ff-label-plus-icon {\n  cursor: pointer;\n}";
-styleInject(css_248z$11);
+var css_248z$12 = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .default-label {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .active-default-label, .ff-multiselect-container-with-icon .ff-multiselect-wrapper .error-text {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-multiselect-container-with-icon {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper {\n  flex-grow: 1;\n  box-sizing: border-box;\n  transition: all 0.3s ease;\n  cursor: pointer;\n  position: relative;\n  border: 1px solid var(--default-icon-color);\n  border-radius: 4px;\n  background: var(--drawer-footer-bg);\n  min-width: 150px;\n  height: 32px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect {\n  position: relative;\n  padding: 6px 3px;\n  border: none;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main {\n  display: flex;\n  flex: 1;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .default-label {\n  font-family: Poppins;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  transition: all 0.3s ease;\n  color: var(--default-icon-color);\n  line-height: 18px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .active-default-label {\n  font-size: 8px !important;\n  height: 8px;\n  font-family: Poppins;\n  font-weight: 400;\n  letter-spacing: 0.5px;\n  transition: all 0.3s ease;\n  background-color: var(--multi-select-label-bg);\n  line-height: 12px;\n  color: var(--default-icon-color);\n  padding: 0 4px;\n  position: absolute;\n  left: 8px;\n  top: -6px;\n  pointer-events: none;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 5px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  border: 0.5px solid var(--tabs-border-color);\n  padding-left: 4px;\n  gap: 4px;\n  height: 16px;\n  border-radius: 15px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n  line-height: 14px;\n  color: var(--tooltip-bg-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label.label-padding {\n  padding-right: 3px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-close-icon {\n  color: var(--brand-color);\n  cursor: pointer;\n  padding: 0px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container {\n  flex: 1;\n  min-width: 20px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input {\n  width: 100%;\n  min-width: 30px;\n  max-width: calc(100% - 0px);\n  padding: 2px;\n  box-sizing: border-box;\n  border: none;\n  font-size: 12px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-input-container input:focus {\n  outline: none;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect .ff-multiselect-more-chip {\n  display: flex;\n  align-items: center;\n  width: 16px;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow {\n  transition: transform 0.3s ease;\n  transform: rotate(360deg);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow svg path {\n  transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .ff-multiselect__toggle .ff-select-arrow--opened-dropdown {\n  transform: rotate(180deg);\n  transition: transform 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover {\n  border: 1px solid var(--tooltip-bg-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--tooltip-bg-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper:hover .ff-select-arrow svg path {\n  fill: var(--tooltip-bg-color);\n  transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--with-options {\n  height: fit-content;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown {\n  border: 1px solid var(--brand-color);\n  height: fit-content;\n  cursor: default;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--brand-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown:hover {\n  border: 1px solid var(--brand-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--opened-dropdown:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--brand-color);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error {\n  border: 1px solid var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error:hover {\n  border: 1px solid var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--error:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--error-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled {\n  pointer-events: none;\n  border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover {\n  border: 1px solid var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .default-label,\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover .ff-multiselect .ff-multiselect__main .active-default-label {\n  color: var(--multi-select-border);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled .ff-select-arrow svg path {\n  fill: var(--multi-select-border);\n  transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled:hover .ff-select-arrow svg path {\n  fill: var(--multi-select-border);\n  transition: all 0.3s ease;\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper--disabled .ff-multiselect__main .ff-multiselect-chip-container .ff-multiselect-chip .ff-multiselect-chip-label {\n  color: var(--text-color-light);\n}\n.ff-multiselect-container-with-icon .ff-multiselect-wrapper .error-text {\n  position: absolute;\n  margin-top: 4px;\n  left: 12px;\n  color: var(--error-light);\n  letter-spacing: 0.5px;\n}\n.ff-multiselect-container-with-icon .ff-manage-labels-text {\n  position: absolute;\n  right: 0;\n  margin-top: 4px;\n}\n.ff-multiselect-container-with-icon .ff-label-plus-icon {\n  cursor: pointer;\n}";
+styleInject(css_248z$12);
 const dropdownDefaultCSSData$1 = {
   verticalMargin: 4,
@@ -1399,11 +1413,11 @@ const dropdownDefaultCSSData$1 = {
   maxDropdownHeight: 160
 };
-var css_248z$10 = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd, .ff-multiselect-dropdown-container .no-options, .ff-multiselect-dropdown-container .dropdown-option-container .dropdown-option-label {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-multiselect-dropdown-container {\n  position: absolute;\n  background: var(--drawer-footer-bg);\n  z-index: 1000;\n  box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n  border: 0.5px solid var(--ff-select-option-border-color);\n  border-radius: 4px;\n  box-sizing: border-box;\n  margin-block: 4px;\n  max-height: 160px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper {\n  max-height: 128px;\n  overflow-y: auto;\n  border-radius: 2px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar {\n  width: 4px;\n  height: 40px;\n  border-radius: 12px 0px 0px 0px;\n  background: var(--description-text);\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-track {\n  background: var(--ff-select-scroll-track-bg);\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-thumb {\n  background: var(--ff-select-scroll-thumb-color);\n  border-radius: 10px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-thumb:hover {\n  background: var(--ff-select-scroll-thumb-hover);\n}\n.ff-multiselect-dropdown-container .no-options {\n  color: var(--pop-up-background-blur);\n  text-align: center;\n  margin: 0;\n  padding: 10px;\n  line-height: 12px;\n}\n.ff-multiselect-dropdown-container .dropdown-option-container {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  height: 32px;\n  padding: 4px 8px;\n  gap: 4px;\n  border-radius: 4px 0px 0px 0px;\n  background-color: white;\n}\n.ff-multiselect-dropdown-container .dropdown-option-container .dropdown-option-label {\n  color: var(--ff-select-text-color);\n}\n.ff-multiselect-dropdown-container .dropdown-option-container:hover {\n  background-color: var(--hover-color);\n}\n.ff-multiselect-dropdown-container:focus {\n  outline: none;\n}\n.ff-multiselect-dropdown-container .select-button-container {\n  box-sizing: border-box;\n  width: 100%;\n  border-top: 1px solid var(--slider-table-color);\n  height: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}";
-styleInject(css_248z$10);
+var css_248z$11 = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd, .ff-multiselect-dropdown-container .no-options, .ff-multiselect-dropdown-container .dropdown-option-container .dropdown-option-label {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-multiselect-dropdown-container {\n  position: absolute;\n  background: var(--drawer-footer-bg);\n  z-index: 1000;\n  box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n  border: 0.5px solid var(--ff-select-option-border-color);\n  border-radius: 4px;\n  box-sizing: border-box;\n  margin-block: 4px;\n  max-height: 160px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper {\n  max-height: 128px;\n  overflow-y: auto;\n  border-radius: 2px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar {\n  width: 4px;\n  height: 40px;\n  border-radius: 12px 0px 0px 0px;\n  background: var(--description-text);\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-track {\n  background: var(--ff-select-scroll-track-bg);\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-thumb {\n  background: var(--ff-select-scroll-thumb-color);\n  border-radius: 10px;\n}\n.ff-multiselect-dropdown-container .ff-multiselect-options-wrapper::-webkit-scrollbar-thumb:hover {\n  background: var(--ff-select-scroll-thumb-hover);\n}\n.ff-multiselect-dropdown-container .no-options {\n  color: var(--pop-up-background-blur);\n  text-align: center;\n  margin: 0;\n  padding: 10px;\n  line-height: 12px;\n}\n.ff-multiselect-dropdown-container .dropdown-option-container {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  height: 32px;\n  padding: 4px 8px;\n  gap: 4px;\n  border-radius: 4px 0px 0px 0px;\n  background-color: white;\n}\n.ff-multiselect-dropdown-container .dropdown-option-container .dropdown-option-label {\n  color: var(--ff-select-text-color);\n}\n.ff-multiselect-dropdown-container .dropdown-option-container:hover {\n  background-color: var(--hover-color);\n}\n.ff-multiselect-dropdown-container:focus {\n  outline: none;\n}\n.ff-multiselect-dropdown-container .select-button-container {\n  box-sizing: border-box;\n  width: 100%;\n  border-top: 1px solid var(--slider-table-color);\n  height: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}";
+styleInject(css_248z$11);
-var css_248z$$ = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-checkbox--overlay {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  cursor: pointer;\n  position: relative;\n}\n.ff-checkbox--overlay .ff-checkbox-input {\n  display: none;\n}\n.ff-checkbox--overlay .ff-checkbox-custom {\n  width: 16px;\n  height: 16px;\n  border: 1px solid var(--checkbox-border-color);\n  box-sizing: border-box;\n  border-radius: 2px;\n  margin-right: 4px;\n  background-color: var(--checkbox-bg-color);\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom::before {\n  content: \"\";\n  width: 9px;\n  height: 2px;\n  background-color: var(--checkbox-partial-color);\n  border-radius: 2px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(180deg);\n  opacity: 0;\n  transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom::after {\n  content: \"\";\n  width: 16px;\n  height: 16px;\n  border: 4px solid var(--checkbox-hover-color);\n  border-radius: 4px;\n  position: absolute;\n  opacity: 0;\n  background-color: var(--checkbox-hover-color);\n  z-index: -1;\n  transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom:hover {\n  border-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-custom:hover::after {\n  opacity: 1;\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked + .ff-checkbox-custom {\n  background: var(--brand-color);\n  border-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom {\n  background: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom::after {\n  opacity: 1;\n}\n.ff-checkbox--overlay .ff-checkbox-input:disabled + .ff-checkbox-custom {\n  opacity: 0.5;\n  cursor: not-allowed;\n  border: 1px solid var(--checkbox-border-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:disabled + .ff-checkbox-custom::after {\n  opacity: 0;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial {\n  background-color: var(--brand-color);\n  border: none;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial::before {\n  opacity: 1;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover {\n  background-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover::after {\n  opacity: 1;\n}";
-styleInject(css_248z$$);
+var css_248z$10 = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-checkbox--overlay {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  cursor: pointer;\n  position: relative;\n}\n.ff-checkbox--overlay .ff-checkbox-input {\n  display: none;\n}\n.ff-checkbox--overlay .ff-checkbox-custom {\n  width: 16px;\n  height: 16px;\n  border: 1px solid var(--checkbox-border-color);\n  box-sizing: border-box;\n  border-radius: 2px;\n  margin-right: 4px;\n  background-color: var(--checkbox-bg-color);\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom::before {\n  content: \"\";\n  width: 9px;\n  height: 2px;\n  background-color: var(--checkbox-partial-color);\n  border-radius: 2px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) rotate(180deg);\n  opacity: 0;\n  transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom::after {\n  content: \"\";\n  width: 16px;\n  height: 16px;\n  border: 4px solid var(--checkbox-hover-color);\n  border-radius: 4px;\n  position: absolute;\n  opacity: 0;\n  background-color: var(--checkbox-hover-color);\n  z-index: -1;\n  transition: border-color background-color;\n}\n.ff-checkbox--overlay .ff-checkbox-custom:hover {\n  border-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-custom:hover::after {\n  opacity: 1;\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked + .ff-checkbox-custom {\n  background: var(--brand-color);\n  border-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom {\n  background: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:checked:hover + .ff-checkbox-custom::after {\n  opacity: 1;\n}\n.ff-checkbox--overlay .ff-checkbox-input:disabled + .ff-checkbox-custom {\n  opacity: 0.5;\n  cursor: not-allowed;\n  border: 1px solid var(--checkbox-border-color);\n}\n.ff-checkbox--overlay .ff-checkbox-input:disabled + .ff-checkbox-custom::after {\n  opacity: 0;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial {\n  background-color: var(--brand-color);\n  border: none;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial::before {\n  opacity: 1;\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover {\n  background-color: var(--brand-color);\n}\n.ff-checkbox--overlay .ff-storybook-checkbox--partial:hover::after {\n  opacity: 1;\n}";
+styleInject(css_248z$10);
 const Checkbox = ({
   id,
@@ -1418,11 +1432,6 @@ const Checkbox = ({
   React.useEffect(() => {
     setChecked(initialChecked);
   }, [initialChecked]);
-  const handleCheckboxChange = event => {
-    if (!disabled) {
-      setChecked(prev => !prev), onChange?.(event);
-    }
-  };
   return jsxRuntime.jsxs("label", {
     className: "ff-checkbox--overlay",
     htmlFor: id,
@@ -1432,7 +1441,7 @@ const Checkbox = ({
       id: id,
       name: name,
       checked: checked,
-      onChange: handleCheckboxChange,
+      onChange: onChange,
       disabled: disabled
     }), jsxRuntime.jsx("span", {
       className: classNames('ff-checkbox-custom', {
@@ -1530,7 +1539,13 @@ const Dropdown$2 = /*#__PURE__*/React.forwardRef(({
       }) : filteredOptions.map(info => jsxRuntime.jsxs("div", {
         role: "option",
         className: `dropdown-option-container`,
-        onClick: () => !info?.isDisabled && handleOptionChange(info, !info.isChecked),
+        onClick: e => {
+          const target = e.target;
+          if (target.type === 'checkbox') {
+            return;
+          }
+          !info?.isDisabled && handleOptionChange(info, !info.isChecked);
+        },
         children: [jsxRuntime.jsx(Checkbox, {
           checked: info.isChecked,
           disabled: info?.isDisabled
@@ -1606,8 +1621,9 @@ const MultiSelect = ({
   highlightedMachine = '',
   onSelectButtonClick = () => {},
   labelAccessor = '',
-  valueAccessor = '',
-  withSelectButton = variant === 'machines' ? true : false
+  valueAccessor = labelAccessor,
+  withSelectButton = variant === 'machines' ? true : false,
+  onEnter = () => {}
 }) => {
   const [isOpen, setIsOpen] = React.useState(false);
   const [allOptions, setAllOptions] = React.useState(options);
@@ -1680,18 +1696,8 @@ const MultiSelect = ({
           return;
         }
       }
-      const newOption = {
-        [labelAccessor]: searchedKeyword,
-        [valueAccessor]: searchedKeyword.toLowerCase(),
-        isChecked: true
-      };
-      const filteredOptions = [...allOptions].filter(option => option.isChecked === true);
-      setAllOptions([...allOptions, newOption]);
+      onEnter?.(searchedKeyword);
       setSearchedKeyword('');
-      onChange?.([...filteredOptions, {
-        [labelAccessor]: searchedKeyword,
-        [valueAccessor]: searchedKeyword.toLocaleLowerCase()
-      }]);
       setIsOpen(false);
     }
   };
@@ -1896,7 +1902,7 @@ const MultiSelect = ({
           children: inputError || errorMessage,
           fontSize: 10,
           className: "error-text"
-        }), displayIcon && jsxRuntime.jsx(Typography, {
+        }), displayIcon && variant === 'labels' && jsxRuntime.jsx(Typography, {
           onClick: onManageLabelsClick,
           fontSize: 8,
           className: "ff-manage-labels-text",
@@ -1922,8 +1928,8 @@ const MultiSelect = ({
   });
 };
-var css_248z$_ = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-toaster-overlay {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  pointer-events: none;\n  justify-content: flex-end;\n  align-items: flex-end;\n}\n.ff-toaster-overlay .ff-toaster {\n  background-color: var(--drawer-footer-bg);\n  display: flex;\n  border-radius: 10px;\n  margin: 16px;\n  pointer-events: auto;\n  min-width: 320px;\n  max-width: 600px;\n  gap: 8px;\n  box-shadow: 0px 1px 4px 0px var(--toaster-boxshadow);\n  animation: slideInToasterBottomRight 0.5s forwards;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container {\n  padding: 8px;\n  display: flex;\n  border-radius: 10px;\n  gap: 8px;\n  width: 100%;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: 8px;\n  padding: 1px;\n  -webkit-mask: linear-gradient(var(--drawer-footer-bg) 0 0) content-box, linear-gradient(var(--drawer-footer-bg) 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  z-index: -1;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 4px;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__title {\n  max-width: 500px;\n  word-wrap: break-word;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__message {\n  max-width: 500px;\n  word-wrap: break-word;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__prompt {\n  margin-top: 4px;\n  display: flex;\n  gap: 10px;\n}\n.ff-toaster-overlay .ff-toaster--success::before {\n  background: var(--toaster-success-border);\n}\n.ff-toaster-overlay .ff-toaster--warning::before {\n  background: var(--toaster-warning-border);\n}\n.ff-toaster-overlay .ff-toaster--info::before {\n  background: var(--toaster-info-border);\n}\n.ff-toaster-overlay .ff-toaster--danger::before, .ff-toaster-overlay .ff-toaster--confirm::before {\n  background: var(--toaster-danger_confirm-border);\n}\n.ff-toaster-overlay .ff-toaster .ff-close-icon-wrapper {\n  box-sizing: border-box;\n  cursor: pointer;\n  height: fit-content;\n  width: fit-content;\n  border-radius: 8px;\n  padding: 8px;\n  background: var(--toast-close-icon-wrapper-bg);\n  margin-left: auto;\n}\n.ff-toaster-overlay.exiting {\n  animation: slideOutToasterBottomRight 0.5s forwards;\n}\n\n@keyframes slideOutToasterBottomRight {\n  from {\n    transform: translateX(0%);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes slideInToasterBottomRight {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0%);\n  }\n}\n.fireflink-stories-toaster-container .fireflink-stories-toaster-container-row {\n  display: flex;\n  gap: 5px;\n  margin: 15px;\n}";
-styleInject(css_248z$_);
+var css_248z$$ = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-toaster-overlay {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  pointer-events: none;\n  justify-content: flex-end;\n  align-items: flex-end;\n}\n.ff-toaster-overlay .ff-toaster {\n  background-color: var(--drawer-footer-bg);\n  display: flex;\n  border-radius: 10px;\n  margin: 16px;\n  pointer-events: auto;\n  min-width: 320px;\n  max-width: 600px;\n  gap: 8px;\n  box-shadow: 0px 1px 4px 0px var(--toaster-boxshadow);\n  animation: slideInToasterBottomRight 0.5s forwards;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container {\n  padding: 8px;\n  display: flex;\n  border-radius: 10px;\n  gap: 8px;\n  width: 100%;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: 8px;\n  padding: 1px;\n  -webkit-mask: linear-gradient(var(--drawer-footer-bg) 0 0) content-box, linear-gradient(var(--drawer-footer-bg) 0 0);\n  -webkit-mask-composite: xor;\n  mask-composite: exclude;\n  z-index: -1;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 4px;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__title {\n  max-width: 500px;\n  word-wrap: break-word;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__message {\n  max-width: 500px;\n  word-wrap: break-word;\n}\n.ff-toaster-overlay .ff-toaster .ff-toaster-container .ff-toaster-content__prompt {\n  margin-top: 4px;\n  display: flex;\n  gap: 10px;\n}\n.ff-toaster-overlay .ff-toaster--success::before {\n  background: var(--toaster-success-border);\n}\n.ff-toaster-overlay .ff-toaster--warning::before {\n  background: var(--toaster-warning-border);\n}\n.ff-toaster-overlay .ff-toaster--info::before {\n  background: var(--toaster-info-border);\n}\n.ff-toaster-overlay .ff-toaster--danger::before, .ff-toaster-overlay .ff-toaster--confirm::before {\n  background: var(--toaster-danger_confirm-border);\n}\n.ff-toaster-overlay .ff-toaster .ff-close-icon-wrapper {\n  box-sizing: border-box;\n  cursor: pointer;\n  height: fit-content;\n  width: fit-content;\n  border-radius: 8px;\n  padding: 8px;\n  background: var(--toast-close-icon-wrapper-bg);\n  margin-left: auto;\n}\n.ff-toaster-overlay.exiting {\n  animation: slideOutToasterBottomRight 0.5s forwards;\n}\n\n@keyframes slideOutToasterBottomRight {\n  from {\n    transform: translateX(0%);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes slideInToasterBottomRight {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0%);\n  }\n}\n.fireflink-stories-toaster-container .fireflink-stories-toaster-container-row {\n  display: flex;\n  gap: 5px;\n  margin: 15px;\n}";
+styleInject(css_248z$$);
 const Toaster = ({
   isOpen = false,
@@ -1939,7 +1945,7 @@ const Toaster = ({
   const [isExiting, setIsExiting] = React.useState(false);
   const iconMap = {
     success: 'success',
-    info: 'info',
+    info: 'toast_info',
     warning: 'warning',
     danger: 'error',
     confirm: 'delete',
@@ -2032,8 +2038,8 @@ const Toaster = ({
   }), document.body);
 };
-var css_248z$Z = "/* Container */\n.ff-container {\n  margin-right: auto;\n  margin-left: auto;\n  width: 90%;\n  display: grid;\n}\n\n.ff-container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  display: grid;\n}\n\n/* Row */\n.ff-row {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n}\n\n/* Column sizes based on a 12-column layout */\n.ff-col {\n  grid-column: span 12;\n}\n\n.ff-col-1 {\n  grid-column: span 1;\n}\n\n.ff-col-2 {\n  grid-column: span 2;\n}\n\n.ff-col-3 {\n  grid-column: span 3;\n}\n\n.ff-col-4 {\n  grid-column: span 4;\n}\n\n.ff-col-5 {\n  grid-column: span 5;\n}\n\n.ff-col-6 {\n  grid-column: span 6;\n}\n\n.ff-col-7 {\n  grid-column: span 7;\n}\n\n.ff-col-8 {\n  grid-column: span 8;\n}\n\n.ff-col-9 {\n  grid-column: span 9;\n}\n\n.ff-col-10 {\n  grid-column: span 10;\n}\n\n.ff-col-11 {\n  grid-column: span 11;\n}\n\n.ff-col-12 {\n  grid-column: span 12;\n}\n\n@media (max-width: 768px) {\n  /* Stacking columns on small screens */\n  .ff-col {\n    grid-column: span 12;\n  }\n}";
-styleInject(css_248z$Z);
+var css_248z$_ = "/* Container */\n.ff-container {\n  margin-right: auto;\n  margin-left: auto;\n  width: 90%;\n  display: grid;\n}\n\n.ff-container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  display: grid;\n}\n\n/* Row */\n.ff-row {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n}\n\n/* Column sizes based on a 12-column layout */\n.ff-col {\n  grid-column: span 12;\n}\n\n.ff-col-1 {\n  grid-column: span 1;\n}\n\n.ff-col-2 {\n  grid-column: span 2;\n}\n\n.ff-col-3 {\n  grid-column: span 3;\n}\n\n.ff-col-4 {\n  grid-column: span 4;\n}\n\n.ff-col-5 {\n  grid-column: span 5;\n}\n\n.ff-col-6 {\n  grid-column: span 6;\n}\n\n.ff-col-7 {\n  grid-column: span 7;\n}\n\n.ff-col-8 {\n  grid-column: span 8;\n}\n\n.ff-col-9 {\n  grid-column: span 9;\n}\n\n.ff-col-10 {\n  grid-column: span 10;\n}\n\n.ff-col-11 {\n  grid-column: span 11;\n}\n\n.ff-col-12 {\n  grid-column: span 12;\n}\n\n@media (max-width: 768px) {\n  /* Stacking columns on small screens */\n  .ff-col {\n    grid-column: span 12;\n  }\n}";
+styleInject(css_248z$_);
 const Container = ({
   children,
@@ -2075,8 +2081,8 @@ const Col = ({
   });
 };
-var css_248z$Y = ".ff--switch-container {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.ff--switch-container .ff--switch-checkbox {\n  height: 0;\n  width: 0;\n  display: none;\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button {\n  right: -1px;\n  border: 1px solid var(--brand-color);\n  background: var(--toggle-button-bg-color);\n  transition: all 0.3s;\n  box-shadow: 0px 0px 2px 0px var(--toggle-strip-shadow);\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button .ff-checked-icon--primary svg path {\n  fill: var(--brand-color);\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label--primary {\n  background: var(--brand-color);\n  transition: all 0.3s;\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label:disabled {\n  cursor: default;\n  color: var(--disable-color);\n  background: var(--disable-color);\n}\n.ff--switch-container .ff--switch-checkbox:disabled {\n  cursor: no-drop;\n}\n.ff--switch-container .ff--switch-label {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  border-radius: 8px;\n  position: relative;\n  background: var(--toggle-strip-color);\n  transition: all 0.3s;\n}\n.ff--switch-container .ff--switch-label--disabled {\n  opacity: 0.5;\n  cursor: no-drop;\n}\n.ff--switch-container .ff--switch-label .ff--switch-button {\n  position: absolute;\n  left: 0;\n  border: 1px solid var(--toggle-strip-color);\n  display: flex;\n  background: var(--toggle-button-bg-color);\n  border-radius: 50%;\n  box-shadow: 0px 0px 2px 0px var(--toggle-strip-shadow);\n  transition: all 0.3s;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n.ff--switch-container .ff--switch-label .ff--switch-button .ff-unchecked-icon--primary svg path {\n  fill: var(--toggle-disable-icon-color);\n}\n.ff--switch-container .default--small {\n  width: 24px;\n  height: 10px;\n}\n.ff--switch-container .default--small .ff--switch-button {\n  width: 16px;\n  height: 16px;\n  transform: translateX(0);\n}\n.ff--switch-container .default--small .ff--switch-button.checked {\n  transform: translateX(10px);\n}\n.ff--switch-container .default--medium {\n  width: 32px;\n  height: 14px;\n}\n.ff--switch-container .default--medium .ff--switch-button {\n  width: 20px;\n  height: 20px;\n  transform: translateX(0);\n}\n.ff--switch-container .default--medium .ff--switch-button.checked {\n  transform: translateX(14px);\n}\n.ff--switch-container .default--large {\n  width: 40px;\n  height: 16px;\n}\n.ff--switch-container .default--large .ff--switch-button {\n  width: 24px;\n  height: 24px;\n  transform: translateX(0);\n}\n.ff--switch-container .default--large .ff--switch-button.checked {\n  transform: translateX(16px);\n}";
-styleInject(css_248z$Y);
+var css_248z$Z = ".ff--switch-container {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.ff--switch-container .ff--switch-checkbox {\n  height: 0;\n  width: 0;\n  display: none;\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button {\n  right: -1px;\n  border: 1px solid var(--brand-color);\n  background: var(--toggle-button-bg-color);\n  transition: all 0.3s;\n  box-shadow: 0px 0px 2px 0px var(--toggle-strip-shadow);\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label .ff--switch-button .ff-checked-icon--primary svg path {\n  fill: var(--brand-color);\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label--primary {\n  background: var(--brand-color);\n  transition: all 0.3s;\n}\n.ff--switch-container .ff--switch-checkbox:checked + .ff--switch-label:disabled {\n  cursor: default;\n  color: var(--disable-color);\n  background: var(--disable-color);\n}\n.ff--switch-container .ff--switch-checkbox:disabled {\n  cursor: no-drop;\n}\n.ff--switch-container .ff--switch-label {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  border-radius: 8px;\n  position: relative;\n  background: var(--toggle-strip-color);\n  transition: all 0.3s;\n}\n.ff--switch-container .ff--switch-label--disabled {\n  opacity: 0.5;\n  cursor: no-drop;\n}\n.ff--switch-container .ff--switch-label .ff--switch-button {\n  position: absolute;\n  left: 0;\n  border: 1px solid var(--toggle-strip-color);\n  display: flex;\n  background: var(--toggle-button-bg-color);\n  border-radius: 50%;\n  box-shadow: 0px 0px 2px 0px var(--toggle-strip-shadow);\n  transition: all 0.3s;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n.ff--switch-container .ff--switch-label .ff--switch-button .ff-unchecked-icon--primary svg path {\n  fill: var(--toggle-disable-icon-color);\n}\n.ff--switch-container .default--small {\n  width: 24px;\n  height: 10px;\n}\n.ff--switch-container .default--small .ff--switch-button {\n  width: 16px;\n  height: 16px;\n  transform: translateX(0);\n}\n.ff--switch-container .default--small .ff--switch-button.checked {\n  transform: translateX(10px);\n}\n.ff--switch-container .default--medium {\n  width: 32px;\n  height: 14px;\n}\n.ff--switch-container .default--medium .ff--switch-button {\n  width: 20px;\n  height: 20px;\n  transform: translateX(0);\n}\n.ff--switch-container .default--medium .ff--switch-button.checked {\n  transform: translateX(14px);\n}\n.ff--switch-container .default--large {\n  width: 40px;\n  height: 16px;\n}\n.ff--switch-container .default--large .ff--switch-button {\n  width: 24px;\n  height: 24px;\n  transform: translateX(0);\n}\n.ff--switch-container .default--large .ff--switch-button.checked {\n  transform: translateX(16px);\n}";
+styleInject(css_248z$Z);
 const Toggle = ({
   onChange,
@@ -2154,8 +2160,8 @@ const Toggle = ({
   });
 };
-var css_248z$X = ".fontXs, .ff-chip-wrapper .ff-default-chip-style {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-chip-wrapper .ff-default-chip-style--custom {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-chip-wrapper {\n  display: inline-flex;\n  margin: 5px;\n  justify-content: center;\n  align-items: center;\n}\n.ff-chip-wrapper .ff-default-chip-style {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  width: fit-content;\n  gap: 5px;\n  height: 17px;\n  border-radius: 25px;\n  padding: 1px 6px;\n  line-height: 15px;\n  border: none;\n  transition: transform 0.5s ease, box-shadow 0.5s ease, padding 1s ease;\n  box-shadow: 1px 1px 6px 0px var(--ff-chips-blur-color) inset, -1px -1px 2px 0px var(--ff-chip-bg) inset, 1px -1px 2px 0px var(--ff-chips-blur-color) inset, 1px 1px 2px 0px var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--fullText:hover {\n  box-shadow: 1px 1px 6px 0px var(--ff-chips-blur-color) inset, -1px -1px 2px 0px var(--ff-chip-bg) inset, 1px -1px 2px 0px var(--ff-chips-blur-color) inset, 1px 1px 2px 0px var(--ff-chip-bg);\n  padding-right: 12px;\n}\n.ff-chip-wrapper .ff-default-chip-style--primary {\n  background-color: var(--ff-chips-fill-color);\n  color: var(--ff-chip-bg);\n  color: var(--ff-chip-text-color);\n}\n.ff-chip-wrapper .ff-default-chip-style--success {\n  background-color: var(--ff-success);\n  color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--error {\n  background-color: var(--ff-error-light);\n  color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--warning {\n  background-color: var(--ff-warning);\n  color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--custom {\n  background: rgba(97, 11, 134, 0.1019607843);\n  color: #610b86;\n  padding: 2px 8px;\n  border-radius: 12px;\n  cursor: pointer;\n  white-space: nowrap;\n  box-shadow: none;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n.ff-chip-wrapper .ff-default-chip-style--custom:hover {\n  background-color: #610b86;\n  color: #fdfaff;\n}\n.ff-chip-wrapper .ff-default-chip-style--public {\n  background-color: var(--public-chip-bg-color);\n  color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--partial-public {\n  background-color: var(--partial-public-chip-bg-color);\n  color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--private {\n  background-color: var(--private-chip-bg-color);\n  color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--disabled {\n  background-color: var(--disabled-chip-bg-color);\n  color: var(--ff-chip-bg);\n}";
-styleInject(css_248z$X);
+var css_248z$Y = ".fontXs, .ff-chip-wrapper .ff-default-chip-style {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-chip-wrapper .ff-default-chip-style--custom {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-chip-wrapper {\n  display: inline-flex;\n  margin: 5px;\n  justify-content: center;\n  align-items: center;\n}\n.ff-chip-wrapper .ff-default-chip-style {\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  width: fit-content;\n  gap: 5px;\n  height: 17px;\n  border-radius: 25px;\n  padding: 1px 6px;\n  line-height: 15px;\n  border: none;\n  transition: transform 0.5s ease, box-shadow 0.5s ease, padding 1s ease;\n  box-shadow: 1px 1px 6px 0px var(--ff-chips-blur-color) inset, -1px -1px 2px 0px var(--ff-chip-bg) inset, 1px -1px 2px 0px var(--ff-chips-blur-color) inset, 1px 1px 2px 0px var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--fullText:hover {\n  box-shadow: 1px 1px 6px 0px var(--ff-chips-blur-color) inset, -1px -1px 2px 0px var(--ff-chip-bg) inset, 1px -1px 2px 0px var(--ff-chips-blur-color) inset, 1px 1px 2px 0px var(--ff-chip-bg);\n  padding-right: 12px;\n}\n.ff-chip-wrapper .ff-default-chip-style--primary {\n  background-color: var(--ff-chips-fill-color);\n  color: var(--ff-chip-bg);\n  color: var(--ff-chip-text-color);\n}\n.ff-chip-wrapper .ff-default-chip-style--success {\n  background-color: var(--ff-success);\n  color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--error {\n  background-color: var(--ff-error-light);\n  color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--warning {\n  background-color: var(--ff-warning);\n  color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--custom {\n  background: rgba(97, 11, 134, 0.1019607843);\n  color: #610b86;\n  padding: 2px 8px;\n  border-radius: 12px;\n  cursor: pointer;\n  white-space: nowrap;\n  box-shadow: none;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n.ff-chip-wrapper .ff-default-chip-style--custom:hover {\n  background-color: #610b86;\n  color: #fdfaff;\n}\n.ff-chip-wrapper .ff-default-chip-style--public {\n  background-color: var(--public-chip-bg-color);\n  color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--partial-public {\n  background-color: var(--partial-public-chip-bg-color);\n  color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--private {\n  background-color: var(--private-chip-bg-color);\n  color: var(--ff-chip-bg);\n}\n.ff-chip-wrapper .ff-default-chip-style--disabled {\n  background-color: var(--disabled-chip-bg-color);\n  color: var(--ff-chip-bg);\n}";
+styleInject(css_248z$Y);
 const Chip = ({
   label = '',
@@ -2184,8 +2190,8 @@ const Chip = ({
   });
 };
-var css_248z$W = ".fontXs, .ff-input-container .ff-input::placeholder, .ff-input-container .ff-input-label-container::placeholder, .ff-input-container:focus-within .ff-input-label-container, .ff-input-container .ff-input-message {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-input-container {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n.ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n  padding: 6px 8px;\n  border: 1px solid var(--input-default-border-color);\n  border-radius: 4px;\n  outline: none;\n  line-height: 18px;\n}\n.ff-input-container .ff-input--medium {\n  padding: 10px 9px;\n}\n.ff-input-container .ff-input:disabled, .ff-input-container .ff-input-label-container:disabled {\n  cursor: not-allowed;\n}\n.ff-input-container .ff-input::placeholder, .ff-input-container .ff-input-label-container::placeholder {\n  opacity: 0;\n  line-height: 15px;\n}\n.ff-input-container .ff-input--disabled {\n  background: transparent;\n  border-color: var(--input-default-border-color);\n}\n.ff-input-container .ff-input--danger {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input--transparentBackground {\n  background: transparent;\n}\n.ff-input-container .ff-input--no-border {\n  border: none;\n}\n.ff-input-container .ff-input--placeholder::placeholder {\n  opacity: 1;\n}\n.ff-input-container .ff-input-label-container {\n  display: flex;\n  gap: 2px;\n  position: absolute;\n  border: none;\n  outline: none;\n  line-height: 18px;\n  margin-top: 1px;\n  transition: all 0.3s ease-in-out;\n}\n.ff-input-container .ff-input-label-container--medium {\n  line-height: 25px;\n}\n.ff-input-container .ff-input-label-container .ff-input-label {\n  color: var(--input-default-label-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--danger {\n  color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--disabled {\n  color: var(--input-default-border-color);\n  background-color: var(--input-label-bg-color);\n}\n.ff-input-container .ff-input-label-container .required-asterisk {\n  color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input-label {\n  color: var(--input-default-label-color);\n}\n.ff-input-container:hover .ff-input-label--no-hover {\n  color: var(--input-default-label-color);\n}\n.ff-input-container:hover .ff-input-label--disabled {\n  color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input-label--danger {\n  color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input, .ff-input-container:hover .ff-input-label-container {\n  border-color: var(--brand-color);\n}\n.ff-input-container:hover .ff-input--no-hover {\n  border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--disabled {\n  background: transparent;\n  border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--danger {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input-label-container {\n  top: -9px;\n  background-color: var(--input-label-bg-color);\n  line-height: 15px;\n  padding: 0px 2px;\n  margin-left: 10px;\n}\n.ff-input-container:focus-within .ff-input-label--primary {\n  color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input-label--danger {\n  color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input, .ff-input-container:focus-within .ff-input-label-container {\n  border-color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input--danger {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input::placeholder, .ff-input-container:focus-within .ff-input-label-container::placeholder {\n  opacity: 1;\n  margin-bottom: 1px;\n}\n.ff-input-container .ff-input-message {\n  padding: 0px 4px;\n  margin-left: 8px;\n  line-height: 15px;\n}\n.ff-input-container .ff-input-message--danger {\n  color: var(--input-error-text-color);\n}\n.ff-input-container--float .ff-input-label-container {\n  top: -9px;\n  font-size: 10px;\n  background-color: var(--input-label-bg-color);\n  line-height: 15px;\n  padding: 0px 2px;\n  margin-left: 10px;\n}\n.ff-input-container--float--disabled {\n  cursor: not-allowed;\n}\n.ff-input-container--float--disabled .ff-input-label-container {\n  cursor: not-allowed;\n}";
-styleInject(css_248z$W);
+var css_248z$X = ".fontXs, .ff-input-container .ff-input::placeholder, .ff-input-container .ff-input-label-container::placeholder, .ff-input-container:focus-within .ff-input-label-container, .ff-input-container .ff-input-message {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-input-container {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n.ff-input-container .ff-input, .ff-input-container .ff-input-label-container {\n  padding: 6px 8px;\n  border: 1px solid var(--input-default-border-color);\n  border-radius: 4px;\n  outline: none;\n  line-height: 18px;\n}\n.ff-input-container .ff-input--medium {\n  padding: 10px 9px;\n}\n.ff-input-container .ff-input:disabled, .ff-input-container .ff-input-label-container:disabled {\n  cursor: not-allowed;\n}\n.ff-input-container .ff-input::placeholder, .ff-input-container .ff-input-label-container::placeholder {\n  opacity: 0;\n  line-height: 15px;\n}\n.ff-input-container .ff-input--disabled {\n  background: transparent;\n  border-color: var(--input-default-border-color);\n}\n.ff-input-container .ff-input--danger {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input--transparentBackground {\n  background: transparent;\n}\n.ff-input-container .ff-input--no-border {\n  border: none;\n}\n.ff-input-container .ff-input--placeholder::placeholder {\n  opacity: 1;\n}\n.ff-input-container .ff-input-label-container {\n  display: flex;\n  gap: 2px;\n  position: absolute;\n  border: none;\n  outline: none;\n  line-height: 18px;\n  margin-top: 1px;\n  transition: all 0.3s ease-in-out;\n}\n.ff-input-container .ff-input-label-container--medium {\n  line-height: 25px;\n}\n.ff-input-container .ff-input-label-container .ff-input-label {\n  color: var(--input-default-label-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--danger {\n  color: var(--input-error-text-color);\n}\n.ff-input-container .ff-input-label-container .ff-input-label--disabled {\n  color: var(--input-default-border-color);\n  background-color: var(--input-label-bg-color);\n}\n.ff-input-container .ff-input-label-container .required-asterisk {\n  color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input-label {\n  color: var(--input-default-label-color);\n}\n.ff-input-container:hover .ff-input-label--no-hover {\n  color: var(--input-default-label-color);\n}\n.ff-input-container:hover .ff-input-label--disabled {\n  color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input-label--danger {\n  color: var(--input-error-text-color);\n}\n.ff-input-container:hover .ff-input, .ff-input-container:hover .ff-input-label-container {\n  border-color: var(--brand-color);\n}\n.ff-input-container:hover .ff-input--no-hover {\n  border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--disabled {\n  background: transparent;\n  border-color: var(--input-default-border-color);\n}\n.ff-input-container:hover .ff-input--danger {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input-label-container {\n  top: -9px;\n  background-color: var(--input-label-bg-color);\n  line-height: 15px;\n  padding: 0px 2px;\n  margin-left: 10px;\n}\n.ff-input-container:focus-within .ff-input-label--primary {\n  color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input-label--danger {\n  color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input, .ff-input-container:focus-within .ff-input-label-container {\n  border-color: var(--brand-color);\n}\n.ff-input-container:focus-within .ff-input--danger {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-container:focus-within .ff-input::placeholder, .ff-input-container:focus-within .ff-input-label-container::placeholder {\n  opacity: 1;\n  margin-bottom: 1px;\n}\n.ff-input-container .ff-input-message {\n  padding: 0px 4px;\n  margin-left: 8px;\n  line-height: 15px;\n}\n.ff-input-container .ff-input-message--danger {\n  color: var(--input-error-text-color);\n}\n.ff-input-container--float .ff-input-label-container {\n  top: -9px;\n  font-size: 10px;\n  background-color: var(--input-label-bg-color);\n  line-height: 15px;\n  padding: 0px 2px;\n  margin-left: 10px;\n}\n.ff-input-container--float--disabled {\n  cursor: not-allowed;\n}\n.ff-input-container--float--disabled .ff-input-label-container {\n  cursor: not-allowed;\n}";
+styleInject(css_248z$X);
 const Input = ({
   type = 'text',
@@ -2265,8 +2271,8 @@ const Input = ({
   });
 };
-var css_248z$V = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-radial-chart-container svg text {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-radial-chart-container {\n  cursor: pointer;\n}\n.ff-radial-chart-container svg text {\n  font-size: var(--fontSize) !important;\n  font-weight: 400;\n}";
-styleInject(css_248z$V);
+var css_248z$W = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-radial-chart-container svg text {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-radial-chart-container {\n  cursor: pointer;\n}\n.ff-radial-chart-container svg text {\n  font-size: var(--fontSize) !important;\n  font-weight: 400;\n}";
+styleInject(css_248z$W);
 const useColorMappings$1 = () => React.useMemo(() => {
   return {
@@ -2408,8 +2414,8 @@ const RadialChart = ({
   });
 };
-var css_248z$U = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-expandable-chip-menu--medium, .ff-expandable-chip-menu .ff-sub-chip--medium {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-expandable-chip-menu {\n  display: inline-flex;\n  gap: 16px;\n  align-items: center;\n  border-radius: 16px;\n  cursor: pointer;\n  overflow: hidden;\n  width: auto;\n  padding: 4px 8px;\n  transition: all 0.3s ease;\n}\n.ff-expandable-chip-menu--primary {\n  border: 0.5px solid var(--brand-color);\n  background-color: var(--expandable-menu-default-bg);\n}\n.ff-expandable-chip-menu .ff-label-chip {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 4px;\n  white-space: nowrap;\n  padding: 2px 0;\n}\n.ff-expandable-chip-menu .ff-label-chip .arrow-icon {\n  height: 14px;\n  width: 14px;\n  display: grid;\n  place-items: center;\n}\n.ff-expandable-chip-menu .ff-label-chip--primary {\n  color: var(--brand-color);\n}\n.ff-expandable-chip-menu--disabled {\n  opacity: 0.5;\n}\n.ff-expandable-chip-menu--disabled:disabled {\n  pointer-events: none;\n}\n.ff-expandable-chip-menu--medium {\n  line-height: 18px;\n}\n.ff-expandable-chip-menu .ff-sub-chips {\n  display: flex;\n  gap: 8px;\n  max-width: 500px;\n  overflow-x: auto;\n  -ms-overflow-style: none;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.3s ease, opacity 0.3s ease;\n  opacity: 0;\n}\n.ff-expandable-chip-menu .ff-sub-chips::-webkit-scrollbar {\n  display: none;\n}\n.ff-expandable-chip-menu.expanded .ff-sub-chips {\n  transform: scaleX(1);\n  opacity: 1;\n}\n.ff-expandable-chip-menu .ff-sub-chip {\n  padding: 2px 8px;\n  border-radius: 12px;\n  white-space: nowrap;\n  transition: background-color 0.3s ease, color 0.3s ease;\n  opacity: 0;\n  transform: translateX(-10px);\n  animation: fadeIn 0.5s ease forwards;\n}\n.ff-expandable-chip-menu .ff-sub-chip--primary {\n  background: var(--expandable-menu-option-bg);\n  color: var(--brand-color);\n}\n.ff-expandable-chip-menu .ff-sub-chip--primary:hover, .ff-expandable-chip-menu .ff-sub-chip--primary.selected {\n  background-color: var(--brand-color);\n  color: var(--expandable-menu-default-bg);\n}\n.ff-expandable-chip-menu .ff-sub-chip--medium {\n  line-height: 18px;\n}\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    transform: translateX(-10px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n.ff-expandable-chip-menu.expanded .ff-sub-chip {\n  animation: fadeIn 0.5s ease forwards;\n}";
-styleInject(css_248z$U);
+var css_248z$V = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-expandable-chip-menu--medium, .ff-expandable-chip-menu .ff-sub-chip--medium {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-expandable-chip-menu {\n  display: inline-flex;\n  gap: 16px;\n  align-items: center;\n  border-radius: 16px;\n  cursor: pointer;\n  overflow: hidden;\n  width: auto;\n  padding: 4px 8px;\n  transition: all 0.3s ease;\n}\n.ff-expandable-chip-menu--primary {\n  border: 0.5px solid var(--brand-color);\n  background-color: var(--expandable-menu-default-bg);\n}\n.ff-expandable-chip-menu .ff-label-chip {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 4px;\n  white-space: nowrap;\n  padding: 2px 0;\n}\n.ff-expandable-chip-menu .ff-label-chip .arrow-icon {\n  height: 14px;\n  width: 14px;\n  display: grid;\n  place-items: center;\n}\n.ff-expandable-chip-menu .ff-label-chip--primary {\n  color: var(--brand-color);\n}\n.ff-expandable-chip-menu--disabled {\n  opacity: 0.5;\n}\n.ff-expandable-chip-menu--disabled:disabled {\n  pointer-events: none;\n}\n.ff-expandable-chip-menu--medium {\n  line-height: 18px;\n}\n.ff-expandable-chip-menu .ff-sub-chips {\n  display: flex;\n  gap: 8px;\n  max-width: 500px;\n  overflow-x: auto;\n  -ms-overflow-style: none;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform 0.3s ease, opacity 0.3s ease;\n  opacity: 0;\n}\n.ff-expandable-chip-menu .ff-sub-chips::-webkit-scrollbar {\n  display: none;\n}\n.ff-expandable-chip-menu.expanded .ff-sub-chips {\n  transform: scaleX(1);\n  opacity: 1;\n}\n.ff-expandable-chip-menu .ff-sub-chip {\n  padding: 2px 8px;\n  border-radius: 12px;\n  white-space: nowrap;\n  transition: background-color 0.3s ease, color 0.3s ease;\n  opacity: 0;\n  transform: translateX(-10px);\n  animation: fadeIn 0.5s ease forwards;\n}\n.ff-expandable-chip-menu .ff-sub-chip--primary {\n  background: var(--expandable-menu-option-bg);\n  color: var(--brand-color);\n}\n.ff-expandable-chip-menu .ff-sub-chip--primary:hover, .ff-expandable-chip-menu .ff-sub-chip--primary.selected {\n  background-color: var(--brand-color);\n  color: var(--expandable-menu-default-bg);\n}\n.ff-expandable-chip-menu .ff-sub-chip--medium {\n  line-height: 18px;\n}\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    transform: translateX(-10px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n.ff-expandable-chip-menu.expanded .ff-sub-chip {\n  animation: fadeIn 0.5s ease forwards;\n}";
+styleInject(css_248z$V);
 const ExpandableMenu = ({
   label = '',
@@ -2476,8 +2482,8 @@ const ExpandableMenu = ({
   });
 };
-var css_248z$T = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-select-wrapper .ff-select .ff-select-inputField, .ff-select-wrapper .ff-select .ff-select-labels {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-select-wrapper .ff-select__focus .ff-select-labels, .ff-select-wrapper .ff-select__error .ff-select-labels {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-select-wrapper {\n  min-height: 24px;\n  min-width: 50px;\n}\n.ff-select-wrapper .ff-select {\n  height: 100%;\n  border: 1px solid var(--ff-select-border-color);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  position: relative;\n  box-sizing: border-box;\n}\n.ff-select-wrapper .ff-select:hover {\n  border-color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select:hover .ff-select-labels {\n  color: var(--ff-select-default-color);\n}\n.ff-select-wrapper .ff-select:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-text-hover-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select .ff-select-inputField {\n  width: calc(100% - 8px);\n  height: 100%;\n  padding: 0 0 0 8px;\n  border: none;\n  outline: none;\n  letter-spacing: 0.5px;\n  z-index: 10;\n  background: transparent;\n}\n.ff-select-wrapper .ff-select .ff-select-inputField__disabled {\n  cursor: not-allowed;\n  color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select .ff-select-arrows-wrapper {\n  cursor: pointer;\n  height: 100%;\n  padding: 0 8px 0 0;\n  display: flex;\n  align-items: center;\n}\n.ff-select-wrapper .ff-select .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-border-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select .ff-select-arrows-wrapper__disabled {\n  cursor: not-allowed;\n  border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select .ff-select-labels {\n  position: absolute;\n  left: 8px;\n  color: var(--ff-select-border-color);\n  letter-spacing: 0.5px;\n  line-height: 18px;\n  transition: 0.18s ease all;\n  border-radius: 4px;\n}\n.ff-select-wrapper .ff-select .ff-select-labels__active {\n  transform: translateY(-16px);\n  transition: 0.18s ease all;\n  background-color: var(--ff-select-background-color);\n  padding: 0 2px;\n  z-index: 100000;\n}\n.ff-select-wrapper .ff-select__focus {\n  border-color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select__focus:hover {\n  border-color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select__focus:hover .ff-select-labels {\n  color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select__focus:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-brand-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__focus .ff-select-labels {\n  transform: translateY(-16px);\n  transition: 0.18s ease all;\n  color: var(--ff-select-brand-color);\n  background-color: var(--ff-select-background-color);\n  padding: 0 2px;\n  line-height: 18px;\n  z-index: 100000;\n}\n.ff-select-wrapper .ff-select__focus .ff-select-arrows-wrapper .ff-select-arrows {\n  transform: rotate(180deg);\n  transition: 0.18s ease all;\n}\n.ff-select-wrapper .ff-select__focus .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-brand-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__disabled {\n  cursor: not-allowed;\n}\n.ff-select-wrapper .ff-select__disabled:hover {\n  border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select__disabled:hover .ff-select-labels {\n  color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select__disabled:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-border-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__error {\n  border-color: var(--error_light);\n}\n.ff-select-wrapper .ff-select__error:hover {\n  border-color: var(--error_light);\n}\n.ff-select-wrapper .ff-select__error:hover .ff-select-labels {\n  color: var(--error_light);\n}\n.ff-select-wrapper .ff-select__error:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-default-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__error__focused:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-brand-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__error .ff-select-labels {\n  transform: translateY(-16px);\n  transition: 0.3s ease all;\n  color: var(--error_light);\n  background-color: var(--ff-select-background-color);\n  padding: 0 2px;\n  line-height: 18px;\n}\n.ff-select-wrapper .ff-select__no_border {\n  border-color: transparent;\n}\n.ff-select-wrapper .ff-select__no_border:hover {\n  border-color: transparent;\n}\n.ff-select-wrapper .ff-select-error-msg {\n  padding-left: 8px;\n  letter-spacing: 0.5px;\n}";
-styleInject(css_248z$T);
+var css_248z$U = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-select-wrapper .ff-select .ff-select-inputField, .ff-select-wrapper .ff-select .ff-select-labels {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-select-wrapper .ff-select__focus .ff-select-labels, .ff-select-wrapper .ff-select__error .ff-select-labels {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-select-wrapper {\n  min-height: 24px;\n  min-width: 50px;\n}\n.ff-select-wrapper .ff-select {\n  height: 100%;\n  border: 1px solid var(--ff-select-border-color);\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  position: relative;\n  box-sizing: border-box;\n}\n.ff-select-wrapper .ff-select:hover {\n  border-color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select:hover .ff-select-labels {\n  color: var(--ff-select-default-color);\n}\n.ff-select-wrapper .ff-select:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-text-hover-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select .ff-select-inputField {\n  width: calc(100% - 8px);\n  height: 100%;\n  padding: 0 0 0 8px;\n  border: none;\n  outline: none;\n  letter-spacing: 0.5px;\n  z-index: 10;\n  background: transparent;\n}\n.ff-select-wrapper .ff-select .ff-select-inputField__disabled {\n  cursor: not-allowed;\n  color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select .ff-select-arrows-wrapper {\n  cursor: pointer;\n  height: 100%;\n  padding: 0 8px 0 0;\n  display: flex;\n  align-items: center;\n}\n.ff-select-wrapper .ff-select .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-border-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select .ff-select-arrows-wrapper__disabled {\n  cursor: not-allowed;\n  border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select .ff-select-labels {\n  position: absolute;\n  left: 8px;\n  color: var(--ff-select-border-color);\n  letter-spacing: 0.5px;\n  line-height: 18px;\n  transition: 0.18s ease all;\n  border-radius: 4px;\n}\n.ff-select-wrapper .ff-select .ff-select-labels__active {\n  transform: translateY(-16px);\n  transition: 0.18s ease all;\n  background-color: var(--ff-select-background-color);\n  padding: 0 2px;\n  z-index: 100000;\n}\n.ff-select-wrapper .ff-select__focus {\n  border-color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select__focus:hover {\n  border-color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select__focus:hover .ff-select-labels {\n  color: var(--ff-select-brand-color);\n}\n.ff-select-wrapper .ff-select__focus:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-brand-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__focus .ff-select-labels {\n  transform: translateY(-16px);\n  transition: 0.18s ease all;\n  color: var(--ff-select-brand-color);\n  background-color: var(--ff-select-background-color);\n  padding: 0 2px;\n  line-height: 18px;\n  z-index: 100000;\n}\n.ff-select-wrapper .ff-select__focus .ff-select-arrows-wrapper .ff-select-arrows {\n  transform: rotate(180deg);\n  transition: 0.18s ease all;\n}\n.ff-select-wrapper .ff-select__focus .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-brand-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__disabled {\n  cursor: not-allowed;\n}\n.ff-select-wrapper .ff-select__disabled:hover {\n  border-color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select__disabled:hover .ff-select-labels {\n  color: var(--ff-select-border-color);\n}\n.ff-select-wrapper .ff-select__disabled:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-border-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__error {\n  border-color: var(--error_light);\n}\n.ff-select-wrapper .ff-select__error:hover {\n  border-color: var(--error_light);\n}\n.ff-select-wrapper .ff-select__error:hover .ff-select-labels {\n  color: var(--error_light);\n}\n.ff-select-wrapper .ff-select__error:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-default-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__error__focused:hover .ff-select-arrows-wrapper .ff-select-arrows svg path {\n  fill: var(--ff-select-brand-color);\n  transition: all 0.18s ease;\n}\n.ff-select-wrapper .ff-select__error .ff-select-labels {\n  transform: translateY(-16px);\n  transition: 0.3s ease all;\n  color: var(--error_light);\n  background-color: var(--ff-select-background-color);\n  padding: 0 2px;\n  line-height: 18px;\n}\n.ff-select-wrapper .ff-select__no_border {\n  border-color: transparent;\n}\n.ff-select-wrapper .ff-select__no_border:hover {\n  border-color: transparent;\n}\n.ff-select-wrapper .ff-select-error-msg {\n  padding-left: 8px;\n  letter-spacing: 0.5px;\n}";
+styleInject(css_248z$U);
 const dropdownDefaultCSSData = {
   margin: 6,
@@ -2486,8 +2492,8 @@ const dropdownDefaultCSSData = {
   dropDownWrapperPadding: 0
 };
-var css_248z$S = ".ff-select-dropdown-wrapper {\n  max-height: 160px;\n  z-index: 999999;\n  position: absolute;\n  min-width: 50px;\n  border-radius: 4px;\n  border: 1px solid var(--ff-select-option-border-color);\n  margin-top: 4px;\n  box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n  background-color: var(--ff-select-background-color);\n  overflow: hidden auto;\n}\n.ff-select-dropdown-wrapper::-webkit-scrollbar {\n  width: 4px;\n  height: 12px;\n}\n.ff-select-dropdown-wrapper::-webkit-scrollbar-thumb {\n  background-color: var(--ff-select-scroll-thumb-color);\n  border-radius: 4px;\n}\n.ff-select-dropdown-wrapper::-webkit-scrollbar-track {\n  background: var(--ff-select-scroll-track-bg);\n  border-radius: 4px;\n}\n.ff-select-dropdown-wrapper .ff-select-dropdown-option {\n  box-sizing: border-box;\n  cursor: pointer;\n  padding: 0px 8px;\n  border-radius: 4px;\n  min-height: 32px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.ff-select-dropdown-wrapper .ff-select-dropdown-option__selected, .ff-select-dropdown-wrapper .ff-select-dropdown-option:hover {\n  background-color: var(--ff-select-option-hover-color);\n}\n.ff-select-dropdown-wrapper .ff-select-no-option {\n  box-sizing: border-box;\n  padding: 0px 8px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  cursor: not-allowed;\n}";
-styleInject(css_248z$S);
+var css_248z$T = ".ff-select-dropdown-wrapper {\n  max-height: 160px;\n  z-index: 999999;\n  position: absolute;\n  min-width: 50px;\n  border-radius: 4px;\n  border: 1px solid var(--ff-select-option-border-color);\n  margin-top: 4px;\n  box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n  background-color: var(--ff-select-background-color);\n  overflow: hidden auto;\n}\n.ff-select-dropdown-wrapper::-webkit-scrollbar {\n  width: 4px;\n  height: 12px;\n}\n.ff-select-dropdown-wrapper::-webkit-scrollbar-thumb {\n  background-color: var(--ff-select-scroll-thumb-color);\n  border-radius: 4px;\n}\n.ff-select-dropdown-wrapper::-webkit-scrollbar-track {\n  background: var(--ff-select-scroll-track-bg);\n  border-radius: 4px;\n}\n.ff-select-dropdown-wrapper .ff-select-dropdown-option {\n  box-sizing: border-box;\n  cursor: pointer;\n  padding: 0px 8px;\n  border-radius: 4px;\n  min-height: 32px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.ff-select-dropdown-wrapper .ff-select-dropdown-option__selected, .ff-select-dropdown-wrapper .ff-select-dropdown-option:hover {\n  background-color: var(--ff-select-option-hover-color);\n}\n.ff-select-dropdown-wrapper .ff-select-no-option {\n  box-sizing: border-box;\n  padding: 0px 8px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  cursor: not-allowed;\n}";
+styleInject(css_248z$T);
 const ffid = () => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, char => ((char === 'x' ? Math.random() * 16 : Math.random() * 16 & 0x3 | 0x8) | 0).toString(16));
@@ -2837,8 +2843,8 @@ const Select$1 = ({
   });
 };
-var css_248z$R = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-textarea-container {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-textarea-container .msg-character-count, .ff-textarea-container:focus-within .ff-textarea-label-container, .ff-textarea-container:focus-within .ff-textarea::placeholder, .ff-textarea-container:focus-within .ff-textarea-label-container::placeholder, .ff-textarea-container .ff-textarea-message, .ff-textarea-container--float .ff-textarea-label-container {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-textarea-container {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  gap: 5px;\n}\n.ff-textarea-container .msg-character-count {\n  display: flex;\n  color: var(--text-area-default-color);\n  justify-content: flex-end;\n}\n.ff-textarea-container .ff-textarea, .ff-textarea-container .ff-textarea-label-container {\n  padding: 8px;\n  width: 100%;\n  min-height: 80px;\n  gap: 0px;\n  border: 1px solid var(--default-icon-color);\n  border-radius: 4px;\n  outline: none;\n  line-height: 18px;\n  font-weight: 400;\n}\n.ff-textarea-container .ff-textarea--resize {\n  resize: none;\n}\n.ff-textarea-container .ff-textarea:disabled, .ff-textarea-container .ff-textarea-label-container:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.ff-textarea-container .ff-textarea:disabled:hover, .ff-textarea-container .ff-textarea-label-container:disabled:hover {\n  border-color: var(--default-icon-color);\n  color: inherit;\n}\n.ff-textarea-container .ff-textarea::placeholder, .ff-textarea-container .ff-textarea-label-container::placeholder {\n  opacity: 0;\n}\n.ff-textarea-container .ff-textarea--danger {\n  border-color: var(--error_light);\n}\n.ff-textarea-container .ff-textarea--transparentBackground {\n  background: transparent;\n}\n.ff-textarea-container .ff-textarea-label-container {\n  display: flex;\n  position: absolute;\n  border: none;\n  outline: none;\n  margin-top: 1px;\n  transition: all 0.3s ease-in-out;\n}\n.ff-textarea-container .ff-textarea-label-container .ff-textarea-label {\n  padding: 1px;\n  height: 10px;\n  width: auto;\n  background-color: var(--drawer-footer-bg);\n  color: var(--text-area-default-color);\n}\n.ff-textarea-container .ff-textarea-label-container .ff-textarea-label--danger {\n  color: var(--error_light);\n}\n.ff-textarea-container .ff-textarea-label-container .required-asterisk {\n  color: var(--error_light);\n}\n.ff-textarea-container:hover .ff-textarea-label {\n  color: var(--text-color);\n}\n.ff-textarea-container:hover .ff-textarea, .ff-textarea-container:hover .ff-textarea-label-container {\n  border-color: var(--text-color);\n}\n.ff-textarea-container:focus-within .ff-textarea-label-container {\n  font-weight: 400;\n  line-height: 12px;\n  letter-spacing: 0.5px;\n  text-align: left;\n  top: -6px;\n  background-color: transparent;\n  padding: 0px 2px;\n  margin-left: 7px;\n}\n.ff-textarea-container:focus-within .ff-textarea-label--primary {\n  color: var(--brand-color);\n}\n.ff-textarea-container:focus-within .ff-textarea--primary {\n  border-color: var(--brand-color);\n}\n.ff-textarea-container:focus-within .ff-textarea::placeholder, .ff-textarea-container:focus-within .ff-textarea-label-container::placeholder {\n  opacity: 1;\n  margin-bottom: 1px;\n}\n.ff-textarea-container .ff-textarea-message {\n  padding: 0px 4px;\n  margin-left: 8px;\n  line-height: 12px;\n}\n.ff-textarea-container .ff-textarea-message--danger {\n  color: var(--error_light);\n}\n.ff-textarea-container--float .ff-textarea-label-container {\n  letter-spacing: 0.5px;\n  top: -6px;\n  background-color: transparent;\n  line-height: 12px;\n  padding: 0px 2px;\n  margin-left: 7px;\n}\n.ff-textarea-container--disabled {\n  cursor: not-allowed;\n}\n.ff-textarea-container--disabled:hover .ff-textarea-label {\n  color: var(--text-area-default-color);\n}\n.ff-textarea-container--disabled:hover .ff-textarea, .ff-textarea-container--disabled:hover .ff-textarea-container .ff-textarea-label-container, .ff-textarea-container .ff-textarea-container--disabled:hover .ff-textarea-label-container {\n  border-color: var(--default-icon-color);\n}\n.ff-textarea-container--disabled .ff-textarea-label-container {\n  cursor: not-allowed;\n}";
-styleInject(css_248z$R);
+var css_248z$S = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-textarea-container {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-textarea-container .msg-character-count, .ff-textarea-container:focus-within .ff-textarea-label-container, .ff-textarea-container:focus-within .ff-textarea::placeholder, .ff-textarea-container:focus-within .ff-textarea-label-container::placeholder, .ff-textarea-container .ff-textarea-message, .ff-textarea-container--float .ff-textarea-label-container {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-textarea-container {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  gap: 5px;\n}\n.ff-textarea-container .msg-character-count {\n  display: flex;\n  color: var(--text-area-default-color);\n  justify-content: flex-end;\n}\n.ff-textarea-container .ff-textarea, .ff-textarea-container .ff-textarea-label-container {\n  padding: 8px;\n  width: 100%;\n  min-height: 80px;\n  gap: 0px;\n  border: 1px solid var(--default-icon-color);\n  border-radius: 4px;\n  outline: none;\n  line-height: 18px;\n  font-weight: 400;\n}\n.ff-textarea-container .ff-textarea--resize {\n  resize: none;\n}\n.ff-textarea-container .ff-textarea:disabled, .ff-textarea-container .ff-textarea-label-container:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.ff-textarea-container .ff-textarea:disabled:hover, .ff-textarea-container .ff-textarea-label-container:disabled:hover {\n  border-color: var(--default-icon-color);\n  color: inherit;\n}\n.ff-textarea-container .ff-textarea::placeholder, .ff-textarea-container .ff-textarea-label-container::placeholder {\n  opacity: 0;\n}\n.ff-textarea-container .ff-textarea--danger {\n  border-color: var(--error_light);\n}\n.ff-textarea-container .ff-textarea--transparentBackground {\n  background: transparent;\n}\n.ff-textarea-container .ff-textarea-label-container {\n  display: flex;\n  position: absolute;\n  border: none;\n  outline: none;\n  margin-top: 1px;\n  transition: all 0.3s ease-in-out;\n}\n.ff-textarea-container .ff-textarea-label-container .ff-textarea-label {\n  padding: 1px;\n  height: 10px;\n  width: auto;\n  background-color: var(--drawer-footer-bg);\n  color: var(--text-area-default-color);\n}\n.ff-textarea-container .ff-textarea-label-container .ff-textarea-label--danger {\n  color: var(--error_light);\n}\n.ff-textarea-container .ff-textarea-label-container .required-asterisk {\n  color: var(--error_light);\n}\n.ff-textarea-container:hover .ff-textarea-label {\n  color: var(--text-color);\n}\n.ff-textarea-container:hover .ff-textarea, .ff-textarea-container:hover .ff-textarea-label-container {\n  border-color: var(--text-color);\n}\n.ff-textarea-container:focus-within .ff-textarea-label-container {\n  font-weight: 400;\n  line-height: 12px;\n  letter-spacing: 0.5px;\n  text-align: left;\n  top: -6px;\n  background-color: transparent;\n  padding: 0px 2px;\n  margin-left: 7px;\n}\n.ff-textarea-container:focus-within .ff-textarea-label--primary {\n  color: var(--brand-color);\n}\n.ff-textarea-container:focus-within .ff-textarea--primary {\n  border-color: var(--brand-color);\n}\n.ff-textarea-container:focus-within .ff-textarea::placeholder, .ff-textarea-container:focus-within .ff-textarea-label-container::placeholder {\n  opacity: 1;\n  margin-bottom: 1px;\n}\n.ff-textarea-container .ff-textarea-message {\n  padding: 0px 4px;\n  margin-left: 8px;\n  line-height: 12px;\n}\n.ff-textarea-container .ff-textarea-message--danger {\n  color: var(--error_light);\n}\n.ff-textarea-container--float .ff-textarea-label-container {\n  letter-spacing: 0.5px;\n  top: -6px;\n  background-color: transparent;\n  line-height: 12px;\n  padding: 0px 2px;\n  margin-left: 7px;\n}\n.ff-textarea-container--disabled {\n  cursor: not-allowed;\n}\n.ff-textarea-container--disabled:hover .ff-textarea-label {\n  color: var(--text-area-default-color);\n}\n.ff-textarea-container--disabled:hover .ff-textarea, .ff-textarea-container--disabled:hover .ff-textarea-container .ff-textarea-label-container, .ff-textarea-container .ff-textarea-container--disabled:hover .ff-textarea-label-container {\n  border-color: var(--default-icon-color);\n}\n.ff-textarea-container--disabled .ff-textarea-label-container {\n  cursor: not-allowed;\n}";
+styleInject(css_248z$S);
 const Textarea = ({
   capacity = 200,
@@ -2908,8 +2914,8 @@ const Textarea = ({
   });
 };
-var css_248z$Q = ".ff-status-button {\n  border: none;\n  border-radius: 4px;\n  padding: 0 4px;\n  cursor: pointer;\n  width: 80px;\n  height: 16px;\n}\n.ff-status-button__text {\n  color: inherit;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 76px;\n  text-transform: capitalize;\n}\n.ff-status-button--passed {\n  background-color: var(--status-button-bg-passed);\n  color: var(--status-button-text-passed);\n}\n.ff-status-button--failed {\n  background-color: var(--status-button-bg-failed);\n  color: var(--status-button-text-failed);\n}\n.ff-status-button--running {\n  background-color: var(--status-button-bg-running);\n  color: var(--status-button-text-running);\n}\n.ff-status-button--skipped {\n  background-color: var(--status-button-bg-skipped);\n  color: var(--status-button-text-skipped);\n}\n.ff-status-button--warning {\n  background-color: var(--status-button-bg-warning);\n  color: var(--status-button-text-warning);\n}\n.ff-status-button--terminated {\n  background-color: var(--status-button-bg-terminated);\n  color: var(--status-button-text-terminated);\n}\n.ff-status-button--partially-executed {\n  background-color: var(--status-button-bg-partiallyExecuted);\n  color: var(--status-button-text-partiallyExecuted);\n}\n.ff-status-button--aborted {\n  background-color: var(--status-button-bg-aborted);\n  color: var(--status-button-text-aborted);\n}\n.ff-status-button--not-executed {\n  background-color: var(--status-button-bg-notExecuted);\n  color: var(--status-button-text-notExecuted);\n}\n.ff-status-button:disabled {\n  opacity: 50%;\n  cursor: not-allowed;\n}";
-styleInject(css_248z$Q);
+var css_248z$R = ".ff-status-button {\n  border: none;\n  border-radius: 4px;\n  padding: 0 4px;\n  cursor: pointer;\n  width: 80px;\n  height: 16px;\n}\n.ff-status-button__text {\n  color: inherit;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 76px;\n  text-transform: capitalize;\n}\n.ff-status-button--passed {\n  background-color: var(--status-button-bg-passed);\n  color: var(--status-button-text-passed);\n}\n.ff-status-button--failed {\n  background-color: var(--status-button-bg-failed);\n  color: var(--status-button-text-failed);\n}\n.ff-status-button--running {\n  background-color: var(--status-button-bg-running);\n  color: var(--status-button-text-running);\n}\n.ff-status-button--skipped {\n  background-color: var(--status-button-bg-skipped);\n  color: var(--status-button-text-skipped);\n}\n.ff-status-button--warning {\n  background-color: var(--status-button-bg-warning);\n  color: var(--status-button-text-warning);\n}\n.ff-status-button--terminated {\n  background-color: var(--status-button-bg-terminated);\n  color: var(--status-button-text-terminated);\n}\n.ff-status-button--partially-executed {\n  background-color: var(--status-button-bg-partiallyExecuted);\n  color: var(--status-button-text-partiallyExecuted);\n}\n.ff-status-button--aborted {\n  background-color: var(--status-button-bg-aborted);\n  color: var(--status-button-text-aborted);\n}\n.ff-status-button--not-executed {\n  background-color: var(--status-button-bg-notExecuted);\n  color: var(--status-button-text-notExecuted);\n}\n.ff-status-button:disabled {\n  opacity: 50%;\n  cursor: not-allowed;\n}";
+styleInject(css_248z$R);
 const StatusButton = ({
   status = 'passed',
@@ -2942,8 +2948,8 @@ const StatusButton = ({
   });
 };
-var css_248z$P = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-option-card .ff-options {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-menu-option-container {\n  cursor: pointer;\n  position: relative;\n}\n.ff-menu-option-container .ff-icon-label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container:hover {\n  background-color: var(--hover-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark {\n  background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover {\n  background-color: var(--menu-variant-dark-icon-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover svg path {\n  fill: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--brand-color);\n  cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked:hover {\n  background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked.dark {\n  background-color: var(--menu-variant-dark-icon-color);\n}\n\n.ff-option-card {\n  position: fixed;\n  margin: 4px;\n  border: 1px solid var(--option-card-border-color);\n  background: var(--option-card-bg-color);\n  overflow: hidden;\n  min-height: 32px;\n  min-width: 110px;\n  width: max-content;\n  border-radius: 4px;\n}\n.ff-option-card--primary {\n  background: var(--brand-color);\n  color: var(--primary-button-text-color);\n}\n.ff-option-card--primary svg path {\n  fill: var(--primary-icon-color);\n}\n.ff-option-card--primary :hover {\n  color: var(--brand-color);\n}\n.ff-option-card--primary :hover svg path {\n  fill: var(--brand-color);\n}\n.ff-option-card .ff-options {\n  cursor: pointer;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  padding: 4px;\n  gap: 8px;\n}\n.ff-option-card .ff-options:hover {\n  background-color: var(--hover-color);\n}\n.ff-option-card .ff-options label {\n  cursor: pointer;\n}\n.ff-option-card .ff-disable-option {\n  opacity: 0.5;\n  cursor: no-drop;\n}\n.ff-option-card .ff-disable-option label {\n  cursor: no-drop;\n}";
-styleInject(css_248z$P);
+var css_248z$Q = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-option-card .ff-options {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-menu-option-container {\n  cursor: pointer;\n  position: relative;\n}\n.ff-menu-option-container .ff-icon-label {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container:hover {\n  background-color: var(--hover-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark {\n  background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover {\n  background-color: var(--menu-variant-dark-icon-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container.dark:hover svg path {\n  fill: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--brand-color);\n  cursor: pointer;\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked:hover {\n  background-color: var(--brand-color);\n}\n.ff-menu-option-container .ff-icon-label .ff-menuicon-container-clicked.dark {\n  background-color: var(--menu-variant-dark-icon-color);\n}\n\n.ff-option-card {\n  position: fixed;\n  margin: 4px;\n  border: 1px solid var(--option-card-border-color);\n  background: var(--option-card-bg-color);\n  overflow: hidden;\n  min-height: 32px;\n  min-width: 110px;\n  width: max-content;\n  border-radius: 4px;\n}\n.ff-option-card--primary {\n  background: var(--brand-color);\n  color: var(--primary-button-text-color);\n}\n.ff-option-card--primary svg path {\n  fill: var(--primary-icon-color);\n}\n.ff-option-card--primary :hover {\n  color: var(--brand-color);\n}\n.ff-option-card--primary :hover svg path {\n  fill: var(--brand-color);\n}\n.ff-option-card .ff-options {\n  cursor: pointer;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  padding: 4px;\n  gap: 8px;\n}\n.ff-option-card .ff-options:hover {\n  background-color: var(--hover-color);\n}\n.ff-option-card .ff-options label {\n  cursor: pointer;\n}\n.ff-option-card .ff-disable-option {\n  opacity: 0.5;\n  cursor: no-drop;\n}\n.ff-option-card .ff-disable-option label {\n  cursor: no-drop;\n}";
+styleInject(css_248z$Q);
 const Option$1 = ({
   option,
@@ -3126,8 +3132,8 @@ const MenuOption = ({
   });
 };
-var css_248z$O = ".ff-fixed-header-table {\n  overflow-y: auto;\n}\n\n.ff-table-icon {\n  position: absolute;\n  top: 10px;\n  right: 0;\n  margin-right: 10px;\n  z-index: 100;\n  cursor: pointer;\n}\n\n.ff-table {\n  width: 100%;\n}\n.ff-table th,\n.ff-table td {\n  text-align: left;\n  font-size: 12px;\n  padding: 9px 8px;\n}\n.ff-table thead tr th {\n  border-bottom: 1px solid var(--slider-table-color);\n}\n.ff-table thead tr th .ff-label-checkbox-container {\n  display: flex;\n  align-items: center;\n}\n.ff-table thead tr th .ff-label-checkbox-container .ff-table-checkbox {\n  padding-right: 8px;\n}\n.ff-table tbody tr .action-column {\n  opacity: 0;\n}\n.ff-table tbody tr .icon-container {\n  padding-left: 10px;\n  opacity: 0;\n  display: flex;\n  justify-content: flex-end;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transform: translateX(20px);\n}\n.ff-table tbody tr:hover {\n  background-color: var(--hover-color);\n}\n.ff-table tbody tr:hover .icon-container {\n  opacity: 1;\n  transform: translateX(0);\n}\n.ff-table tbody tr td {\n  position: relative;\n  color: var(--table-column-text-color);\n}\n.ff-table tbody tr td.clickable-cell {\n  cursor: pointer;\n}\n.ff-table tbody tr td .ff-data-checkbox-container {\n  display: flex;\n  align-items: center;\n}\n.ff-table tbody tr td .ff-data-checkbox-container .ff-table-checkbox {\n  padding-right: 8px;\n}\n.ff-table .primary-bg {\n  background-color: var(--brand-color);\n}\n.ff-table .secondary-bg {\n  background-color: var(--slider-table-color);\n}\n.ff-table .default-bg {\n  background-color: transparent;\n}\n.ff-table .default-color {\n  color: var(--table-header-text-color);\n}\n.ff-table .primary-color {\n  color: var(--brand-color);\n}\n\n.border-borderRadius {\n  border: 1px solid var(--slider-table-color);\n  border-radius: 5px;\n  border-collapse: none !important;\n}\n\n.ff-fixed-header {\n  position: sticky !important;\n  top: 0;\n  z-index: 99;\n  background-color: Var(--file-details-bg);\n}\n\n.no-data-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\ntbody tr.disabled-row {\n  opacity: 0.5;\n  cursor: not-allowed;\n}";
-styleInject(css_248z$O);
+var css_248z$P = ".ff-fixed-header-table {\n  overflow-y: auto;\n}\n\n.ff-table-icon {\n  position: absolute;\n  top: 10px;\n  right: 0;\n  margin-right: 10px;\n  z-index: 100;\n  cursor: pointer;\n}\n\n.ff-table {\n  width: 100%;\n}\n.ff-table th,\n.ff-table td {\n  text-align: left;\n  font-size: 12px;\n  padding: 9px 8px;\n}\n.ff-table thead tr th {\n  border-bottom: 1px solid var(--slider-table-color);\n}\n.ff-table thead tr th .ff-label-checkbox-container {\n  display: flex;\n  align-items: center;\n}\n.ff-table thead tr th .ff-label-checkbox-container .ff-table-checkbox {\n  padding-right: 8px;\n}\n.ff-table tbody tr .action-column {\n  opacity: 0;\n}\n.ff-table tbody tr .icon-container {\n  padding-left: 10px;\n  opacity: 0;\n  display: flex;\n  justify-content: flex-end;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  transform: translateX(20px);\n}\n.ff-table tbody tr:hover {\n  background-color: var(--hover-color);\n}\n.ff-table tbody tr:hover .icon-container {\n  opacity: 1;\n  transform: translateX(0);\n}\n.ff-table tbody tr td {\n  position: relative;\n  color: var(--table-column-text-color);\n}\n.ff-table tbody tr td.clickable-cell {\n  cursor: pointer;\n}\n.ff-table tbody tr td .ff-data-checkbox-container {\n  display: flex;\n  align-items: center;\n}\n.ff-table tbody tr td .ff-data-checkbox-container .ff-table-checkbox {\n  padding-right: 8px;\n}\n.ff-table .primary-bg {\n  background-color: var(--brand-color);\n}\n.ff-table .secondary-bg {\n  background-color: var(--slider-table-color);\n}\n.ff-table .default-bg {\n  background-color: transparent;\n}\n.ff-table .default-color {\n  color: var(--table-header-text-color);\n}\n.ff-table .primary-color {\n  color: var(--brand-color);\n}\n\n.border-borderRadius {\n  border: 1px solid var(--slider-table-color);\n  border-radius: 5px;\n  border-collapse: none !important;\n}\n\n.ff-fixed-header {\n  position: sticky !important;\n  top: 0;\n  z-index: 99;\n  background-color: Var(--file-details-bg);\n}\n\n.no-data-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\ntbody tr.disabled-row {\n  opacity: 0.5;\n  cursor: not-allowed;\n}";
+styleInject(css_248z$P);
 const isFunction$2 = functionToCheck => {
   return functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
@@ -3345,11 +3351,11 @@ const Table$1 = ({
   });
 };
-var css_248z$N = ".ff-add-button-container {\n  position: relative;\n  border: none;\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  background-color: transparent;\n}\n.ff-add-button-container.ff-hovered-add-button--primary {\n  background-color: var(--hover-color);\n}\n.ff-add-button-container .ff-hovered-add-icon--primary svg path {\n  fill: var(--add-icon-hover-color);\n}\n.ff-add-button-container .ff-add-icon--primary svg path {\n  fill: var(--brand-color);\n}\n.ff-add-button-container .ff-add-button {\n  position: absolute;\n  border: none;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  background: none;\n}";
-styleInject(css_248z$N);
+var css_248z$O = ".ff-add-button-container {\n  position: relative;\n  border: none;\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  background-color: transparent;\n}\n.ff-add-button-container.ff-hovered-add-button--primary {\n  background-color: var(--hover-color);\n}\n.ff-add-button-container .ff-hovered-add-icon--primary svg path {\n  fill: var(--add-icon-hover-color);\n}\n.ff-add-button-container .ff-add-icon--primary svg path {\n  fill: var(--brand-color);\n}\n.ff-add-button-container .ff-add-button {\n  position: absolute;\n  border: none;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  background: none;\n}";
+styleInject(css_248z$O);
-var css_248z$M = ".ff-arrow-buttons-container {\n  position: absolute;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n.ff-arrow-buttons-container.ff-down-right-top, .ff-arrow-buttons-container.ff-down-top {\n  height: 80px;\n  width: 52px;\n  transform: translateY(calc(-50% + 12px));\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--right, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--right {\n  top: 28px;\n  right: 2px;\n  animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--top, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--top {\n  top: 2px;\n  animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--down, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--down {\n  bottom: 2px;\n  animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top {\n  height: 52px;\n  width: 52px;\n  transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--right {\n  top: 28px;\n  right: 2px;\n  animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--top {\n  top: 2px;\n  animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right {\n  height: 52px;\n  width: 52px;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--right {\n  top: 0px;\n  right: 2px;\n  animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--down {\n  bottom: 2px;\n  animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-top {\n  height: 52px;\n  width: 24px;\n  transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-top .ff-arrow-button--top {\n  top: 2px;\n  animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right {\n  height: 24px;\n  width: 52px;\n}\n.ff-arrow-buttons-container.ff-right .ff-arrow-button--right {\n  right: 2px;\n  animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down {\n  height: 52px;\n  width: 24px;\n}\n.ff-arrow-buttons-container.ff-down .ff-arrow-button--down {\n  bottom: 2px;\n  animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container .ff-arrow-button {\n  background: var(--arrow-button-bg-color);\n  border: 0.5px solid var(--arrows-button-border-color);\n  padding: 0;\n  cursor: pointer;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  border-radius: 4px;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.3s ease;\n  position: absolute;\n}\n.ff-arrow-buttons-container .ff-arrow-button--top {\n  top: 0px;\n  left: 0;\n}\n.ff-arrow-buttons-container .ff-arrow-button--down {\n  bottom: 0px;\n  left: 0;\n}\n@keyframes slideTop {\n  from {\n    transform: translateY(20px);\n    opacity: 0;\n  }\n  50% {\n    transform: translateY(-10px);\n    opacity: 0.5;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n@keyframes slideRight {\n  from {\n    transform: translateX(-20px);\n    opacity: 0;\n  }\n  50% {\n    transform: translateX(10px);\n    opacity: 0.5;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n@keyframes slideDown {\n  from {\n    transform: translateY(-20px);\n    opacity: 0;\n  }\n  50% {\n    transform: translateY(10px);\n    opacity: 0.5;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}";
-styleInject(css_248z$M);
+var css_248z$N = ".ff-arrow-buttons-container {\n  position: absolute;\n  transition: opacity 0.3s ease;\n  pointer-events: none;\n}\n.ff-arrow-buttons-container.ff-down-right-top, .ff-arrow-buttons-container.ff-down-top {\n  height: 80px;\n  width: 52px;\n  transform: translateY(calc(-50% + 12px));\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--right, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--right {\n  top: 28px;\n  right: 2px;\n  animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--top, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--top {\n  top: 2px;\n  animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right-top .ff-arrow-button--down, .ff-arrow-buttons-container.ff-down-top .ff-arrow-button--down {\n  bottom: 2px;\n  animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top {\n  height: 52px;\n  width: 52px;\n  transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--right {\n  top: 28px;\n  right: 2px;\n  animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right-top .ff-arrow-button--top {\n  top: 2px;\n  animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right {\n  height: 52px;\n  width: 52px;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--right {\n  top: 0px;\n  right: 2px;\n  animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down-right .ff-arrow-button--down {\n  bottom: 2px;\n  animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-top {\n  height: 52px;\n  width: 24px;\n  transform: translateY(-54%);\n}\n.ff-arrow-buttons-container.ff-top .ff-arrow-button--top {\n  top: 2px;\n  animation: slideTop 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-right {\n  height: 24px;\n  width: 52px;\n}\n.ff-arrow-buttons-container.ff-right .ff-arrow-button--right {\n  right: 2px;\n  animation: slideRight 0.4s ease-out;\n}\n.ff-arrow-buttons-container.ff-down {\n  height: 52px;\n  width: 24px;\n}\n.ff-arrow-buttons-container.ff-down .ff-arrow-button--down {\n  bottom: 2px;\n  animation: slideDown 0.4s ease-out;\n}\n.ff-arrow-buttons-container .ff-arrow-button {\n  background: var(--arrow-button-bg-color);\n  border: 0.5px solid var(--arrows-button-border-color);\n  padding: 0;\n  cursor: pointer;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  border-radius: 4px;\n  justify-content: center;\n  align-items: center;\n  transition: all 0.3s ease;\n  position: absolute;\n}\n.ff-arrow-buttons-container .ff-arrow-button--top {\n  top: 0px;\n  left: 0;\n}\n.ff-arrow-buttons-container .ff-arrow-button--down {\n  bottom: 0px;\n  left: 0;\n}\n@keyframes slideTop {\n  from {\n    transform: translateY(20px);\n    opacity: 0;\n  }\n  50% {\n    transform: translateY(-10px);\n    opacity: 0.5;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n@keyframes slideRight {\n  from {\n    transform: translateX(-20px);\n    opacity: 0;\n  }\n  50% {\n    transform: translateX(10px);\n    opacity: 0.5;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n@keyframes slideDown {\n  from {\n    transform: translateY(-20px);\n    opacity: 0;\n  }\n  50% {\n    transform: translateY(10px);\n    opacity: 0.5;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}";
+styleInject(css_248z$N);
 const ArrowsButton = ({
   direction,
@@ -3486,8 +3492,8 @@ const AddButton = ({
   });
 };
-var css_248z$L = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-donut-chart-svg-container svg text:nth-of-type(1), .ff-status-item {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL, .ff-donut-chart-svg-container svg text:nth-of-type(2) {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-donut-chart-svg-container svg text:nth-of-type(3) {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-donut-chart-section {\n  display: flex;\n  align-items: center;\n  padding: 8px;\n}\n\n.ff-donut-chart-svg-container {\n  display: flex;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(1) {\n  font-weight: 600;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(2) {\n  font-weight: 600;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(3) {\n  font-weight: 500;\n}\n\n.ff-status-container {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.ff-status-item {\n  display: flex;\n  gap: 40px;\n  justify-content: space-between;\n  opacity: 1;\n}\n.ff-status-item.ff-highlighted {\n  opacity: 1;\n}\n.ff-status-item.ff-fade {\n  opacity: 10%;\n}\n.ff-status-item .ff-status-text {\n  font-weight: 500;\n  color: var(--status-skipped-text-color);\n}\n.ff-status-item .ff-status-details-script-count {\n  display: flex;\n  gap: 4px;\n  font-weight: 600;\n}\n.ff-status-item .ff-status-details-script-percentage {\n  font-weight: 400;\n  color: var(--brand2-color);\n}\n\n.ff-status-label {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.ff-status-details {\n  display: flex;\n  gap: 4px;\n}\n\n.ff-status-color {\n  width: 16px;\n  height: 16px;\n  border-radius: 4px;\n  opacity: 80%;\n}";
-styleInject(css_248z$L);
+var css_248z$M = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-donut-chart-svg-container svg text:nth-of-type(1), .ff-status-item {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL, .ff-donut-chart-svg-container svg text:nth-of-type(2) {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-donut-chart-svg-container svg text:nth-of-type(3) {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-donut-chart-section {\n  display: flex;\n  align-items: center;\n  padding: 8px;\n}\n\n.ff-donut-chart-svg-container {\n  display: flex;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(1) {\n  font-weight: 600;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(2) {\n  font-weight: 600;\n}\n.ff-donut-chart-svg-container svg text:nth-of-type(3) {\n  font-weight: 500;\n}\n\n.ff-status-container {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.ff-status-item {\n  display: flex;\n  gap: 40px;\n  justify-content: space-between;\n  opacity: 1;\n}\n.ff-status-item.ff-highlighted {\n  opacity: 1;\n}\n.ff-status-item.ff-fade {\n  opacity: 10%;\n}\n.ff-status-item .ff-status-text {\n  font-weight: 500;\n  color: var(--status-skipped-text-color);\n}\n.ff-status-item .ff-status-details-script-count {\n  display: flex;\n  gap: 4px;\n  font-weight: 600;\n}\n.ff-status-item .ff-status-details-script-percentage {\n  font-weight: 400;\n  color: var(--brand2-color);\n}\n\n.ff-status-label {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.ff-status-details {\n  display: flex;\n  gap: 4px;\n}\n\n.ff-status-color {\n  width: 16px;\n  height: 16px;\n  border-radius: 4px;\n  opacity: 80%;\n}";
+styleInject(css_248z$M);
 const calculateArc$4 = (x, y, radius, startAngle, endAngle) => {
   const startX = x + radius * Math.cos(startAngle);
@@ -3840,8 +3846,8 @@ const useFileDropzone = options => {
   };
 };
-var css_248z$K = ".ff-file-dropzone-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone {\n  padding: 16px 0;\n  border-radius: 8px;\n  background: var(--file-dropzone-default-color);\n  border: 1px dashed var(--brand-color);\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  text-align: center;\n  gap: 8px;\n  transition: background-color 0.2s ease;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone:hover, .ff-file-dropzone-wrapper .ff-file-dropzone--active {\n  background-color: var(--file-dropzone-selected-color);\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__icon {\n  height: 80px;\n  width: 80px;\n  display: grid;\n  place-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn {\n  margin: 0 auto;\n  position: relative;\n  font-weight: 600;\n  line-height: 15px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  width: 640px;\n  max-height: 300px;\n  overflow-y: auto;\n  scroll-behavior: smooth;\n  padding: 2px;\n  -ms-overflow-style: none;\n  scrollbar-width: thin;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper ::-webkit-scrollbar {\n  width: 2px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 4px;\n  border-radius: 4px;\n  background-color: var(--file-details-bg);\n  box-shadow: 0px 0px 4px 0px var(--file-details-container-shadow);\n  overflow: hidden;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  width: 90%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info .ff-file-info__icon {\n  display: grid;\n  place-items: center;\n  height: 24px;\n  width: 24px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  justify-content: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper__name {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  display: block;\n  color: var(--text-color);\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-replace, .ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-remove {\n  height: 24px;\n  width: 24px;\n  display: grid;\n  place-items: center;\n  cursor: pointer;\n}";
-styleInject(css_248z$K);
+var css_248z$L = ".ff-file-dropzone-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone {\n  padding: 16px 0;\n  border-radius: 8px;\n  background: var(--file-dropzone-default-color);\n  border: 1px dashed var(--brand-color);\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  text-align: center;\n  gap: 8px;\n  transition: background-color 0.2s ease;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone:hover, .ff-file-dropzone-wrapper .ff-file-dropzone--active {\n  background-color: var(--file-dropzone-selected-color);\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__icon {\n  height: 80px;\n  width: 80px;\n  display: grid;\n  place-items: center;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn {\n  margin: 0 auto;\n  position: relative;\n  font-weight: 600;\n  line-height: 15px;\n}\n.ff-file-dropzone-wrapper .ff-file-dropzone-content__labels .choose-file-btn input {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  width: 640px;\n  max-height: 300px;\n  overflow-y: auto;\n  scroll-behavior: smooth;\n  padding: 2px;\n  -ms-overflow-style: none;\n  scrollbar-width: thin;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper ::-webkit-scrollbar {\n  width: 2px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 4px;\n  border-radius: 4px;\n  background-color: var(--file-details-bg);\n  box-shadow: 0px 0px 4px 0px var(--file-details-container-shadow);\n  overflow: hidden;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  width: 87%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info .ff-file-info__icon {\n  display: grid;\n  place-items: center;\n  height: 24px;\n  width: 24px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  justify-content: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-info__name-wrapper__name {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  display: block;\n  color: var(--text-color);\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-replace, .ff-file-dropzone-wrapper .ff-file-details-wrapper .ff-file-details__item .ff-file-actions__icon-remove {\n  height: 24px;\n  width: 24px;\n  display: grid;\n  place-items: center;\n  cursor: pointer;\n}";
+styleInject(css_248z$L);
 const Dropzone = ({
   icon,
@@ -3935,7 +3941,7 @@ const FilePreview = ({
         children: jsxRuntime.jsx(Tooltip, {
           title: "Replace",
           children: jsxRuntime.jsx(Icon, {
-            name: "replace",
+            name: "replace_file",
             color: 'var(--icons-default-color)',
             height: 16,
             width: 16,
@@ -3981,7 +3987,9 @@ const FileDropzone = ({
   fileExistMessage = '',
   validateMIMEType = false,
   width = 640,
-  height = 188
+  height = 188,
+  getAcceptedFiles = () => {},
+  getRejectedFiles = () => {}
 }) => {
   const {
     getRootProps,
@@ -4003,6 +4011,8 @@ const FileDropzone = ({
     validateMIMEType
     // onDrop: (accepted, rejected, event) => {}, //onDrop function to handle dropped or selected files explicitly.
   });
+  getAcceptedFiles(acceptedFiles);
+  getRejectedFiles(rejectedFiles);
   const acceptedFilesList = React.useMemo(() => acceptedFiles.map(file => jsxRuntime.jsx(FilePreview, {
     file: file,
     onRemoveClick: handleRemoveClick,
@@ -7557,7 +7567,7 @@ function createFormControl(props = {}) {
         timer = setTimeout(callback, wait);
     };
     const _updateValid = async (shouldUpdateValid) => {
-        if (!_options.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
+        if (!props.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
             const isValid = _options.resolver
                 ? isEmptyObject((await _executeSchema()).errors)
                 : await executeBuiltInValidation(_fields, true);
@@ -7569,7 +7579,7 @@ function createFormControl(props = {}) {
         }
     };
     const _updateIsValidating = (names, isValidating) => {
-        if (!_options.disabled &&
+        if (!props.disabled &&
             (_proxyFormState.isValidating || _proxyFormState.validatingFields)) {
             (names || Array.from(_names.mount)).forEach((name) => {
                 if (name) {
@@ -7585,7 +7595,7 @@ function createFormControl(props = {}) {
         }
     };
     const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
-        if (args && method && !_options.disabled) {
+        if (args && method && !props.disabled) {
             _state.action = true;
             if (shouldUpdateFieldsAndState && Array.isArray(get$1(_fields, name))) {
                 const fieldValues = method(get$1(_fields, name), args.argA, args.argB);
@@ -7649,7 +7659,7 @@ function createFormControl(props = {}) {
         const output = {
             name,
         };
-        if (!_options.disabled) {
+        if (!props.disabled) {
             const disabledField = !!(get$1(_fields, name) &&
                 get$1(_fields, name)._f &&
                 get$1(_fields, name)._f.disabled);
@@ -7785,7 +7795,7 @@ function createFormControl(props = {}) {
         }
         _names.unMount = new Set();
     };
-    const _getDirty = (name, data) => !_options.disabled &&
+    const _getDirty = (name, data) => !props.disabled &&
         (name && data && set$1(_formValues, name, data),
             !deepEqual(getValues(), _defaultValues));
     const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
@@ -8101,7 +8111,7 @@ function createFormControl(props = {}) {
     };
     const register = (name, options = {}) => {
         let field = get$1(_fields, name);
-        const disabledIsDefined = isBoolean(options.disabled) || isBoolean(_options.disabled);
+        const disabledIsDefined = isBoolean(options.disabled) || isBoolean(props.disabled);
         set$1(_fields, name, {
             ...(field || {}),
             _f: {
@@ -8117,7 +8127,7 @@ function createFormControl(props = {}) {
                 field,
                 disabled: isBoolean(options.disabled)
                     ? options.disabled
-                    : _options.disabled,
+                    : props.disabled,
                 name,
                 value: options.value,
             });
@@ -8127,7 +8137,7 @@ function createFormControl(props = {}) {
         }
         return {
             ...(disabledIsDefined
-                ? { disabled: options.disabled || _options.disabled }
+                ? { disabled: options.disabled || props.disabled }
                 : {}),
             ...(_options.progressive
                 ? {
@@ -8211,12 +8221,6 @@ function createFormControl(props = {}) {
             e.preventDefault && e.preventDefault();
             e.persist && e.persist();
         }
-        if (_options.disabled) {
-            if (onInvalid) {
-                await onInvalid({ ..._formState.errors }, e);
-            }
-            return;
-        }
         let fieldValues = cloneObject(_formValues);
         _subjects.state.next({
             isSubmitting: true,
@@ -8395,9 +8399,7 @@ function createFormControl(props = {}) {
                 : fieldReference.ref;
             if (fieldRef.focus) {
                 fieldRef.focus();
-                options.shouldSelect &&
-                    isFunction$1(fieldRef.select) &&
-                    fieldRef.select();
+                options.shouldSelect && fieldRef.select();
             }
         }
     };
@@ -8598,6 +8600,11 @@ function useForm(props = {}) {
                 values: control._getWatch(),
             });
     }, [props.shouldUnregister, control]);
+    React.useEffect(() => {
+        if (_formControl.current) {
+            _formControl.current.watch = _formControl.current.watch.bind({});
+        }
+    }, [formState]);
     _formControl.current.formState = getProxyFormState(formState, control);
     return _formControl.current;
 }
@@ -8644,8 +8651,8 @@ const Forms = ({
 };
 const ForwardedForms = /*#__PURE__*/React.forwardRef(Forms);
-var css_248z$J = ".fontXs, .ff-input-with-dropdown-container .ff-helper-text {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-input-with-dropdown-container {\n  display: flex;\n  flex-direction: column;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown {\n  display: flex;\n  border: 1px solid var(--input-default-border-color);\n  border-radius: 4px;\n  padding: 0;\n  position: relative;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-input-with-dropdown--left {\n  display: flex;\n  flex-direction: row-reverse;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-input-with-dropdown--right {\n  display: flex;\n  flex-direction: row;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-input--left-dropdown {\n  width: 698px;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label {\n  position: absolute;\n  z-index: 9;\n  color: var(--input-default-border-color);\n  top: 6px;\n  left: 7px;\n  transition: all 0.3s ease-in-out;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label .ff-required-asterisk {\n  color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--filled {\n  color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--no-hover {\n  color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--error {\n  color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input {\n  position: relative;\n  padding: 6px 7px;\n  line-height: 18px;\n  border: none;\n  outline: none;\n  border-right: 1px solid var(--input-default-border-color);\n  border-radius: 4px 0 0 4px;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-outer-spin-button, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::placeholder {\n  opacity: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input:disabled {\n  cursor: not-allowed;\n  background: transparent;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input--error {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input--left-dropdown::placeholder {\n  opacity: 1;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--no-hover {\n  border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--error {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown {\n  min-width: 120px;\n  border: none;\n  outline: none;\n  margin: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown:disabled {\n  cursor: not-allowed;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown--left {\n  min-width: 94px;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .seperatorline {\n  height: 26px;\n  margin-top: 3px;\n  border-right: 0.5px solid var(--brand-color);\n  flex-shrink: 0;\n  border-radius: 2px;\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown {\n  border-color: var(--brand-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--filled {\n  border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--disabled {\n  border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--error {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label {\n  color: var(--input-hover-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label--filled {\n  color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label--disabled {\n  color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label--error {\n  color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input {\n  border-color: var(--brand-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--filled {\n  border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--disabled {\n  border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--error {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown {\n  border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown--error {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label {\n  top: -9px;\n  background-color: var(--input-label-bg-color);\n  padding: 0px 2px;\n  color: var(--input-active-text-color);\n  line-height: 15px;\n  font-size: 10px !important;\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label--error {\n  color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input {\n  border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input--error {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input::placeholder {\n  opacity: 1;\n}\n.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container {\n  border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label {\n  top: -9px;\n  background-color: var(--input-label-bg-color);\n  padding: 0px 2px;\n  line-height: 15px;\n  font-size: 10px !important;\n}\n.ff-input-with-dropdown-container--filled span {\n  font-size: 8px;\n}\n.ff-input-with-dropdown-container--filled .required-asterisk {\n  color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-helper-text {\n  color: var(--input-error-text-color);\n  padding: 0 11px;\n}";
-styleInject(css_248z$J);
+var css_248z$K = ".fontXs, .ff-input-with-dropdown-container .ff-helper-text {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-input-with-dropdown-container {\n  display: flex;\n  flex-direction: column;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown {\n  display: flex;\n  border: 1px solid var(--input-default-border-color);\n  border-radius: 4px;\n  padding: 0;\n  position: relative;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-input-with-dropdown--left {\n  display: flex;\n  flex-direction: row-reverse;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-input-with-dropdown--right {\n  display: flex;\n  flex-direction: row;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-input--left-dropdown {\n  width: 698px;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label {\n  position: absolute;\n  z-index: 9;\n  color: var(--input-default-border-color);\n  top: 6px;\n  left: 7px;\n  transition: all 0.3s ease-in-out;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label .ff-required-asterisk {\n  color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--filled {\n  color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--no-hover {\n  color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label--error {\n  color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input {\n  position: relative;\n  padding: 6px 7px;\n  line-height: 18px;\n  border: none;\n  outline: none;\n  border-right: 1px solid var(--input-default-border-color);\n  border-radius: 4px 0 0 4px;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-outer-spin-button, .ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input::placeholder {\n  opacity: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input:disabled {\n  cursor: not-allowed;\n  background: transparent;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input--error {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-input--left-dropdown::placeholder {\n  opacity: 1;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--no-hover {\n  border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown--error {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown {\n  min-width: 120px;\n  border: none;\n  outline: none;\n  margin: 0;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown:disabled {\n  cursor: not-allowed;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .ff-floating-dropdown--left {\n  min-width: 94px;\n}\n.ff-input-with-dropdown-container .ff-input-with-dropdown .seperatorline {\n  height: 26px;\n  margin-top: 3px;\n  border-right: 0.5px solid var(--brand-color);\n  flex-shrink: 0;\n  border-radius: 2px;\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown {\n  border-color: var(--brand-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--filled {\n  border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--disabled {\n  border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--error {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label {\n  color: var(--input-hover-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label--filled {\n  color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label--disabled {\n  color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown--left .ff-floating-label--error {\n  color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input {\n  border-color: var(--brand-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--filled {\n  border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--disabled {\n  border-color: var(--input-default-border-color);\n}\n.ff-input-with-dropdown-container:hover .ff-input-with-dropdown .ff-floating-input--error {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown {\n  border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown--error {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label {\n  top: -9px;\n  background-color: var(--input-label-bg-color);\n  padding: 0px 2px;\n  color: var(--input-active-text-color);\n  line-height: 15px;\n  font-size: 10px !important;\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-label--error {\n  color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input {\n  border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input--error {\n  border-color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container:focus-within .ff-input-with-dropdown .ff-floating-input::placeholder {\n  opacity: 1;\n}\n.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container {\n  border-color: var(--input-active-text-color);\n}\n.ff-input-with-dropdown-container--filled .ff-input-with-dropdown .ff-floating-label-input-container .ff-floating-label {\n  top: -9px;\n  background-color: var(--input-label-bg-color);\n  padding: 0px 2px;\n  line-height: 15px;\n  font-size: 10px !important;\n}\n.ff-input-with-dropdown-container--filled span {\n  font-size: 8px;\n}\n.ff-input-with-dropdown-container--filled .required-asterisk {\n  color: var(--input-error-text-color);\n}\n.ff-input-with-dropdown-container .ff-helper-text {\n  color: var(--input-error-text-color);\n  padding: 0 11px;\n}";
+styleInject(css_248z$K);
 const InputWithDropdown = ({
   name = '',
@@ -8750,8 +8757,8 @@ const InputWithDropdown = ({
   });
 };
-var css_248z$I = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-radio-wrapper .ff-radio {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-radio-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.ff-radio-wrapper .ff-radio {\n  position: relative;\n  color: var(--text-color);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input {\n  display: none;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-custom {\n  box-sizing: content-box;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 1px solid var(--radio-button-border);\n  position: relative;\n  margin-right: 8px;\n  transition: border-color background-color;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-custom::before {\n  content: \"\";\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: #fbfdff;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  transition: background-color 0.3s;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-custom::after {\n  content: \"\";\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: 4px solid #f7edff;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.ff-radio-wrapper .ff-radio:hover .ff-radio-custom {\n  border: 1px solid var(--brand-color);\n}\n.ff-radio-wrapper .ff-radio:hover .ff-radio-custom::before {\n  background-color: var(--drawer-footer-bg);\n}\n.ff-radio-wrapper .ff-radio:hover .ff-radio-custom::after {\n  opacity: 1;\n  transition: opacity 0.3s;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked + .ff-radio-custom {\n  border-color: var(--brand-color);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked + .ff-radio-custom::before {\n  background: var(--brand-color);\n  height: 12px;\n  width: 12px;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:disabled + .ff-radio-custom {\n  border: 1px solid var(--radio-button-border);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:disabled + .ff-radio-custom::before {\n  background: var(--drawer-footer-bg);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:disabled + .ff-radio-custom::after {\n  border: 4px solid var(--radio-button-hover);\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom {\n  border-color: var(--brand-color);\n  background-color: var(--drawer-footer-bg);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom::before {\n  background: var(--brand-color);\n}\n.ff-radio-wrapper .ff-radio--disabled {\n  cursor: default;\n}\n.ff-radio-wrapper .ff-radio--disabled .ff-radio-custom {\n  opacity: 0.5;\n}";
-styleInject(css_248z$I);
+var css_248z$J = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-radio-wrapper .ff-radio {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-radio-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.ff-radio-wrapper .ff-radio {\n  position: relative;\n  color: var(--text-color);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input {\n  display: none;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-custom {\n  box-sizing: content-box;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  border: 1px solid var(--radio-button-border);\n  position: relative;\n  margin-right: 8px;\n  transition: border-color background-color;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-custom::before {\n  content: \"\";\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: #fbfdff;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  transition: background-color 0.3s;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-custom::after {\n  content: \"\";\n  width: 16px;\n  height: 16px;\n  border-radius: 50%;\n  border: 4px solid #f7edff;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.ff-radio-wrapper .ff-radio:hover .ff-radio-custom {\n  border: 1px solid var(--brand-color);\n}\n.ff-radio-wrapper .ff-radio:hover .ff-radio-custom::before {\n  background-color: var(--drawer-footer-bg);\n}\n.ff-radio-wrapper .ff-radio:hover .ff-radio-custom::after {\n  opacity: 1;\n  transition: opacity 0.3s;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked + .ff-radio-custom {\n  border-color: var(--brand-color);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked + .ff-radio-custom::before {\n  background: var(--brand-color);\n  height: 12px;\n  width: 12px;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:disabled + .ff-radio-custom {\n  border: 1px solid var(--radio-button-border);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:disabled + .ff-radio-custom::before {\n  background: var(--drawer-footer-bg);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:disabled + .ff-radio-custom::after {\n  border: 4px solid var(--radio-button-hover);\n  opacity: 0;\n  transition: opacity 0.3s;\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom {\n  border-color: var(--brand-color);\n  background-color: var(--drawer-footer-bg);\n}\n.ff-radio-wrapper .ff-radio .ff-radio-input:checked:disabled + .ff-radio-custom::before {\n  background: var(--brand-color);\n}\n.ff-radio-wrapper .ff-radio--disabled {\n  cursor: default;\n}\n.ff-radio-wrapper .ff-radio--disabled .ff-radio-custom {\n  opacity: 0.5;\n}";
+styleInject(css_248z$J);
 const RadioButton = ({
   label,
@@ -8791,8 +8798,8 @@ const RadioButton = ({
   });
 };
-var css_248z$H = ".ff-radio-group {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}";
-styleInject(css_248z$H);
+var css_248z$I = ".ff-radio-group {\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n}";
+styleInject(css_248z$I);
 const RadioGroup = ({
   options,
@@ -8817,8 +8824,8 @@ const RadioGroup = ({
   });
 };
-var css_248z$G = ".ff-mini-modal-overlay {\n  position: fixed;\n  inset: 0;\n  width: 100vw;\n  height: 100vh;\n}\n\n.ff-mini-edit-modal-container {\n  width: fit-content;\n  padding: 0;\n  position: absolute;\n  visibility: hidden;\n}\n.ff-mini-edit-modal-container.modalVisible {\n  visibility: visible;\n}\n.ff-mini-edit-modal-container.animatedModal {\n  animation: slideDown 0.5s ease, opacity 0.5s ease;\n}\n.ff-mini-edit-modal-container .popover-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  z-index: 102;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top {\n  bottom: 100%;\n  left: 30px;\n  border-width: 0 10px 10px 10px;\n  padding: 0 3px 0 0;\n  border-color: transparent transparent var(--ff-mini-modal-border) transparent;\n  filter: drop-shadow(0 -1px 1px var(--ff-mini-modal-arrow-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top::before {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 4px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: -0.5px;\n  left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left {\n  left: -15px;\n  border-width: 10px 10px 10px 0;\n  border-color: transparent var(--ff-mini-modal-border) transparent transparent;\n  filter: drop-shadow(-1px 0 1px var(--ff-mini-modal-arrow-shadow));\n  padding: 3px 1px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left::before {\n  content: \"\";\n  position: absolute;\n  width: 4px;\n  height: 3px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: 0;\n  left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom {\n  top: 100%;\n  left: 30px;\n  border-width: 10px 10px 0 10px;\n  border-color: var(--ff-mini-modal-border) transparent transparent transparent;\n  filter: drop-shadow(0 2px 1px var(--ff-mini-modal-arrow-shadow));\n  padding: 0 3px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom::before {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: -2px;\n  left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right {\n  right: -10px;\n  top: 66px;\n  border-width: 10px 0 10px 10px;\n  border-color: transparent transparent transparent var(--ff-mini-modal-border);\n  filter: drop-shadow(2px 0 1px var(--ff-mini-modal-arrow-shadow));\n  padding: 3px 1px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right::before {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: 0;\n  left: -2px;\n}\n.ff-mini-edit-modal-container .popover-arrow.left-top-arrow {\n  top: 10%;\n}\n.ff-mini-edit-modal-container .popover-arrow.left-middle-arrow {\n  top: 45%;\n}\n.ff-mini-edit-modal-container .wrapped-div {\n  height: 35px;\n  background-color: transparent;\n  outline: 8px solid var(--ff-mini-modal-border);\n  outline-offset: -8px;\n  position: absolute;\n  top: -34px;\n  border-radius: 7px 7px 0 0;\n}\n.ff-mini-edit-modal-container .wrapped-div::before, .ff-mini-edit-modal-container .wrapped-div::after {\n  position: absolute;\n  content: \"\";\n  width: 13px;\n  height: 13px;\n  background: transparent;\n  border-radius: 50%;\n  bottom: 0;\n  box-shadow: 8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .wrapped-div::before {\n  left: -13px;\n  clip-path: polygon(100% 100%, 110% 45%, 0% 70%, 0% 100%);\n}\n.ff-mini-edit-modal-container .wrapped-div::after {\n  right: -13px;\n  clip-path: polygon(-5% 100%, 0% 40%, 100% 70%, 100% 100%);\n  box-shadow: -8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .mini-edit-modal {\n  background: var(--ff-mini-modal-border);\n  position: relative;\n  max-height: fit-content;\n  padding: 4px;\n  width: 100%;\n  margin: 0 0 0 -5px;\n  height: 100%;\n}\n.ff-mini-edit-modal-container .mini-edit-modal.mini-edit-modal-wrapper-shadow {\n  box-shadow: 0px 0px 4px 0px var(--ff-mini-modal-box-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal.mini-edit-modal-arrow-shadow {\n  box-shadow: 0px 0px 16px 0px var(--ff-mini-modal-arrow-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal header {\n  border-radius: 4px 4px 0 0;\n}\n.ff-mini-edit-modal-container .mini-edit-modal footer {\n  border-radius: 0 0 4px 4px;\n}\n.ff-mini-edit-modal-container .mini-edit-modal .modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 5px;\n  background-color: var(--ff-mini-modal-footer-background);\n  height: 24px;\n  padding: 0 10px 0 0;\n  transition: transform 0.3s ease-in-out;\n}\n@keyframes slideDown {\n  0% {\n    transform: translateY(-50px);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.ff-mini-modal-buttons-flex {\n  display: flex;\n}\n\n.ff-mini-modal-gap-10 {\n  gap: 10px;\n}\n\n.ff-mini-edit-model-icon {\n  color: var(--ff-mini-modal-box-shadow);\n  border: 2px solid var(--ff-mini-modal-box-shadow);\n  border-radius: 4px;\n}";
-styleInject(css_248z$G);
+var css_248z$H = ".ff-mini-modal-overlay {\n  position: fixed;\n  inset: 0;\n  width: 100vw;\n  height: 100vh;\n}\n\n.ff-mini-edit-modal-container {\n  width: fit-content;\n  padding: 0;\n  position: absolute;\n  visibility: hidden;\n}\n.ff-mini-edit-modal-container.modalVisible {\n  visibility: visible;\n}\n.ff-mini-edit-modal-container.animatedModal {\n  animation: slideDown 0.5s ease, opacity 0.5s ease;\n}\n.ff-mini-edit-modal-container .popover-arrow {\n  position: absolute;\n  width: 0;\n  height: 0;\n  border-style: solid;\n  z-index: 102;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top {\n  bottom: 100%;\n  left: 30px;\n  border-width: 0 10px 10px 10px;\n  padding: 0 3px 0 0;\n  border-color: transparent transparent var(--ff-mini-modal-border) transparent;\n  filter: drop-shadow(0 -1px 1px var(--ff-mini-modal-arrow-shadow));\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-top::before {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 4px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: -0.5px;\n  left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left {\n  left: -15px;\n  border-width: 10px 10px 10px 0;\n  border-color: transparent var(--ff-mini-modal-border) transparent transparent;\n  filter: drop-shadow(-1px 0 1px var(--ff-mini-modal-arrow-shadow));\n  padding: 3px 1px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-left::before {\n  content: \"\";\n  position: absolute;\n  width: 4px;\n  height: 3px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: 0;\n  left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom {\n  top: 100%;\n  left: 30px;\n  border-width: 10px 10px 0 10px;\n  border-color: var(--ff-mini-modal-border) transparent transparent transparent;\n  filter: drop-shadow(0 2px 1px var(--ff-mini-modal-arrow-shadow));\n  padding: 0 3px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-bottom::before {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: -2px;\n  left: 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right {\n  right: -10px;\n  top: 66px;\n  border-width: 10px 0 10px 10px;\n  border-color: transparent transparent transparent var(--ff-mini-modal-border);\n  filter: drop-shadow(2px 0 1px var(--ff-mini-modal-arrow-shadow));\n  padding: 3px 1px 0 0;\n}\n.ff-mini-edit-modal-container .popover-arrow.popover-arrow-right::before {\n  content: \"\";\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  border-radius: 50px;\n  background-color: var(--ff-mini-modal-border);\n  top: 0;\n  left: -2px;\n}\n.ff-mini-edit-modal-container .popover-arrow.left-top-arrow {\n  top: 10%;\n}\n.ff-mini-edit-modal-container .popover-arrow.left-middle-arrow {\n  top: 45%;\n}\n.ff-mini-edit-modal-container .wrapped-div {\n  height: 35px;\n  background-color: transparent;\n  outline: 8px solid var(--ff-mini-modal-border);\n  outline-offset: -8px;\n  position: absolute;\n  top: -34px;\n  border-radius: 7px 7px 0 0;\n}\n.ff-mini-edit-modal-container .wrapped-div::before, .ff-mini-edit-modal-container .wrapped-div::after {\n  position: absolute;\n  content: \"\";\n  width: 13px;\n  height: 13px;\n  background: transparent;\n  border-radius: 50%;\n  bottom: 0;\n  box-shadow: 8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .wrapped-div::before {\n  left: -13px;\n  clip-path: polygon(100% 100%, 110% 45%, 0% 70%, 0% 100%);\n}\n.ff-mini-edit-modal-container .wrapped-div::after {\n  right: -13px;\n  clip-path: polygon(-5% 100%, 0% 40%, 100% 70%, 100% 100%);\n  box-shadow: -8px 4px 0 var(--ff-mini-modal-border);\n}\n.ff-mini-edit-modal-container .mini-edit-modal {\n  background: var(--ff-mini-modal-border);\n  position: relative;\n  max-height: fit-content;\n  padding: 4px;\n  width: 100%;\n  margin: 0 0 0 -5px;\n  height: 100%;\n}\n.ff-mini-edit-modal-container .mini-edit-modal.mini-edit-modal-wrapper-shadow {\n  box-shadow: 0px 0px 4px 0px var(--ff-mini-modal-box-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal.mini-edit-modal-arrow-shadow {\n  box-shadow: 0px 0px 16px 0px var(--ff-mini-modal-arrow-shadow);\n}\n.ff-mini-edit-modal-container .mini-edit-modal header {\n  border-radius: 4px 4px 0 0;\n}\n.ff-mini-edit-modal-container .mini-edit-modal footer {\n  border-radius: 0 0 4px 4px;\n}\n.ff-mini-edit-modal-container .mini-edit-modal .modal-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 5px;\n  background-color: var(--ff-mini-modal-footer-background);\n  height: 24px;\n  padding: 0 10px 0 0;\n  transition: transform 0.3s ease-in-out;\n}\n@keyframes slideDown {\n  0% {\n    transform: translateY(-50px);\n    opacity: 0;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n\n.ff-mini-modal-buttons-flex {\n  display: flex;\n}\n\n.ff-mini-modal-gap-10 {\n  gap: 10px;\n}\n\n.ff-mini-edit-model-icon {\n  color: var(--ff-mini-modal-box-shadow);\n  border: 2px solid var(--ff-mini-modal-box-shadow);\n  border-radius: 4px;\n}";
+styleInject(css_248z$H);
 const MiniModal = /*#__PURE__*/React.forwardRef(({
   anchorRef,
@@ -9081,210 +9088,167 @@ const MiniModal = /*#__PURE__*/React.forwardRef(({
   }), document.body);
 });
-var css_248z$F = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-tree-container {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-tree-container {\n  width: 100%;\n  font-size: 12px;\n  color: var(--brand-color);\n  transition: all 0.3s ease;\n}\n.ff-tree-container table {\n  border-collapse: collapse;\n  width: 100%;\n  text-align: left;\n  position: relative; /* Ensure the table has a relative position for z-index to work */\n}\n.ff-tree-container .ff-toggle-arrow-icon {\n  height: 12px;\n  width: 12px;\n  margin-left: 8px;\n  display: grid;\n  place-items: center;\n  transform: rotate(0deg);\n}\n.ff-tree-container .ff-toggle-arrow-icon svg path {\n  fill: var(--brand-color);\n}\n.ff-tree-container .ff-toggle-arrow-icon.ff-expanded {\n  transform: rotate(0deg);\n}\n.ff-tree-container .ff-toggle-arrow-icon.ff-collapsed {\n  transform: rotate(-90deg);\n}\n.ff-tree-container th {\n  vertical-align: middle;\n  height: 32px;\n  background-color: var(--slider-table-color);\n  color: var(--text-color);\n  font-weight: 600;\n  text-transform: uppercase;\n}\n.ff-tree-container tr .ff-action-section {\n  display: none;\n}\n.ff-tree-container tr:hover {\n  background-color: var(--hover-color);\n}\n.ff-tree-container tr:hover .ff-title-action-container {\n  display: flex;\n}\n.ff-tree-container .ff-title-container {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.ff-tree-container .ff-title-container .ff-toggle-folder {\n  display: flex;\n  cursor: pointer;\n}\n.ff-tree-container .ff-title-container.ff-folder {\n  font-weight: 600;\n}\n.ff-tree-container .ff-title-container.ff-file {\n  font-weight: 400;\n}\n.ff-tree-container .ff-title-container .ff-title {\n  display: flex;\n  gap: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: 400;\n  cursor: pointer;\n}\n.ff-tree-container .ff-title-container .ff-title .ff-title-label {\n  display: flex;\n  align-items: center;\n}\n.ff-tree-container .ff-title-container .ff-title .ff-hover-icon {\n  display: none;\n  position: absolute;\n  right: 10px;\n}\n.ff-tree-container .ff-node-li {\n  --indent-size: 18px;\n  --total-children-height: var(--node-height);\n}\n.ff-tree-container .ff-node-li td {\n  padding: 0 8px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.ff-tree-container .ff-node-li td:first-child {\n  padding-left: calc(var(--level) * var(--indent-size));\n  height: 32px;\n  z-index: 0;\n}\n.ff-tree-container .ff-node-li td .first-div {\n  background-color: white;\n  display: flex;\n  width: 100%;\n  height: 32px;\n}\n.ff-tree-container .ff-node-li td .first-div:hover {\n  background-color: var(--hover-color);\n}\n.ff-tree-container .ff-node-li td .first-div::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: calc(var(--level) * var(--indent-size) - 4px);\n  width: 1px;\n  height: calc(var(--total-children-height));\n  background-color: var(--tree-connecting-lines-color);\n  z-index: 9999;\n}\n.ff-tree-container .ff-node-li td .first-div::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  left: calc(var(--level) * var(--indent-size) - 4px);\n  width: 12px;\n  height: 1px;\n  background-color: var(--tree-connecting-lines-color);\n  z-index: 10; /* Ensure it stays above the content */\n}\n.ff-tree-container .ff-node-li td .first-div.ff-is-last::before {\n  height: calc(var(--node-height) / 2);\n}\n.ff-tree-container .ff-node-li[style*=\"--level: 0\"]::before, .ff-tree-container .ff-node-li[style*=\"--level: 0\"]::after {\n  content: none;\n}\n\n.ff-title-action-container {\n  display: none;\n  align-items: center;\n}\n\nth:first-child,\ntd:first-child {\n  position: sticky;\n  left: 0;\n}";
-styleInject(css_248z$F);
+var css_248z$G = "html,\n* {\n  font-family: \"Open Sans\";\n}\n\n.tree-table-space-block {\n  display: inline-block;\n  width: 20px;\n}\n\n.hidden {\n  display: none;\n}\n\n.show {\n  display: table-row;\n}\n\n.btn-toggle.expand {\n  cursor: pointer;\n}\n.btn-toggle.is-close {\n  background: #f1f1f1;\n  border: 1px solid transparent;\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n}\n.btn-toggle::before {\n  display: none;\n}\n.btn-toggle::after {\n  display: none;\n}\n\n.tree-table-wrap {\n  width: 100%;\n}\n\n.tree-table {\n  border: 1px solid #f1f1f1;\n  table-layout: fixed;\n  width: 100%;\n  border-collapse: collapse;\n  overflow: scroll;\n}\n.tree-table tr .table-tree-row-action {\n  display: none;\n}\n.tree-table tr:hover {\n  background-color: var(--hover-color);\n}\n.tree-table tr:hover .table-tree-row-action {\n  display: inline-flex;\n  align-items: center;\n}\n.tree-table th {\n  color: var(--brand-color);\n  text-align: center;\n  padding: 10px 0;\n  background: var(--slider-table-color);\n  font-size: 13px;\n  width: 400px;\n  text-align: left;\n}\n.tree-table th:first-child {\n  width: 400px;\n  position: sticky;\n  left: 0;\n}\n.tree-table td {\n  font-size: 14px;\n  color: var(--brand-color);\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  text-align: left;\n  height: 32px;\n}\n.tree-table td:first-child {\n  overflow: initial;\n  width: 400px;\n  position: sticky;\n  left: 0;\n  background-color: white;\n}\n.tree-table td:first-child:hover {\n  background-color: var(--hover-color);\n}\n.tree-table td .tree-table-space-block {\n  border: 1px solid transparent;\n  display: inline-block;\n  width: 20px;\n  height: 20px;\n  line-height: 16px;\n  text-align: center;\n  vertical-align: top;\n  font-size: 19px;\n  position: relative;\n  box-sizing: border-box;\n  margin-top: 7px;\n  border-radius: 50%;\n}\n.tree-table td .tree-table-space-block:first-child {\n  margin-left: 7px;\n}\n.tree-table td .tree-table-space-block.btn-toggle {\n  position: relative;\n  cursor: pointer;\n  width: 22px;\n  height: 22px;\n  z-index: 12;\n}\n.tree-table td .tree-table-space-block.btn-toggle::before {\n  display: none;\n}\n.tree-table td .tree-table-space-block.last-block::before {\n  display: none;\n}\n.tree-table td .tree-table-space-block.last-block::after {\n  position: absolute;\n  content: \"\";\n  width: 12px;\n  height: 1px;\n  background: var(--tree-connecting-lines-color);\n  top: 50%;\n  margin-top: -1px;\n  left: -10px;\n}\n.tree-table td .tree-table-space-block.no-folder {\n  width: 8px;\n}\n.tree-table td .tree-table-space-block.no-folder::after {\n  position: absolute;\n  content: \"\";\n  width: 18px;\n  height: 1px;\n  background: var(--tree-connecting-lines-color);\n  top: 50%;\n  margin-top: -1px;\n  left: -10px;\n}\n.tree-table td .tree-table-space-block:not(.last-block)::before {\n  position: absolute;\n  content: \"\";\n  width: 1px;\n  height: 40px;\n  background: var(--tree-connecting-lines-color);\n  left: 50%;\n  top: -12px;\n  z-index: -1;\n}\n\n.tree-table-td-content {\n  display: inline-flex;\n  align-items: center;\n  padding: 7px;\n  font-size: 12px;\n  font-family: \"Poppins\";\n}\n\n.hidden {\n  display: none;\n}\n\n.show {\n  visibility: visible;\n}\n\n.tree-row-expanded svg,\n.tree-row-collapsed svg {\n  height: 12px;\n  width: 12px;\n}\n.tree-row-expanded svg path,\n.tree-row-collapsed svg path {\n  fill: var(--brand-color);\n}\n\n.tree-row-collapsed svg {\n  transform: rotate(-90deg);\n  transition: all;\n}";
+styleInject(css_248z$G);
-const TableTree = ({
-  columnsData,
-  treeData,
+// Helper to render spaces for levels
+const renderSpaces = level => Array.from({
+  length: level
+}).map((_, i) => jsxRuntime.jsx("span", {
+  className: "tree-table-space-block"
+}, i));
+// Component: TableCell
+const TableCell = /*#__PURE__*/React.memo(({
+  col,
+  node,
+  level,
+  isExpanded,
+  selected,
   select,
-  onClick = () => {},
-  onChange,
+  onCheckBoxChange,
+  onToggleExpand
+}) => jsxRuntime.jsxs("td", {
+  children: [col.isTree && renderSpaces(level + 1), col.isTree && jsxRuntime.jsx("span", {
+    className: `tree-table-space-block last-block  ${isExpanded ? 'tree-row-expanded' : 'tree-row-collapsed'} ${node.folder ? '' : 'no-folder'}`,
+    onClick: () => onToggleExpand(node),
+    children: node.folder && jsxRuntime.jsx(SvgArrowsDownIcon, {})
+  }), jsxRuntime.jsxs("span", {
+    className: "tree-table-td-content",
+    children: [col.isTree && select === 'checkbox' && jsxRuntime.jsx(Checkbox, {
+      checked: selected.includes(node.searchKey),
+      onChange: e => onCheckBoxChange(e, node)
+    }), col.isTree && select === 'radio' && jsxRuntime.jsx(RadioButton, {
+      name: node.title,
+      checked: selected.includes(node.searchKey),
+      value: node.searchKey,
+      onChange: e => onCheckBoxChange(e, node)
+    }), prepareData(node, col)]
+  }), col.actions && jsxRuntime.jsx("div", {
+    className: "table-tree-row-action",
+    children: col.actions(node)
+  })]
+}));
+// Component: TableRow
+const TableRow = /*#__PURE__*/React.memo(({
+  node,
+  level,
+  columnsData,
+  isExpanded,
   selected,
-  onPagination
+  select,
+  onRowClick,
+  onToggleExpand,
+  onCheckBoxChange
+}) => jsxRuntime.jsx("tr", {
+  "data-level": level,
+  className: "show",
+  onClick: e => onRowClick(e, node),
+  children: columnsData.map(col => jsxRuntime.jsx(TableCell, {
+    col: col,
+    node: node,
+    level: level,
+    isExpanded: isExpanded,
+    selected: selected,
+    select: select,
+    onCheckBoxChange: onCheckBoxChange,
+    onToggleExpand: onToggleExpand
+  }, col.name))
+}));
+// Component: TableHead
+const TableHead = /*#__PURE__*/React.memo(({
+  columnsData
 }) => {
-  const [expandedNodes, setExpandedNodes] = React.useState(new Set());
-  const triggeredPaginationNodes = React.useRef(new Set()); // Tracks nodes for which pagination is triggered
-  React.useLayoutEffect(() => {
-    const defaultExpanded = new Set();
-    // Recursive function to add nodes and their children to the expanded set
-    const expandNodeRecursively = node => {
-      if (node.expanded) {
-        defaultExpanded.add(node);
-        if (node.children) {
-          node.children.forEach(child => expandNodeRecursively(child));
-        }
-      }
-    };
-    treeData.forEach(node => {
-      expandNodeRecursively(node);
-    });
-    setExpandedNodes(defaultExpanded);
-  }, [treeData]);
-  // Function to calculate total children height
-  const calculateTotalChildrenHeight = node => {
-    if (!node.children || node.children.length === 0) {
-      return 1;
-    }
-    let totalHeight = 1;
-    if (expandedNodes.has(node)) {
-      node.children.forEach(child => {
-        totalHeight += calculateTotalChildrenHeight(child);
-      });
-    }
-    return totalHeight;
-  };
-  const TreeNode = ({
+  const hasDefaultValues = React.useMemo(() => columnsData.some(({
+    defaultValue
+  }) => !!defaultValue), [columnsData]);
+  return jsxRuntime.jsxs("thead", {
+    children: [jsxRuntime.jsx("tr", {
+      children: columnsData.map(({
+        name
+      }) => jsxRuntime.jsx("th", {
+        children: name
+      }, name))
+    }), hasDefaultValues && jsxRuntime.jsx("tr", {
+      children: columnsData.map(({
+        defaultValue,
+        defaultActions
+      }, index) => jsxRuntime.jsx("td", {
+        children: defaultValue && jsxRuntime.jsxs("span", {
+          className: "",
+          children: [defaultValue, defaultActions && jsxRuntime.jsx("div", {
+            className: "table-tree-row-action",
+            children: defaultActions()
+          })]
+        })
+      }, index))
+    })]
+  });
+});
+// Component: TableBody
+const TableBody = /*#__PURE__*/React.memo(({
+  flattenedTreeData,
+  columnsData,
+  expandedNodes,
+  selected,
+  select,
+  onRowClick,
+  onToggleExpand,
+  onCheckBoxChange
+}) => jsxRuntime.jsx("tbody", {
+  children: flattenedTreeData.map(({
     node,
-    level,
-    isLast
+    level
   }) => {
-    const nodeRef = React.useRef(null);
-    const lastChildRef = React.useRef(null); // Ref for pagination
-    const [nodeHeight, setNodeHeight] = React.useState(0);
-    const [totalChildrenHeight, setTotalChildrenHeight] = React.useState(0);
-    const isExpanded = expandedNodes.has(node);
-    React.useLayoutEffect(() => {
-      if (nodeRef.current) {
-        const observer = new ResizeObserver(() => {
-          const currentHeight = nodeRef.current?.offsetHeight || 0;
-          setNodeHeight(currentHeight);
-          const childrenHeight = calculateTotalChildrenHeight(node);
-          setTotalChildrenHeight(childrenHeight);
-        });
-        observer.observe(nodeRef.current);
-        return () => {
-          observer.disconnect();
-        };
-      }
-    }, [isExpanded, node]);
-    React.useEffect(() => {
-      if (!isExpanded || !lastChildRef.current || !onPagination) return;
-      const observer = new IntersectionObserver(entries => {
-        if (entries[0].isIntersecting && !triggeredPaginationNodes.current.has(node.key)) {
-          triggeredPaginationNodes.current.add(node.key); // Mark node as paginated
-          onPagination(node); // Trigger the pagination callback
-        }
-      }, {
-        root: null,
-        // Use the viewport as the root
-        threshold: 1.0 // Trigger when fully visible
-      });
-      observer.observe(lastChildRef.current);
-      return () => observer.disconnect();
-    }, [isExpanded, onPagination, node]);
-    const handleToggleExpand = () => {
-      setExpandedNodes(prev => {
-        const newExpandedNodes = new Set(prev);
-        if (newExpandedNodes.has(node)) {
-          newExpandedNodes.delete(node); // Collapse the node
-        } else {
-          newExpandedNodes.add(node); // Expand the node
-        }
-        return newExpandedNodes;
-      });
-    };
-    const handleCheckBoxChange = (e, node) => {
-      if (onChange) {
-        onChange(e, node);
-      }
-    };
-    const renderRowData = columnsData => {
-      return columnsData.map(column => {
-        if (column.accessor === 'title') {
-          return jsxRuntime.jsx("td", {
-            className: `ff-title-container ${isLast ? 'ff-is-last' : ''}`,
-            children: jsxRuntime.jsxs("div", {
-              className: "first-div",
-              children: [' ', jsxRuntime.jsx("span", {
-                className: "ff-toggle-folder",
-                onClick: handleToggleExpand,
-                children: node.folder && jsxRuntime.jsx("span", {
-                  className: `ff-toggle-arrow-icon ${isExpanded ? 'ff-expanded' : 'ff-collapsed'}`,
-                  children: jsxRuntime.jsx(SvgArrowsDownIcon, {})
-                })
-              }), jsxRuntime.jsxs("div", {
-                className: "ff-title",
-                style: {
-                  fontWeight: node.folder ? 600 : 400
-                },
-                onClick: event => onClick(event, node),
-                children: [select === 'checkbox' && jsxRuntime.jsx(Checkbox, {
-                  checked: selected.includes(node.key),
-                  onChange: e => handleCheckBoxChange(e, node)
-                }), select === 'radio' && jsxRuntime.jsx(RadioButton, {
-                  name: node.title,
-                  value: node.key,
-                  onChange: e => handleCheckBoxChange(e, node)
-                }), jsxRuntime.jsx(Typography, {
-                  className: "ff-title-label",
-                  fontWeight: "medium",
-                  children: prepareData(node, column)
-                }), column.actions && jsxRuntime.jsx("div", {
-                  className: "ff-title-action-container",
-                  children: column.actions(node)
-                })]
-              })]
-            })
-          });
-        } else if (column.accessor) {
-          return jsxRuntime.jsx("td", {
-            style: {
-              maxWidth: column.width
-            },
-            children: prepareData(node, column)
-          }, column.accessor);
-        }
-      });
-    };
-    const renderTree = (nodes, level = 0) => {
-      return nodes.map((childNode, index) => {
-        const isChildLast = index === nodes.length - 1;
-        const ref = isChildLast ? lastChildRef : null;
-        return jsxRuntime.jsx(TreeNode, {
-          node: childNode,
-          level: level,
-          isLast: isChildLast,
-          ref: ref
-        }, childNode.key || index);
-      });
-    };
-    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [jsxRuntime.jsx("tr", {
-        ref: nodeRef,
-        className: `ff-node-li ${node.children ? 'ff-has-children' : ''} `,
-        style: {
-          '--level': level,
-          '--node-height': `${nodeHeight}px`,
-          '--total-children-height': `${totalChildrenHeight * nodeHeight}px`
-        },
-        children: renderRowData(columnsData)
-      }), isExpanded && !checkEmpty(node?.children) && renderTree(node.children, level + 1)]
-    });
-  };
-  const renderTree = (nodes, level = 0) => {
-    return nodes.map((node, index) => {
-      const isLast = index === nodes.length - 1;
-      return jsxRuntime.jsx(TreeNode, {
-        node: node,
-        level: level,
-        isLast: isLast
-      }, node.key || index);
-    });
-  };
+    const isExpanded = expandedNodes.includes(node.searchKey);
+    return jsxRuntime.jsx(TableRow, {
+      node: node,
+      level: level,
+      columnsData: columnsData,
+      isExpanded: isExpanded,
+      selected: selected,
+      select: select,
+      onRowClick: onRowClick,
+      onToggleExpand: onToggleExpand,
+      onCheckBoxChange: onCheckBoxChange
+    }, node.id);
+  })
+}));
+// Component: TreeTable
+const TreeTable = ({
+  treeData,
+  columnsData,
+  selected = [],
+  select = null,
+  onChange,
+  onClick,
+  expandedNodes = [],
+  onExpand
+}) => {
+  const handleToggleExpand = React.useCallback(node => onExpand?.(!expandedNodes.includes(node.searchKey), node.searchKey), [expandedNodes, onExpand]);
+  const handleCheckBoxChange = React.useCallback((e, node) => onChange?.(e, node), [onChange]);
+  const handleRowClick = React.useCallback((e, node) => onClick?.(e, node), [onClick]);
   return jsxRuntime.jsx("div", {
-    className: "ff-tree-container",
+    className: "tree-table-wrap",
     children: jsxRuntime.jsxs("table", {
-      children: [jsxRuntime.jsx("thead", {
-        children: jsxRuntime.jsx("tr", {
-          children: columnsData.map((column, index) => jsxRuntime.jsx("th", {
-            style: index === 0 ? {
-              minWidth: column.width
-            } : {
-              width: column.width
-            },
-            children: column.name
-          }, column.accessor))
-        })
-      }), jsxRuntime.jsx("tbody", {
-        children: renderTree(treeData)
+      className: "tree-table",
+      children: [jsxRuntime.jsx(TableHead, {
+        columnsData: columnsData
+      }), jsxRuntime.jsx(TableBody, {
+        flattenedTreeData: treeData,
+        columnsData: columnsData,
+        expandedNodes: expandedNodes,
+        selected: selected,
+        select: select,
+        onRowClick: handleRowClick,
+        onToggleExpand: handleToggleExpand,
+        onCheckBoxChange: handleCheckBoxChange
       })]
     })
   });
 };
-var css_248z$E = ":root {\n  --tooltip-bg-color: #1e161f;\n  --status-approved-text-color: #016102;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-text-color: #3c3838;\n  --status-approved-bg-color: #c6efcd;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-warning-bg-color: #fae2c6;\n  --status-skipped-bg-color: #c4c3c3;\n  --brand-color: #71347b;\n  --icons-default-color: #71347b;\n  --default-icon-color: #a3a3a3;\n  --default-color: #747474;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --system-color--error: #c50303;\n  --hover-color: #f7ebff;\n  --brand2-color: #610b86;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --description-text-color: #d9d9d9;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --text-color: #1e161f;\n  --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n  --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n  --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n  --file-details-bg: #ffffff;\n  --error-light: #e42525;\n  --tabs-label-default-color: tabs-label-default-color;\n  --tabs-label-active-color: tabs-label-active-color;\n  --tabs-border-color: tabs-border-color;\n  --tabs-bg-color: tabs-bg-color;\n  --tab-bg-color: tab-bg-color;\n  --toggle-button-bg-color: #ffffff;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-strip-color: #cfd1e2;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --toggle-strip-color: #cfd1e2;\n  --add-icon-hover-color: #431b4a;\n  --arrows-button-border-color: #ded1e5;\n  --arrow-button-bg-color: #ffffff;\n  --text-bg-highlight: #f5fb00;\n  --slider-table-color: #efe1f9;\n  --variable-dropdown-bg: #($variable-dropdown-bg);\n}\n\n.fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-tabs-container {\n  box-sizing: border-box;\n}\n.ff-tabs-container .ff-tab-row--default {\n  display: flex;\n  gap: 8px;\n  border: 1px solid var(--tabs-border-color);\n  border-radius: 8px 8px 0 0;\n  padding: 7px 8px 0;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default {\n  border: none;\n  background: none;\n  padding: 0 4px;\n  display: flex;\n  flex-direction: column;\n  cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-label {\n  padding-bottom: 4px;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar {\n  width: 100%;\n  border-radius: 2px 2px 0 0;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar--active {\n  border-top: 2px solid var(--tabs-label-active-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default.disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.ff-tabs-container .ff-tab-row--capsule {\n  display: flex;\n  gap: 8px;\n  border: 1px solid var(--tabs-border-color);\n  border-radius: 8px;\n  padding: 3px 4px;\n  background-color: var(--tabs-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule {\n  background: transparent;\n  border: none;\n  padding: 3px 4px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule.active {\n  background-color: var(--tab-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule .ff-tab-bar {\n  display: none;\n}\n.ff-tabs-container .ff-tab-row--no-border {\n  border: none;\n}\n.ff-tabs-container .ff-tab-content {\n  width: inherit;\n}";
-styleInject(css_248z$E);
+var css_248z$F = ":root {\n  --tooltip-bg-color: #1e161f;\n  --status-approved-text-color: #016102;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-text-color: #3c3838;\n  --status-approved-bg-color: #c6efcd;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-warning-bg-color: #fae2c6;\n  --status-skipped-bg-color: #c4c3c3;\n  --brand-color: #71347b;\n  --icons-default-color: #71347b;\n  --default-icon-color: #a3a3a3;\n  --default-color: #747474;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --system-color--error: #c50303;\n  --hover-color: #f7ebff;\n  --brand2-color: #610b86;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --description-text-color: #d9d9d9;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --text-color: #1e161f;\n  --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n  --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n  --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n  --file-details-bg: #ffffff;\n  --error-light: #e42525;\n  --tabs-label-default-color: tabs-label-default-color;\n  --tabs-label-active-color: tabs-label-active-color;\n  --tabs-border-color: tabs-border-color;\n  --tabs-bg-color: tabs-bg-color;\n  --tab-bg-color: tab-bg-color;\n  --toggle-button-bg-color: #ffffff;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-strip-color: #cfd1e2;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --toggle-strip-color: #cfd1e2;\n  --add-icon-hover-color: #431b4a;\n  --arrows-button-border-color: #ded1e5;\n  --arrow-button-bg-color: #ffffff;\n  --text-bg-highlight: #f5fb00;\n  --slider-table-color: #efe1f9;\n  --variable-dropdown-bg: #($variable-dropdown-bg);\n}\n\n.fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-tabs-container {\n  box-sizing: border-box;\n}\n.ff-tabs-container .ff-tab-row--default {\n  display: flex;\n  gap: 8px;\n  border: 1px solid var(--tabs-border-color);\n  border-radius: 8px 8px 0 0;\n  padding: 7px 8px 0;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default {\n  border: none;\n  background: none;\n  padding: 0 4px;\n  display: flex;\n  flex-direction: column;\n  cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-label {\n  padding-bottom: 4px;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar {\n  width: 100%;\n  border-radius: 2px 2px 0 0;\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default .ff-tab-bar--active {\n  border-top: 2px solid var(--tabs-label-active-color);\n}\n.ff-tabs-container .ff-tab-row--default .ff-tab-button--default.disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.ff-tabs-container .ff-tab-row--capsule {\n  display: flex;\n  gap: 8px;\n  border: 1px solid var(--tabs-border-color);\n  border-radius: 8px;\n  padding: 3px 4px;\n  background-color: var(--tabs-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule {\n  background: transparent;\n  border: none;\n  padding: 3px 4px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule.active {\n  background-color: var(--tab-bg-color);\n}\n.ff-tabs-container .ff-tab-row--capsule .ff-tab-button--capsule .ff-tab-bar {\n  display: none;\n}\n.ff-tabs-container .ff-tab-row--no-border {\n  border: none;\n}\n.ff-tabs-container .ff-tab-content {\n  width: inherit;\n}";
+styleInject(css_248z$F);
 const Tabs = ({
   variant = 'default',
@@ -9329,8 +9293,8 @@ const Tabs = ({
   });
 };
-var css_248z$D = ".ff-highlight-bg {\n  background-color: var(--text-bg-highlight);\n}";
-styleInject(css_248z$D);
+var css_248z$E = ".ff-highlight-bg {\n  background-color: var(--text-bg-highlight);\n}";
+styleInject(css_248z$E);
 // Function to escape special characters in the search term
 const escapeRegExp = text => {
@@ -9353,8 +9317,8 @@ const HighlightText = ({
   });
 };
-var css_248z$C = ".fontXs, .ff-search-container .ff-search-input {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-search-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.ff-search-container .ff-search-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  border-radius: 4px;\n}\n.ff-search-container .ff-search-icon:hover {\n  background-color: var(--ff-search-field-hover-color);\n}\n.ff-search-container .ff-search-icon .ff-icon-container svg path {\n  fill: var(--brand-color);\n}\n.ff-search-container .ff-search-input {\n  border: none;\n  color: var(--tooltip-bg-color);\n  line-height: 12px;\n  visibility: hidden;\n  transition: width 0.4s ease;\n}\n.ff-search-container .ff-search-input:focus {\n  outline: none;\n  border: none;\n}\n.ff-search-container .ff-search-input:hover {\n  border: none;\n}\n.ff-search-container.disabled {\n  opacity: 0.5;\n}\n.ff-search-container.expanded {\n  border: 1px solid var(--border-color);\n  border-radius: 4px;\n  background-color: var(--ff-search-filed-bg-color);\n}\n.ff-search-container.expanded .ff-search-icon:hover {\n  background-color: var(--ff-search-filed-bg-color);\n}\n.ff-search-container.expanded .ff-vertical-line {\n  height: 8px;\n  width: 1px;\n  border-radius: 1px;\n  background-color: var(--border-color);\n}\n.ff-search-container.expanded .ff-search-input {\n  visibility: visible;\n  margin-left: 4px;\n}\n.ff-search-container.expanded .ff-search-input::placeholder {\n  color: var(--ff-search-filed-placeholder-text);\n}\n.ff-search-container.expanded .ff-search-icon {\n  border: none;\n  cursor: default;\n  margin-right: 4px;\n}\n.ff-search-container.expanded .ff-search-clear-button {\n  display: grid;\n  place-items: center;\n  cursor: pointer;\n  width: 22px;\n  padding-top: 1px;\n}\n.ff-search-container.expanded .ff-search-close-icon {\n  margin: 4px;\n  cursor: pointer;\n}\n.ff-search-container.expanded .ff-search-close-icon .ff-icon-container svg path {\n  fill: var(--ff-search-filed-close-Icon);\n}";
-styleInject(css_248z$C);
+var css_248z$D = ".fontXs, .ff-search-container .ff-search-input {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-search-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.ff-search-container .ff-search-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  border-radius: 4px;\n}\n.ff-search-container .ff-search-icon:hover {\n  background-color: var(--ff-search-field-hover-color);\n}\n.ff-search-container .ff-search-icon .ff-icon-container svg path {\n  fill: var(--brand-color);\n}\n.ff-search-container .ff-search-input {\n  border: none;\n  color: var(--tooltip-bg-color);\n  line-height: 12px;\n  visibility: hidden;\n  transition: width 0.4s ease;\n}\n.ff-search-container .ff-search-input:focus {\n  outline: none;\n  border: none;\n}\n.ff-search-container .ff-search-input:hover {\n  border: none;\n}\n.ff-search-container.disabled {\n  opacity: 0.5;\n}\n.ff-search-container.expanded {\n  border: 1px solid var(--border-color);\n  border-radius: 4px;\n  background-color: var(--ff-search-filed-bg-color);\n}\n.ff-search-container.expanded .ff-search-icon:hover {\n  background-color: var(--ff-search-filed-bg-color);\n}\n.ff-search-container.expanded .ff-vertical-line {\n  height: 8px;\n  width: 1px;\n  border-radius: 1px;\n  background-color: var(--border-color);\n}\n.ff-search-container.expanded .ff-search-input {\n  visibility: visible;\n  margin-left: 4px;\n}\n.ff-search-container.expanded .ff-search-input::placeholder {\n  color: var(--ff-search-filed-placeholder-text);\n}\n.ff-search-container.expanded .ff-search-icon {\n  border: none;\n  cursor: default;\n  margin-right: 4px;\n}\n.ff-search-container.expanded .ff-search-clear-button {\n  display: grid;\n  place-items: center;\n  cursor: pointer;\n  width: 22px;\n  padding-top: 1px;\n}\n.ff-search-container.expanded .ff-search-close-icon {\n  margin: 4px;\n  cursor: pointer;\n}\n.ff-search-container.expanded .ff-search-close-icon .ff-icon-container svg path {\n  fill: var(--ff-search-filed-close-Icon);\n}";
+styleInject(css_248z$D);
 const Search = ({
   placeholder = 'Search',
@@ -17375,8 +17339,8 @@ const TimePicker = ({
   });
 };
-var css_248z$B = "@import 'react-day-picker/style.css';\n.fontXs, .ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n/* Custom date picker styling */\n.ff-date-picker {\n  position: relative;\n}\n.ff-date-picker .rdp-root {\n  --rdp-accent-color: var(--brand-color);\n  --rdp-day-height: 24px;\n  --rdp-day-width: 36px;\n  font-family: \"Poppins\";\n  font-size: 12px;\n  --rdp-font-family: \"Poppins\", sans-serif;\n}\n.ff-date-picker .ff-cursor-pointer {\n  cursor: pointer;\n}\n.ff-date-picker .ff-datepicker-input-container {\n  display: flex;\n  gap: 10px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n  padding: 4px 8px;\n  padding-left: 2rem;\n  height: 32px;\n  border-radius: 5px;\n  border: 1px solid var(--border-color);\n  color: var(--status-skipped-text-color);\n  line-height: 15px;\n  box-sizing: border-box;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input:focus,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input:focus {\n  outline: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-calendar-icon,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-clock-icon {\n  position: absolute;\n  top: 50%;\n  transform: translate(25%, -50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field {\n  flex: 1;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input {\n  width: 100%;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n  padding: 0px 4px;\n  margin-left: 8px;\n  line-height: 12px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message--danger {\n  color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field {\n  flex: 0 0 120px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field .ff-time-input {\n  width: 100%;\n}\n.ff-date-picker .ff-date-picker-container {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  border-radius: 8px;\n  padding: 4px;\n  box-sizing: border-box;\n  background-color: var(--tab-bg-color);\n  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\n  gap: 8px;\n  z-index: 10;\n}\n.ff-date-picker .ff-date-picker-container .ff-calendar-container {\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n  height: 240px;\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls {\n  padding: 4px;\n  display: flex;\n  justify-content: end;\n  gap: 8px;\n  border-top: 1px solid var(--border-color);\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls .ff-date-picker-button {\n  font-weight: 600;\n  line-height: 15px;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button {\n  margin: 0 5px;\n  border: 1px solid var(--border-color);\n  background-color: var(--toggle-button-bg-color);\n  box-shadow: 0 -2px 2px 0 var(--ff-mini-modal-box-shadow);\n  padding: 0px;\n  border-radius: 30%;\n  cursor: pointer;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button:disabled {\n  cursor: auto;\n  opacity: 0.5;\n}\n.ff-date-picker .ff-calendar .ff-calendar-haeder {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  color: var(--text-color);\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid,\n.ff-date-picker .ff-calendar .ff-custom-month_grid {\n  width: calc((var(--rdp-day-width) + 4px) * 7);\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  padding: 5px;\n  max-width: 100%;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month {\n  padding: 10px 0;\n  text-align: center;\n  cursor: pointer;\n  border-radius: 8px;\n  background-color: #f9f9f9;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--selected {\n  background-color: var(--brand-color);\n  color: var(--primary-button-text-color);\n}\n.ff-date-picker .ff-calendar .rdp-weekdays th {\n  color: #6f7c8e;\n  font-weight: 400;\n}\n.ff-date-picker .ff-calendar .rdp-day {\n  padding: 2px;\n  font-weight: 500;\n}\n.ff-date-picker .ff-calendar .rdp-day_button {\n  border-radius: 4px;\n  padding: 3px 9px;\n}\n.ff-date-picker .ff-calendar .rdp-day_button:hover {\n  background-color: var(--hover-color);\n}\n.ff-date-picker .ff-calendar .rdp-selected {\n  font: inherit;\n}\n.ff-date-picker .ff-calendar .rdp-selected .rdp-day_button {\n  background: var(--rdp-accent-color);\n  color: var(--drawer-footer-bg);\n  border: none;\n}\n.ff-date-picker .ff-calendar .rdp-today:not(.rdp-outside) .rdp-day_button {\n  border: 2px solid var(--rdp-accent-color);\n}\n.ff-date-picker .ff-time-picker-container {\n  position: relative;\n  width: 150px;\n  height: 100%;\n  overflow-y: hidden;\n  border-left: 1px solid #ccc;\n  padding: 10px 5px;\n  box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container::-webkit-scrollbar {\n  display: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields {\n  display: flex;\n  height: 14%;\n  width: 100%;\n  margin-bottom: 5px;\n  box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container {\n  display: flex;\n  border: 1px solid var(--border-color);\n  border-right: 0;\n  border-radius: 4px 0 0 4px;\n  width: 55%;\n  position: relative;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n  border: none;\n  padding: 5px;\n  width: 100%;\n  text-align: center;\n  border-radius: 4px 0 0 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input::placeholder {\n  opacity: 0;\n  line-height: 18px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input-label {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.2s ease all;\n  color: var(--input-default-label-color);\n  pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label {\n  top: 0;\n  left: 5px;\n  color: var(--brand-color);\n  background-color: var(--input-label-bg-color);\n  line-height: 12px;\n  padding: 0 2px;\n  font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label--danger {\n  color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:hover {\n  border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within {\n  border-color: var(--brand-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label {\n  top: 0;\n  left: 5px;\n  color: var(--brand-color);\n  background-color: var(--input-label-bg-color);\n  line-height: 12px;\n  padding: 0 2px;\n  font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label--danger {\n  color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input::placeholder {\n  opacity: 1;\n  margin-bottom: 1px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--danger {\n  border-color: var(--input-error-text-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input:focus {\n  outline: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container {\n  position: relative;\n  width: 45%;\n  display: flex;\n  border: 1px solid var(--border-color);\n  border-radius: 0 4px 4px 0;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-select {\n  display: flex;\n  align-items: center;\n  padding: 0 5px;\n  width: 100%;\n  border-radius: 4px;\n  background-color: white;\n  cursor: pointer;\n  border: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container--active {\n  border-color: var(--brand-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container:hover {\n  border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-icon {\n  margin-left: auto;\n  pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-options {\n  position: fixed;\n  z-index: 100;\n  min-width: 60px;\n  margin: 4px 0 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid var(--ff-select-background-color);\n  border-radius: 4px;\n  background-color: var(--primary-button-text-color);\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item {\n  padding: 8px;\n  color: var(--text-color);\n  border-radius: 4px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item:hover {\n  background-color: var(--ff-select-option-hover-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options {\n  height: 86%;\n  overflow-y: auto;\n  padding-right: 5px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar {\n  width: 4px;\n  height: 12px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-thumb {\n  background-color: var(--ff-select-scroll-thumb-color);\n  border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-track {\n  background-color: var(--hover-color);\n  border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options .ff-time-option {\n  padding: 10px 12px;\n  cursor: pointer;\n  text-align: center;\n  border-radius: 8px;\n  background-color: rgb(249, 249, 249);\n  margin: 10px 0;\n}";
-styleInject(css_248z$B);
+var css_248z$C = "@import 'react-day-picker/style.css';\n.fontXs, .ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n/* Custom date picker styling */\n.ff-date-picker {\n  position: relative;\n}\n.ff-date-picker .rdp-root {\n  --rdp-accent-color: var(--brand-color);\n  --rdp-day-height: 24px;\n  --rdp-day-width: 36px;\n  font-family: \"Poppins\";\n  font-size: 12px;\n  --rdp-font-family: \"Poppins\", sans-serif;\n}\n.ff-date-picker .ff-cursor-pointer {\n  cursor: pointer;\n}\n.ff-date-picker .ff-datepicker-input-container {\n  display: flex;\n  gap: 10px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input {\n  padding: 4px 8px;\n  padding-left: 2rem;\n  height: 32px;\n  border-radius: 5px;\n  border: 1px solid var(--border-color);\n  color: var(--status-skipped-text-color);\n  line-height: 15px;\n  box-sizing: border-box;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-date-input:focus,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-time-input:focus {\n  outline: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-calendar-icon,\n.ff-date-picker .ff-datepicker-input-container .ff-input-with-icon .ff-clock-icon {\n  position: absolute;\n  top: 50%;\n  transform: translate(25%, -50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field {\n  flex: 1;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input {\n  width: 100%;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message {\n  padding: 0px 4px;\n  margin-left: 8px;\n  line-height: 12px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-date-input-field .ff-date-input-message--danger {\n  color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field {\n  flex: 0 0 120px;\n}\n.ff-date-picker .ff-datepicker-input-container .ff-time-input-field .ff-time-input {\n  width: 100%;\n}\n.ff-date-picker .ff-date-picker-container {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  border-radius: 8px;\n  padding: 4px;\n  box-sizing: border-box;\n  background-color: var(--tab-bg-color);\n  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);\n  gap: 8px;\n  z-index: 10;\n}\n.ff-date-picker .ff-date-picker-container .ff-calendar-container {\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n  height: 240px;\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls {\n  padding: 4px;\n  display: flex;\n  justify-content: end;\n  gap: 8px;\n  border-top: 1px solid var(--border-color);\n}\n.ff-date-picker .ff-date-picker-container .ff-date-picker-controls .ff-date-picker-button {\n  font-weight: 600;\n  line-height: 15px;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button {\n  margin: 0 5px;\n  border: 1px solid var(--border-color);\n  background-color: var(--toggle-button-bg-color);\n  box-shadow: 0 -2px 2px 0 var(--ff-mini-modal-box-shadow);\n  padding: 0px;\n  border-radius: 30%;\n  cursor: pointer;\n}\n.ff-date-picker .ff-calendar .ff-calendar-nav-button:disabled {\n  cursor: auto;\n  opacity: 0.5;\n}\n.ff-date-picker .ff-calendar .ff-calendar-haeder {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  color: var(--text-color);\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid,\n.ff-date-picker .ff-calendar .ff-custom-month_grid {\n  width: calc((var(--rdp-day-width) + 4px) * 7);\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  padding: 5px;\n  max-width: 100%;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month {\n  padding: 10px 0;\n  text-align: center;\n  cursor: pointer;\n  border-radius: 8px;\n  background-color: #f9f9f9;\n}\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-year_grid .ff-custom-month--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-year--selected,\n.ff-date-picker .ff-calendar .ff-custom-month_grid .ff-custom-month--selected {\n  background-color: var(--brand-color);\n  color: var(--primary-button-text-color);\n}\n.ff-date-picker .ff-calendar .rdp-weekdays th {\n  color: #6f7c8e;\n  font-weight: 400;\n}\n.ff-date-picker .ff-calendar .rdp-day {\n  padding: 2px;\n  font-weight: 500;\n}\n.ff-date-picker .ff-calendar .rdp-day_button {\n  border-radius: 4px;\n  padding: 3px 9px;\n}\n.ff-date-picker .ff-calendar .rdp-day_button:hover {\n  background-color: var(--hover-color);\n}\n.ff-date-picker .ff-calendar .rdp-selected {\n  font: inherit;\n}\n.ff-date-picker .ff-calendar .rdp-selected .rdp-day_button {\n  background: var(--rdp-accent-color);\n  color: var(--drawer-footer-bg);\n  border: none;\n}\n.ff-date-picker .ff-calendar .rdp-today:not(.rdp-outside) .rdp-day_button {\n  border: 2px solid var(--rdp-accent-color);\n}\n.ff-date-picker .ff-time-picker-container {\n  position: relative;\n  width: 150px;\n  height: 100%;\n  overflow-y: hidden;\n  border-left: 1px solid #ccc;\n  padding: 10px 5px;\n  box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container::-webkit-scrollbar {\n  display: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields {\n  display: flex;\n  height: 14%;\n  width: 100%;\n  margin-bottom: 5px;\n  box-sizing: border-box;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container {\n  display: flex;\n  border: 1px solid var(--border-color);\n  border-right: 0;\n  border-radius: 4px 0 0 4px;\n  width: 55%;\n  position: relative;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input {\n  border: none;\n  padding: 5px;\n  width: 100%;\n  text-align: center;\n  border-radius: 4px 0 0 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input::placeholder {\n  opacity: 0;\n  line-height: 18px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input-label {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: 0.2s ease all;\n  color: var(--input-default-label-color);\n  pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label {\n  top: 0;\n  left: 5px;\n  color: var(--brand-color);\n  background-color: var(--input-label-bg-color);\n  line-height: 12px;\n  padding: 0 2px;\n  font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--float .ff-time-input-label--danger {\n  color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:hover {\n  border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within {\n  border-color: var(--brand-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label {\n  top: 0;\n  left: 5px;\n  color: var(--brand-color);\n  background-color: var(--input-label-bg-color);\n  line-height: 12px;\n  padding: 0 2px;\n  font-size: 8px !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input-label--danger {\n  color: var(--input-error-text-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container:focus-within .ff-time-input::placeholder {\n  opacity: 1;\n  margin-bottom: 1px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container--danger {\n  border-color: var(--input-error-text-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-input-container .ff-time-input:focus {\n  outline: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container {\n  position: relative;\n  width: 45%;\n  display: flex;\n  border: 1px solid var(--border-color);\n  border-radius: 0 4px 4px 0;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-select {\n  display: flex;\n  align-items: center;\n  padding: 0 5px;\n  width: 100%;\n  border-radius: 4px;\n  background-color: white;\n  cursor: pointer;\n  border: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container--active {\n  border-color: var(--brand-color) !important;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container:hover {\n  border-color: var(--input-hover-border-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-icon {\n  margin-left: auto;\n  pointer-events: none;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-time-period-options {\n  position: fixed;\n  z-index: 100;\n  min-width: 60px;\n  margin: 4px 0 0;\n  padding: 0;\n  list-style: none;\n  border: 1px solid var(--ff-select-background-color);\n  border-radius: 4px;\n  background-color: var(--primary-button-text-color);\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item {\n  padding: 8px;\n  color: var(--text-color);\n  border-radius: 4px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container .ff-option-item:hover {\n  background-color: var(--ff-select-option-hover-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options {\n  height: 86%;\n  overflow-y: auto;\n  padding-right: 5px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar {\n  width: 4px;\n  height: 12px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-thumb {\n  background-color: var(--ff-select-scroll-thumb-color);\n  border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options::-webkit-scrollbar-track {\n  background-color: var(--hover-color);\n  border-radius: 4px;\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-options .ff-time-option {\n  padding: 10px 12px;\n  cursor: pointer;\n  text-align: center;\n  border-radius: 8px;\n  background-color: rgb(249, 249, 249);\n  margin: 10px 0;\n}";
+styleInject(css_248z$C);
 const CustomDatePicker = ({
   minDate,
@@ -17930,8 +17894,8 @@ const StateDropdown = ({
   });
 };
-var css_248z$A = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-plus-icon {\n  border-radius: 16px;\n  border-style: none;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  gap: 8px;\n  background-color: var(--secondary-icon-color);\n  padding: 2px 8px 2px 2px;\n  border: 1px solid transparent;\n}\n.ff-plus-icon .button-icon {\n  width: 20px;\n  height: 20px;\n  border: 1px solid transparent;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  background-color: var(--hover-color);\n}\n.ff-plus-icon .button-icon .ff-icon-color path {\n  color: var(--secondary-icon-color);\n}\n.ff-plus-icon .icon-name {\n  color: var(--primary-icon-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n}\n.ff-plus-icon:hover {\n  border: 1px solid var(--secondary-icon-color);\n  background-color: var(--hover-color);\n}\n.ff-plus-icon:hover .icon-name {\n  font-weight: 600;\n  color: var(--secondary-icon-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n}\n.ff-plus-icon:hover .button-icon {\n  width: 20px;\n  height: 20px;\n  border: 1px solid transparent;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  background-color: var(--secondary-icon-color);\n}\n.ff-plus-icon:hover .button-icon .ff-icon-color path {\n  color: var(--primary-icon-color);\n}";
-styleInject(css_248z$A);
+var css_248z$B = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-plus-icon {\n  border-radius: 16px;\n  border-style: none;\n  text-align: center;\n  text-decoration: none;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  gap: 8px;\n  background-color: var(--secondary-icon-color);\n  padding: 2px 8px 2px 2px;\n  border: 1px solid transparent;\n}\n.ff-plus-icon .button-icon {\n  width: 20px;\n  height: 20px;\n  border: 1px solid transparent;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  background-color: var(--hover-color);\n}\n.ff-plus-icon .button-icon .ff-icon-color path {\n  color: var(--secondary-icon-color);\n}\n.ff-plus-icon .icon-name {\n  color: var(--primary-icon-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n}\n.ff-plus-icon:hover {\n  border: 1px solid var(--secondary-icon-color);\n  background-color: var(--hover-color);\n}\n.ff-plus-icon:hover .icon-name {\n  font-weight: 600;\n  color: var(--secondary-icon-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n}\n.ff-plus-icon:hover .button-icon {\n  width: 20px;\n  height: 20px;\n  border: 1px solid transparent;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  background-color: var(--secondary-icon-color);\n}\n.ff-plus-icon:hover .button-icon .ff-icon-color path {\n  color: var(--primary-icon-color);\n}";
+styleInject(css_248z$B);
 const IconButton = ({
   label,
@@ -17959,8 +17923,8 @@ const IconButton = ({
   });
 };
-var css_248z$z = ".ff-modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--modal-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  flex-direction: column;\n}\n\n.ff-modal-container {\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.ff-modal-content {\n  background: var(--ff-mini-modal-border);\n  position: relative;\n  max-width: 100%;\n  padding: 16px;\n}\n.ff-modal-content .ff-modal-header {\n  height: 32px;\n  width: 100%;\n}\n\n.modal-bottom-border {\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.modal-top-border {\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n}\n\n.ff-modal-footer {\n  background-color: var(--expandable-menu-option-bg);\n  max-width: 100%;\n  width: 100%;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 16px;\n}";
-styleInject(css_248z$z);
+var css_248z$A = ".ff-modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--modal-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  flex-direction: column;\n}\n\n.ff-modal-container {\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.ff-modal-content {\n  background: var(--ff-mini-modal-border);\n  position: relative;\n  max-width: 100%;\n  padding: 16px;\n}\n.ff-modal-content .ff-modal-header {\n  height: 32px;\n  width: 100%;\n}\n\n.modal-bottom-border {\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.modal-top-border {\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n}\n\n.ff-modal-footer {\n  background-color: var(--expandable-menu-option-bg);\n  max-width: 100%;\n  width: 100%;\n  height: 32px;\n  display: flex;\n  flex-direction: row;\n  justify-content: end;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 16px;\n}";
+styleInject(css_248z$A);
 const Modal = ({
   isOpen,
@@ -22656,8 +22620,8 @@ const DragAndDrop = {
   DNDUtilities
 };
-var css_248z$y = ".ff_variable_input_container .ff_label_container {\n  display: flex;\n  align-items: center;\n  margin-bottom: 4px;\n}\n.ff_variable_input_container .ff_label_container.ff_danger_label .ff_input_label {\n  color: var(--error);\n}\n.ff_variable_input_container .ff_label_container.ff_danger_label .ff_required_asterisk {\n  color: var(--error);\n}\n.ff_variable_input_container .ff_required_asterisk {\n  color: var(--input-error-text-color);\n  font-size: 1.1em;\n  margin-right: 4px;\n}\n.ff_variable_input_container .ff_input_label {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--text-color);\n}\n.ff_variable_input_container .ff_input_label.ff_no_hover {\n  color: var(--toggle-disable-icon-color);\n}\n.ff_variable_input_container .ff_input_label.ff_disabled_label {\n  color: var(--toggle-disable-icon-color);\n  cursor: not-allowed;\n}\n.ff_variable_input_container .ff_input_label.ff_danger_label {\n  color: var(--error);\n}\n.ff_variable_input_container .ff_content_editable {\n  min-width: 8rem;\n  border: 1px solid var(--input-default-border-color);\n  padding: 8px;\n  min-height: 30px;\n  border-radius: 4px;\n  font-size: 14px;\n  line-height: 20px;\n  transition: border-color 0.2s ease;\n  position: relative;\n  text-align: left;\n  display: flex;\n  align-items: center;\n  overflow: auto;\n}\n.ff_variable_input_container .ff_content_editable .ff_var_red {\n  color: var(--status-rejected-text-color);\n}\n.ff_variable_input_container .ff_content_editable .ff_var_def_color {\n  color: var(--text-color);\n}\n.ff_variable_input_container .ff_content_editable .ff_var_green {\n  color: var(--status-success-text-color);\n}\n.ff_variable_input_container .ff_content_editable::after {\n  content: \"*\";\n  color: var(--input-error-text-color);\n  font-size: 1.2em;\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  display: none;\n}\n.ff_variable_input_container .ff_content_editable.ff_required::after {\n  display: inline;\n}\n.ff_variable_input_container .ff_content_editable.ff_required_empty:focus-within, .ff_variable_input_container .ff_content_editable.ff_required_empty:focus {\n  border-color: var(--input-error-text-color);\n}\n.ff_variable_input_container .ff_content_editable:empty::before {\n  content: attr(data-placeholder);\n  color: var(--ff-search-filed-placeholder-text);\n  position: absolute;\n  user-select: none;\n  pointer-events: none;\n  font-size: medium;\n}\n.ff_variable_input_container .ff_content_editable.ff_disabled {\n  pointer-events: none;\n  opacity: 0.5;\n  background-color: var(--input-default-border-color);\n}\n.ff_variable_input_container .ff_content_editable.ff_invalid_input {\n  border: 1px solid var(--input-error-text-color);\n}\n.ff_variable_input_container .ff_suggestions {\n  border: 1px solid var(--input-default-border-color);\n  margin-top: 4px;\n  padding: 4px;\n  border-radius: 4px;\n  list-style-type: none;\n  background-color: var(--ff-select-background-color);\n  max-height: 150px;\n  overflow-y: auto;\n}\n.ff_variable_input_container .ff_suggestion_item {\n  padding: 4px;\n  cursor: pointer;\n}\n.ff_variable_input_container .ff_suggestion_item:hover {\n  background-color: var(--ff-select-background-color);\n}";
-styleInject(css_248z$y);
+var css_248z$z = ".ff_variable_input_container .ff_label_container {\n  display: flex;\n  align-items: center;\n  margin-bottom: 4px;\n}\n.ff_variable_input_container .ff_label_container.ff_danger_label .ff_input_label {\n  color: var(--error);\n}\n.ff_variable_input_container .ff_label_container.ff_danger_label .ff_required_asterisk {\n  color: var(--error);\n}\n.ff_variable_input_container .ff_required_asterisk {\n  color: var(--input-error-text-color);\n  font-size: 1.1em;\n  margin-right: 4px;\n}\n.ff_variable_input_container .ff_input_label {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--text-color);\n}\n.ff_variable_input_container .ff_input_label.ff_no_hover {\n  color: var(--toggle-disable-icon-color);\n}\n.ff_variable_input_container .ff_input_label.ff_disabled_label {\n  color: var(--toggle-disable-icon-color);\n  cursor: not-allowed;\n}\n.ff_variable_input_container .ff_input_label.ff_danger_label {\n  color: var(--error);\n}\n.ff_variable_input_container .ff_content_editable {\n  min-width: 8rem;\n  border: 1px solid var(--input-default-border-color);\n  padding: 8px;\n  min-height: 30px;\n  border-radius: 4px;\n  font-size: 14px;\n  line-height: 20px;\n  transition: border-color 0.2s ease;\n  position: relative;\n  text-align: left;\n  display: flex;\n  align-items: center;\n  overflow: auto;\n}\n.ff_variable_input_container .ff_content_editable .ff_var_red {\n  color: var(--status-rejected-text-color);\n}\n.ff_variable_input_container .ff_content_editable .ff_var_def_color {\n  color: var(--text-color);\n}\n.ff_variable_input_container .ff_content_editable .ff_var_green {\n  color: var(--status-success-text-color);\n}\n.ff_variable_input_container .ff_content_editable::after {\n  content: \"*\";\n  color: var(--input-error-text-color);\n  font-size: 1.2em;\n  position: absolute;\n  top: 2px;\n  right: 2px;\n  display: none;\n}\n.ff_variable_input_container .ff_content_editable.ff_required::after {\n  display: inline;\n}\n.ff_variable_input_container .ff_content_editable.ff_required_empty:focus-within, .ff_variable_input_container .ff_content_editable.ff_required_empty:focus {\n  border-color: var(--input-error-text-color);\n}\n.ff_variable_input_container .ff_content_editable:empty::before {\n  content: attr(data-placeholder);\n  color: var(--ff-search-filed-placeholder-text);\n  position: absolute;\n  user-select: none;\n  pointer-events: none;\n  font-size: medium;\n}\n.ff_variable_input_container .ff_content_editable.ff_disabled {\n  pointer-events: none;\n  opacity: 0.5;\n  background-color: var(--input-default-border-color);\n}\n.ff_variable_input_container .ff_content_editable.ff_invalid_input {\n  border: 1px solid var(--input-error-text-color);\n}\n.ff_variable_input_container .ff_suggestions {\n  border: 1px solid var(--input-default-border-color);\n  margin-top: 4px;\n  padding: 4px;\n  border-radius: 4px;\n  list-style-type: none;\n  background-color: var(--ff-select-background-color);\n  max-height: 150px;\n  overflow-y: auto;\n}\n.ff_variable_input_container .ff_suggestion_item {\n  padding: 4px;\n  cursor: pointer;\n}\n.ff_variable_input_container .ff_suggestion_item:hover {\n  background-color: var(--ff-select-background-color);\n}";
+styleInject(css_248z$z);
 const VariableInput = ({
   type = 'url',
@@ -22935,8 +22899,8 @@ const VariableInput = ({
   });
 };
-var css_248z$x = ".ff-all-project {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n.ff-all-project .ff-all-project-dropdown {\n  width: fit-content;\n  border-radius: 16px;\n  background-color: var(--ff-all-projects-default-color);\n  color: var(--expandable-menu-default-bg);\n  line-height: 18px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  padding: 3px;\n  cursor: pointer;\n}\n.ff-all-project .ff-all-project-dropdown--selected {\n  background-color: var(--primary-icon-color);\n  border-radius: 20px;\n}\n.ff-all-project .ff-all-project-dropdown--selected .ff-all-project-container {\n  border-radius: 20px;\n  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922) inset;\n  background: linear-gradient(90deg, var(--brand-color) 0%, var(--button-background-gradient-color) 100%);\n  text-wrap-mode: nowrap;\n}\n.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label {\n  position: relative;\n  white-space: nowrap;\n}\n.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label:hover::after {\n  animation: oscillate-border-width 0.5s ease-in-out forwards;\n}\n.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label::after {\n  content: \"\";\n  position: absolute;\n  top: 20px;\n  left: 0%;\n  width: 0%;\n  height: 2px;\n  background-color: var(--ff-app-header-menu-border-bottom-color);\n  border-radius: 4px;\n  transition: width 0.15s ease-in-out;\n}\n.ff-all-project .ff-all-project-dropdown .ff-all-project-container {\n  display: flex;\n  padding: 4px;\n  gap: 4px;\n  justify-content: center;\n  text-wrap-mode: nowrap;\n}\n.ff-all-project .ff-all-project-dropdown .ff-all-project-container .label-icon {\n  height: 16px;\n  width: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n}\n.ff-all-project .ff-projects-dropdown {\n  width: 202px;\n  position: absolute;\n  top: 50px;\n  padding: 1px;\n  border: 0.5px solid var(--expandable-menu-default-bg);\n  border-radius: 4px;\n  background-color: var(--secondary-icon-color);\n  color: var(--primary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search {\n  width: 100%;\n  margin-bottom: 1px;\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search input {\n  height: 30px;\n  width: inherit;\n  border-radius: 4px;\n  border-style: none;\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search input::placeholder {\n  padding-left: 28px;\n  font-size: 8px;\n  line-height: 12px;\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search span {\n  position: absolute;\n  top: 11px;\n  left: 8px;\n}\n.ff-all-project .ff-projects-dropdown .scroll {\n  max-height: 150px;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ff-all-project .ff-projects-dropdown .scroll::-webkit-scrollbar {\n  width: 2px;\n}\n.ff-all-project .ff-projects-dropdown .scroll::-webkit-scrollbar-thumb {\n  background: var(--primary-icon-color);\n  border-radius: 2px;\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  justify-content: flex-start;\n  gap: 4px;\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options .ff-projects-icons {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  height: 24px;\n  width: 24px;\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options .ff-projects-icons svg path {\n  fill: var(--primary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options.ff-selected-option,\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options:hover {\n  background-color: var(--primary-icon-color);\n  color: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options.ff-selected-option svg path,\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options:hover svg path {\n  fill: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  justify-content: flex-start;\n  gap: 4px;\n  white-space: nowrap;\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options .ff-projects-icons {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  height: 24px;\n  width: 24px;\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options .ff-projects-icons svg path {\n  fill: var(--primary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options.ff-selected-option,\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options:hover {\n  background-color: var(--primary-icon-color);\n  color: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options.ff-selected-option svg path,\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options:hover svg path {\n  fill: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-selected-option {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  justify-content: flex-start;\n  gap: 4px;\n  background-color: var(--primary-icon-color);\n  color: var(--secondary-icon-color);\n  border-radius: 4px;\n}\n.ff-all-project .ff-projects-dropdown .ff-selected-option .ff-projects-icons svg path {\n  fill: var(--secondary-icon-color);\n}\n\n@keyframes oscillate-border-width {\n  0% {\n    width: 50%;\n    left: 25%;\n  }\n  50% {\n    width: 70%;\n    left: 15%;\n  }\n  100% {\n    width: 50%;\n    left: 25%;\n  }\n}";
-styleInject(css_248z$x);
+var css_248z$y = ".ff-all-project {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n.ff-all-project .ff-all-project-dropdown {\n  width: fit-content;\n  border-radius: 16px;\n  background-color: var(--ff-all-projects-default-color);\n  color: var(--expandable-menu-default-bg);\n  line-height: 18px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  padding: 3px;\n  cursor: pointer;\n}\n.ff-all-project .ff-all-project-dropdown--selected {\n  background-color: var(--primary-icon-color);\n  border-radius: 20px;\n}\n.ff-all-project .ff-all-project-dropdown--selected .ff-all-project-container {\n  border-radius: 20px;\n  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922) inset;\n  background: linear-gradient(90deg, var(--brand-color) 0%, var(--button-background-gradient-color) 100%);\n  text-wrap-mode: nowrap;\n}\n.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label {\n  position: relative;\n  white-space: nowrap;\n}\n.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label:hover::after {\n  animation: oscillate-border-width 0.5s ease-in-out forwards;\n}\n.ff-all-project .ff-all-project-dropdown:not(.ff-all-project-dropdown--selected):hover .projects-label::after {\n  content: \"\";\n  position: absolute;\n  top: 20px;\n  left: 0%;\n  width: 0%;\n  height: 2px;\n  background-color: var(--ff-app-header-menu-border-bottom-color);\n  border-radius: 4px;\n  transition: width 0.15s ease-in-out;\n}\n.ff-all-project .ff-all-project-dropdown .ff-all-project-container {\n  display: flex;\n  padding: 4px;\n  gap: 4px;\n  justify-content: center;\n  text-wrap-mode: nowrap;\n}\n.ff-all-project .ff-all-project-dropdown .ff-all-project-container .label-icon {\n  height: 16px;\n  width: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n}\n.ff-all-project .ff-projects-dropdown {\n  width: 202px;\n  position: absolute;\n  top: 50px;\n  padding: 1px;\n  border: 0.5px solid var(--expandable-menu-default-bg);\n  border-radius: 4px;\n  background-color: var(--secondary-icon-color);\n  color: var(--primary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search {\n  width: 100%;\n  margin-bottom: 1px;\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search input {\n  height: 30px;\n  width: inherit;\n  border-radius: 4px;\n  border-style: none;\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search input::placeholder {\n  padding-left: 28px;\n  font-size: 8px;\n  line-height: 12px;\n}\n.ff-all-project .ff-projects-dropdown .ff-projects-search span {\n  position: absolute;\n  top: 11px;\n  left: 8px;\n}\n.ff-all-project .ff-projects-dropdown .scroll {\n  max-height: 150px;\n  overflow-x: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ff-all-project .ff-projects-dropdown .scroll::-webkit-scrollbar {\n  width: 2px;\n}\n.ff-all-project .ff-projects-dropdown .scroll::-webkit-scrollbar-thumb {\n  background: var(--primary-icon-color);\n  border-radius: 2px;\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  justify-content: flex-start;\n  gap: 4px;\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options .ff-projects-icons {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  height: 24px;\n  width: 24px;\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options .ff-projects-icons svg path {\n  fill: var(--primary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options.ff-selected-option,\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options:hover {\n  background-color: var(--primary-icon-color);\n  color: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options.ff-selected-option svg path,\n.ff-all-project .ff-projects-dropdown .ff-all-projects-options:hover svg path {\n  fill: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  justify-content: flex-start;\n  gap: 4px;\n  white-space: nowrap;\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options .ff-projects-icons {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  height: 24px;\n  width: 24px;\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options .ff-projects-icons svg path {\n  fill: var(--primary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options.ff-selected-option,\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options:hover {\n  background-color: var(--primary-icon-color);\n  color: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options.ff-selected-option svg path,\n.ff-all-project .ff-projects-dropdown .option-card .ff-projects-options:hover svg path {\n  fill: var(--secondary-icon-color);\n}\n.ff-all-project .ff-projects-dropdown .ff-selected-option {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  justify-content: flex-start;\n  gap: 4px;\n  background-color: var(--primary-icon-color);\n  color: var(--secondary-icon-color);\n  border-radius: 4px;\n}\n.ff-all-project .ff-projects-dropdown .ff-selected-option .ff-projects-icons svg path {\n  fill: var(--secondary-icon-color);\n}\n\n@keyframes oscillate-border-width {\n  0% {\n    width: 50%;\n    left: 25%;\n  }\n  50% {\n    width: 70%;\n    left: 15%;\n  }\n  100% {\n    width: 50%;\n    left: 25%;\n  }\n}";
+styleInject(css_248z$y);
 const AllProjectsDropdown = ({
   onClick = () => {},
@@ -23071,8 +23035,8 @@ const AllProjectsDropdown = ({
   });
 };
-var css_248z$w = ".ff-pie-chart-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  font-size: var(--fontSize);\n}\n.ff-pie-chart-container .ff-pie-chart-border {\n  display: inline-block;\n  border: 2px solid var(--pie-chart-border-color);\n  border-radius: 50%;\n}\n.ff-pie-chart-container .ff-pie-chart-tooltip {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -100%);\n  padding: 8px;\n  border-radius: 4px;\n  background-color: var(--tooltip-bg-color);\n  color: var(--primary-icon-color);\n  border: 10px solid;\n  font-size: 14px;\n  font-weight: 400;\n  pointer-events: none;\n  opacity: 0.8;\n}\n.ff-pie-chart-container .ff-pie-chart-legend {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n}\n.ff-pie-chart-container .ff-pie-chart-legend .ff-pie-chart-legend-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}";
-styleInject(css_248z$w);
+var css_248z$x = ".ff-pie-chart-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  font-size: var(--fontSize);\n}\n.ff-pie-chart-container .ff-pie-chart-border {\n  display: inline-block;\n  border: 2px solid var(--pie-chart-border-color);\n  border-radius: 50%;\n}\n.ff-pie-chart-container .ff-pie-chart-tooltip {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -100%);\n  padding: 8px;\n  border-radius: 4px;\n  background-color: var(--tooltip-bg-color);\n  color: var(--primary-icon-color);\n  border: 10px solid;\n  font-size: 14px;\n  font-weight: 400;\n  pointer-events: none;\n  opacity: 0.8;\n}\n.ff-pie-chart-container .ff-pie-chart-legend {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n}\n.ff-pie-chart-container .ff-pie-chart-legend .ff-pie-chart-legend-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}";
+styleInject(css_248z$x);
 const calculateArc$3 = ({
   x,
@@ -23227,8 +23191,8 @@ const PieChart = ({
   });
 };
-var css_248z$v = ".ff-app-header-main {\n  display: flex;\n}\n.ff-app-header-main .ff-app-header {\n  display: flex;\n  flex-basis: 100%;\n  justify-content: space-between;\n  background-color: var(--brand-color);\n  padding-left: 8px;\n  height: 40px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-left-container {\n  display: flex;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-left-container .ff-app-header-logo-icon {\n  padding: 4px;\n  height: 24px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar {\n  display: flex;\n  align-items: center;\n  background-color: var(--brand-color);\n  transform: translateY(12px);\n  border-radius: 20px;\n  padding: 5px;\n  z-index: 1000;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items {\n  display: flex;\n  align-items: center;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item {\n  margin-left: 8px;\n  padding: 7px;\n  color: var(--ff-header-text-color);\n  cursor: pointer;\n  display: flex;\n  position: relative;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item:not(.ff-app-header-nav-bar-item--selected):hover::after {\n  animation: oscillate-border-width 0.5s ease-in-out forwards;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 25%;\n  width: 0%;\n  height: 2px;\n  background: var(--ff-app-header-menu-border-bottom-color);\n  border-radius: 4px;\n  transition: width 0.15s ease-in-out;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-nav-bar-item-label {\n  white-space: nowrap;\n  align-content: center;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected {\n  padding: 3px;\n  background-color: var(--primary-icon-color);\n  border-radius: 20px;\n  transition: width 3s ease-in-out;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected .ff-app-header-nav-bar-item-label {\n  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922) inset;\n  background: linear-gradient(90deg, var(--brand-color) 0%, var(--button-background-gradient-color) 100%);\n  border-radius: 20px;\n  padding: 4px 8px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected :last-child {\n  margin-right: 3px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected :first-child {\n  margin: 0;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container {\n  display: flex;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item {\n  color: var(--ff-header-submenu-text-color);\n  align-content: center;\n  position: relative;\n  white-space: nowrap;\n  padding-left: 8px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item:not(.ff-app-header-nav-bar-submenu-item--selected):hover::after {\n  animation: oscillate-border-width 0.5s ease-in-out forwards;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 25%;\n  width: 0%;\n  height: 2px;\n  border-radius: 4px;\n  transition: width 0.15s ease-in-out;\n  background: var(--ff-app-header-submenu-border-bottom-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item--selected {\n  color: var(--ff-header-submenu-highlight-text-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item--selected::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 20%;\n  width: 70%;\n  height: 2px;\n  border-radius: 4px;\n  box-shadow: 0px 1px 0.2px 0px rgba(0, 0, 0, 0.1607843137);\n  background: var(--ff-app-header-submenu-border-bottom-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container {\n  display: flex;\n  align-items: center;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item {\n  margin-right: 6px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item .ff-tooltip-container {\n  display: inline;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item .ff-tooltip-container .ff-icon-container {\n  padding: 2px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item--selected {\n  background: var(--brand-color);\n  border-radius: 5px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item--selected :hover {\n  background: transparent;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item--selected svg path {\n  fill: var(--primary-button-text-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .more-menu {\n  width: 40px;\n  display: flex;\n  justify-content: center;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .more-menu .ff-app-header-more-icon svg {\n  cursor: pointer;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .more-menu .ff-app-header-more-icon svg path {\n  fill: var(--primary-icon-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-left-content,\n.ff-app-header-main .ff-app-header .ff-app-header-right-content {\n  height: 24px;\n  padding: 8px;\n  align-content: center;\n}\n\n@keyframes oscillate-border-width {\n  0% {\n    width: 50%;\n    left: 25%;\n  }\n  50% {\n    width: 70%;\n    left: 15%;\n  }\n  100% {\n    width: 50%;\n    left: 25%;\n  }\n}";
-styleInject(css_248z$v);
+var css_248z$w = ".ff-app-header-main {\n  display: flex;\n}\n.ff-app-header-main .ff-app-header {\n  display: flex;\n  flex-basis: 100%;\n  justify-content: space-between;\n  background-color: var(--brand-color);\n  padding-left: 8px;\n  height: 40px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-left-container {\n  display: flex;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-left-container .ff-app-header-logo-icon {\n  padding: 4px;\n  height: 24px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar {\n  display: flex;\n  align-items: center;\n  background-color: var(--brand-color);\n  transform: translateY(12px);\n  border-radius: 20px;\n  padding: 5px;\n  z-index: 1000;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items {\n  display: flex;\n  align-items: center;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item {\n  margin-left: 8px;\n  padding: 7px;\n  color: var(--ff-header-text-color);\n  cursor: pointer;\n  display: flex;\n  position: relative;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item:not(.ff-app-header-nav-bar-item--selected):hover::after {\n  animation: oscillate-border-width 0.5s ease-in-out forwards;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 25%;\n  width: 0%;\n  height: 2px;\n  background: var(--ff-app-header-menu-border-bottom-color);\n  border-radius: 4px;\n  transition: width 0.15s ease-in-out;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-nav-bar-item-label {\n  white-space: nowrap;\n  align-content: center;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected {\n  padding: 3px;\n  background-color: var(--primary-icon-color);\n  border-radius: 20px;\n  transition: width 3s ease-in-out;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected .ff-app-header-nav-bar-item-label {\n  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922) inset;\n  background: linear-gradient(90deg, var(--brand-color) 0%, var(--button-background-gradient-color) 100%);\n  border-radius: 20px;\n  padding: 4px 8px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected :last-child {\n  margin-right: 3px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item--selected :first-child {\n  margin: 0;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container {\n  display: flex;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item {\n  color: var(--ff-header-submenu-text-color);\n  align-content: center;\n  position: relative;\n  white-space: nowrap;\n  padding-left: 8px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item:not(.ff-app-header-nav-bar-submenu-item--selected):hover::after {\n  animation: oscillate-border-width 0.5s ease-in-out forwards;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 25%;\n  width: 0%;\n  height: 2px;\n  border-radius: 4px;\n  transition: width 0.15s ease-in-out;\n  background: var(--ff-app-header-submenu-border-bottom-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item--selected {\n  color: var(--ff-header-submenu-highlight-text-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-nav-bar-submenu-item--selected::after {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 20%;\n  width: 70%;\n  height: 2px;\n  border-radius: 4px;\n  box-shadow: 0px 1px 0.2px 0px rgba(0, 0, 0, 0.1607843137);\n  background: var(--ff-app-header-submenu-border-bottom-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container {\n  display: flex;\n  align-items: center;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item {\n  margin-right: 6px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item .ff-tooltip-container {\n  display: inline;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item .ff-tooltip-container .ff-icon-container {\n  padding: 2px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item--selected {\n  background: var(--brand-color);\n  border-radius: 5px;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item--selected :hover {\n  background: transparent;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .ff-app-header-nav-bar-items .ff-app-header-nav-bar-item .ff-app-header-submenu-container .ff-app-header-quickmenu-container .ff-app-header-nav-bar-quickmenu-item--selected svg path {\n  fill: var(--primary-button-text-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .more-menu {\n  width: 40px;\n  display: flex;\n  justify-content: center;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .more-menu .ff-app-header-more-icon svg {\n  cursor: pointer;\n}\n.ff-app-header-main .ff-app-header .ff-app-header-nav-bar .more-menu .ff-app-header-more-icon svg path {\n  fill: var(--primary-icon-color);\n}\n.ff-app-header-main .ff-app-header .ff-app-header-left-content,\n.ff-app-header-main .ff-app-header .ff-app-header-right-content {\n  height: 24px;\n  padding: 8px;\n  align-content: center;\n}\n\n@keyframes oscillate-border-width {\n  0% {\n    width: 50%;\n    left: 25%;\n  }\n  50% {\n    width: 70%;\n    left: 15%;\n  }\n  100% {\n    width: 50%;\n    left: 25%;\n  }\n}";
+styleInject(css_248z$w);
 const AppHeader = ({
   logoIconName = 'fireflink_icon',
@@ -23362,8 +23326,8 @@ const AppHeader = ({
   });
 };
-var css_248z$u = ".ff_rounded_lg {\n  border-radius: 8px;\n}\n\n.ff_paper_basic_style {\n  padding: 20px;\n  background-color: var(--ff-paper-dark-background-color);\n}\n\n.ff_paper_default_style {\n  padding: 20px;\n  background-color: var(--ff-paper-background-color);\n}";
-styleInject(css_248z$u);
+var css_248z$v = ".ff_rounded_lg {\n  border-radius: 8px;\n}\n\n.ff_paper_basic_style {\n  padding: 20px;\n  background-color: var(--ff-paper-dark-background-color);\n}\n\n.ff_paper_default_style {\n  padding: 20px;\n  background-color: var(--ff-paper-background-color);\n}";
+styleInject(css_248z$v);
 const Paper = ({
   children,
@@ -23379,8 +23343,8 @@ const Paper = ({
   });
 };
-var css_248z$t = ".fontXs, .ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header, .ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd, .ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(2) {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl, .ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(1) {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-dashboard-donut-chart-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.ff-dashboard-donut-chart-section-table-legend {\n  flex-direction: row;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container {\n  text-align: center;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(1) {\n  font-weight: 600;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(2) {\n  font-weight: 500;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container .ff-donut-chart-tooltip {\n  position: fixed;\n  padding: 5px;\n  border-radius: 4px;\n  pointer-events: none;\n  background-color: var(--tooltip-bg-color);\n  color: var(--tooltip-text-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container {\n  display: grid;\n  gap: 10px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.numberLegend {\n  grid-template-columns: repeat(3, 1fr);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.numberLegend .ff-legend-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend {\n  grid-template-columns: repeat(2, 1fr);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend .ff-legend-item {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend .ff-legend-item .ff-legend-capsule {\n  background-color: var(--status-success-text-color);\n  color: var(--tooltip-text-color);\n  border-radius: 15px;\n  min-width: 25px;\n  height: 18px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend .ff-legend-item .ff-legend-key {\n  margin-left: 8px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.memoryLegend {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-around;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.memoryLegend .ff-legend-item {\n  box-sizing: border-box;\n  flex: 1 1 calc(33.33% - 10px);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  padding-right: 10px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table-wrapper {\n  overflow: hidden;\n  border: 1px solid var(--border-color);\n  border-radius: 4px;\n  margin-left: 1rem;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table {\n  width: 100%;\n  min-width: 300px;\n  border-collapse: collapse;\n  text-align: left;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header {\n  font-weight: bold;\n  background-color: var(--tabs-bg-color);\n  color: var(--input-hover-border-color);\n  padding: 0.5rem;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header:last-child {\n  text-align: right;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-capsule {\n  background-color: var(--status-success-text-color);\n  color: var(--tooltip-text-color);\n  border-radius: 1rem;\n  min-width: 22px;\n  height: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n  padding: 0.5rem;\n  color: var(--input-hover-border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name {\n  display: flex;\n  align-items: baseline;\n  gap: 5px;\n  color: var(--input-hover-border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n  text-align: right;\n}";
-styleInject(css_248z$t);
+var css_248z$u = ".fontXs, .ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header, .ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd, .ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(2) {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl, .ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(1) {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-dashboard-donut-chart-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.ff-dashboard-donut-chart-section-table-legend {\n  flex-direction: row;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container {\n  text-align: center;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(1) {\n  font-weight: 600;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container svg text:nth-of-type(2) {\n  font-weight: 500;\n}\n.ff-dashboard-donut-chart-section .ff-dashboard-donut-chart-svg-container .ff-donut-chart-tooltip {\n  position: fixed;\n  padding: 5px;\n  border-radius: 4px;\n  pointer-events: none;\n  background-color: var(--tooltip-bg-color);\n  color: var(--tooltip-text-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container {\n  display: grid;\n  gap: 10px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.numberLegend {\n  grid-template-columns: repeat(3, 1fr);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.numberLegend .ff-legend-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend {\n  grid-template-columns: repeat(2, 1fr);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend .ff-legend-item {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend .ff-legend-item .ff-legend-capsule {\n  background-color: var(--status-success-text-color);\n  color: var(--tooltip-text-color);\n  border-radius: 15px;\n  min-width: 25px;\n  height: 18px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.pillLegend .ff-legend-item .ff-legend-key {\n  margin-left: 8px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.memoryLegend {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-around;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.memoryLegend .ff-legend-item {\n  box-sizing: border-box;\n  flex: 1 1 calc(33.33% - 10px);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  padding-right: 10px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table-wrapper {\n  overflow: hidden;\n  border: 1px solid var(--border-color);\n  border-radius: 4px;\n  margin-left: 1rem;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table {\n  width: 100%;\n  min-width: 300px;\n  border-collapse: collapse;\n  text-align: left;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header {\n  font-weight: bold;\n  background-color: var(--tabs-bg-color);\n  color: var(--input-hover-border-color);\n  padding: 0.5rem;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-table-header:last-child {\n  text-align: right;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-capsule {\n  background-color: var(--status-success-text-color);\n  color: var(--tooltip-text-color);\n  border-radius: 1rem;\n  min-width: 22px;\n  height: 16px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-percentage,\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n  padding: 0.5rem;\n  color: var(--input-hover-border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-name {\n  display: flex;\n  align-items: baseline;\n  gap: 5px;\n  color: var(--input-hover-border-color);\n}\n.ff-dashboard-donut-chart-section .ff-legend-table .ff-legend-item .ff-legend-count {\n  text-align: right;\n}";
+styleInject(css_248z$u);
 const calculateArc$2 = (x, y, radius, startAngle, endAngle) => {
   const startX = x + radius * Math.cos(startAngle);
@@ -25465,8 +25429,8 @@ var RecaptchaWrapper = makeAsyncScript(getURL, {
   } : {}
 })(ReCAPTCHA);
-var css_248z$s = ".ff-recaptcha-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.ff-recaptcha-wrapper .ff-recaptcha-error {\n  color: var(--input-error-text-color);\n  font-size: 12px;\n  margin-top: 4px;\n}";
-styleInject(css_248z$s);
+var css_248z$t = ".ff-recaptcha-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.ff-recaptcha-wrapper .ff-recaptcha-error {\n  color: var(--input-error-text-color);\n  font-size: 12px;\n  margin-top: 4px;\n}";
+styleInject(css_248z$t);
 const Recaptcha = /*#__PURE__*/React.forwardRef(({
   onVerify,
@@ -25509,8 +25473,8 @@ const nlpDropdownDefaultCSSData = {
   dropDownWrapperPadding: 0
 };
-var css_248z$r = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper {\n  max-height: 160px;\n  z-index: 100;\n  position: absolute;\n  min-width: 100px;\n  border: 1px solid var(--ff-select-option-border-color);\n  box-sizing: border-box;\n  margin-top: 4px;\n  border-radius: 4px;\n  background-color: var(--ff-select-background-color);\n  box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n  overflow: hidden auto;\n  display: flex;\n  justify-content: space-between;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-options-wrapper1 {\n  max-height: 160px;\n  z-index: 100;\n  min-width: auto;\n  box-sizing: border-box;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper::-webkit-scrollbar {\n  width: 4px;\n  height: 12px;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper::-webkit-scrollbar-thumb {\n  background-color: var(--ff-select-scroll-thumb-color);\n  border-radius: 4px;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper::-webkit-scrollbar-track {\n  background-color: transparent;\n  border-radius: 4px;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-option {\n  width: calc(100% - 18px);\n  border: 1px solid transparent;\n  border-radius: 4px;\n  padding: 0px 8px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  cursor: pointer;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-option:hover {\n  border-color: var(--ff-select-background-color);\n  background-color: var(--ff-select-option-hover-color);\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-no-option {\n  width: calc(100% - 16px);\n  margin: 0;\n  overflow: hidden;\n  padding: 0px 8px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  cursor: not-allowed;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-data {\n  width: 200px;\n  height: 134px;\n  border: 1px solid transparent;\n  border-radius: 5px;\n  box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n  overflow: scroll;\n}";
-styleInject(css_248z$r);
+var css_248z$s = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper {\n  max-height: 160px;\n  z-index: 100;\n  position: absolute;\n  min-width: 100px;\n  border: 1px solid var(--ff-select-option-border-color);\n  box-sizing: border-box;\n  margin-top: 4px;\n  border-radius: 4px;\n  background-color: var(--ff-select-background-color);\n  box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n  overflow: hidden auto;\n  display: flex;\n  justify-content: space-between;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-options-wrapper1 {\n  max-height: 160px;\n  z-index: 100;\n  min-width: auto;\n  box-sizing: border-box;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper::-webkit-scrollbar {\n  width: 4px;\n  height: 12px;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper::-webkit-scrollbar-thumb {\n  background-color: var(--ff-select-scroll-thumb-color);\n  border-radius: 4px;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper::-webkit-scrollbar-track {\n  background-color: transparent;\n  border-radius: 4px;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-option {\n  width: calc(100% - 18px);\n  border: 1px solid transparent;\n  border-radius: 4px;\n  padding: 0px 8px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  cursor: pointer;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-option:hover {\n  border-color: var(--ff-select-background-color);\n  background-color: var(--ff-select-option-hover-color);\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-options-wrapper .ff-nlp-no-option {\n  width: calc(100% - 16px);\n  margin: 0;\n  overflow: hidden;\n  padding: 0px 8px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  cursor: not-allowed;\n}\n.ff-nlp-dropdown-wrapper .ff-nlp-data {\n  width: 200px;\n  height: 134px;\n  border: 1px solid transparent;\n  border-radius: 5px;\n  box-shadow: 0px 1px 4px 0px var(--ff-select-option-wrapper-box-shadow);\n  overflow: scroll;\n}";
+styleInject(css_248z$s);
 const NlpDropdown = ({
   onSelectBlur,
@@ -25674,8 +25638,8 @@ const NlpDropdown = ({
   });
 };
-var css_248z$q = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-nlp-input-wrapper .ff-nlp-input, .ff-nlp-input-wrapper .ff-nlp-input-input {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend, .ff-nlp-input-wrapper .ff-nlp-input-label--active {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-nlp-input-wrapper {\n  position: relative;\n}\n.ff-nlp-input-wrapper .ff-nlp-input {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  min-height: 32px;\n  min-width: 489px;\n  display: flex;\n  align-items: end;\n  position: relative;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset {\n  margin: 0;\n  padding: 25px 0px 0px 8px;\n  border: 1px solid transparent;\n  box-sizing: border-box;\n  height: 100%;\n  width: 100%;\n  border-radius: 4px;\n  display: block;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--border-radius {\n  border-radius: 0px 4px 4px 0px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--no-label {\n  padding: 30px 0px 0px 8px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--default {\n  opacity: 0;\n  border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--active {\n  opacity: 1;\n  border-color: var(--ff-nlp-input-brand-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--option {\n  opacity: 1;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--no-border {\n  border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--error {\n  border-color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend {\n  padding: 0 2px;\n  letter-spacing: 0.5px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--default {\n  transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n  opacity: 0;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--active {\n  transition: opacity 0.25s ease-out, transform 0.25s ease-out, font-size 0.25s ease-out, padding 0.25s ease-out;\n  opacity: 1;\n  color: var(--ff-nlp-input-brand-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--option {\n  opacity: 1;\n  color: var(--ff-nlp-input-default-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--error {\n  color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--required {\n  margin-right: 2px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input {\n  position: absolute;\n  top: 6px;\n  right: auto;\n  bottom: auto;\n  left: auto;\n  width: calc(100% - 38px);\n  min-height: calc(100% - 8px);\n  padding: 0 28px 0 8px;\n  border-radius: 4px;\n  border: 1px solid transparent;\n  z-index: 100;\n  background: transparent;\n  outline: none;\n  color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input:hover ~ .ff-nlp-input-label {\n  color: var(--ff-nlp-input-text-hover-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--border-radius {\n  border-radius: 0px 4px 4px 0px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default {\n  opacity: 1;\n  border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default:hover {\n  border-color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default:hover ~ .ff-nlp-input-fieldset--option {\n  border-color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default:hover ~ .ff-nlp-input-fieldset--option .ff-nlp-input-legend--option {\n  color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-label {\n  min-height: calc(100% - 2px);\n  margin-top: 0px;\n  top: 0px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--active {\n  border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--active:hover {\n  border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-border {\n  border: none;\n  border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-border:hover {\n  border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-border:hover ~ .ff-nlp-input-fieldset--no-border {\n  border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--disable {\n  border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--disable:hover {\n  border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--disable:hover ~ .ff-nlp-input-label--default {\n  color: var(--ff-nlp-input-default-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--error {\n  border-color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--error:hover {\n  border-color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label {\n  position: absolute;\n  top: 13px;\n  right: auto;\n  bottom: auto;\n  left: 8px;\n  z-index: 1;\n  font-size: 12px;\n  top: 60%;\n  padding-left: 8px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label--default {\n  transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n  opacity: 1;\n  color: var(--ff-nlp-input-default-color);\n  transform: translateY(-50%);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label--active {\n  transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n  opacity: 0;\n  transform: translateY(-150%);\n  padding: 0 6px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label--required {\n  margin-right: 2px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-arrow {\n  position: absolute;\n  top: 60%;\n  height: 100%;\n  right: 10px;\n  transform: rotateX(180deg) translateY(50%);\n  cursor: pointer;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-arrow--no-label {\n  top: 50%;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-arrow--down {\n  transform: rotateX(0deg) translateY(-50%);\n  z-index: 101;\n}\n.ff-nlp-input-wrapper-error-text {\n  position: absolute;\n  top: auto;\n  right: auto;\n  bottom: -14px;\n  left: 12px;\n  white-space: nowrap;\n}";
-styleInject(css_248z$q);
+var css_248z$r = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-nlp-input-wrapper .ff-nlp-input, .ff-nlp-input-wrapper .ff-nlp-input-input {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend, .ff-nlp-input-wrapper .ff-nlp-input-label--active {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-nlp-input-wrapper {\n  position: relative;\n}\n.ff-nlp-input-wrapper .ff-nlp-input {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n  min-height: 32px;\n  min-width: 489px;\n  display: flex;\n  align-items: end;\n  position: relative;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset {\n  margin: 0;\n  padding: 25px 0px 0px 8px;\n  border: 1px solid transparent;\n  box-sizing: border-box;\n  height: 100%;\n  width: 100%;\n  border-radius: 4px;\n  display: block;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--border-radius {\n  border-radius: 0px 4px 4px 0px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--no-label {\n  padding: 30px 0px 0px 8px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--default {\n  opacity: 0;\n  border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--active {\n  opacity: 1;\n  border-color: var(--ff-nlp-input-brand-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--option {\n  opacity: 1;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--no-border {\n  border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset--error {\n  border-color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend {\n  padding: 0 2px;\n  letter-spacing: 0.5px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--default {\n  transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n  opacity: 0;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--active {\n  transition: opacity 0.25s ease-out, transform 0.25s ease-out, font-size 0.25s ease-out, padding 0.25s ease-out;\n  opacity: 1;\n  color: var(--ff-nlp-input-brand-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--option {\n  opacity: 1;\n  color: var(--ff-nlp-input-default-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--error {\n  color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-fieldset .ff-nlp-input-legend--required {\n  margin-right: 2px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input {\n  position: absolute;\n  top: 6px;\n  right: auto;\n  bottom: auto;\n  left: auto;\n  width: calc(100% - 38px);\n  min-height: calc(100% - 8px);\n  padding: 0 28px 0 8px;\n  border-radius: 4px;\n  border: 1px solid transparent;\n  z-index: 100;\n  background: transparent;\n  outline: none;\n  color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input:hover ~ .ff-nlp-input-label {\n  color: var(--ff-nlp-input-text-hover-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--border-radius {\n  border-radius: 0px 4px 4px 0px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default {\n  opacity: 1;\n  border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default:hover {\n  border-color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default:hover ~ .ff-nlp-input-fieldset--option {\n  border-color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--default:hover ~ .ff-nlp-input-fieldset--option .ff-nlp-input-legend--option {\n  color: var(--ff-nlp-input-text-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-label {\n  min-height: calc(100% - 2px);\n  margin-top: 0px;\n  top: 0px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--active {\n  border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--active:hover {\n  border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-border {\n  border: none;\n  border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-border:hover {\n  border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--no-border:hover ~ .ff-nlp-input-fieldset--no-border {\n  border-color: transparent;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--disable {\n  border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--disable:hover {\n  border-color: var(--ff-nlp-input-border-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--disable:hover ~ .ff-nlp-input-label--default {\n  color: var(--ff-nlp-input-default-color);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--error {\n  border-color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-input--error:hover {\n  border-color: var(--error-light);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label {\n  position: absolute;\n  top: 13px;\n  right: auto;\n  bottom: auto;\n  left: 8px;\n  z-index: 1;\n  font-size: 12px;\n  top: 60%;\n  padding-left: 8px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label--default {\n  transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n  opacity: 1;\n  color: var(--ff-nlp-input-default-color);\n  transform: translateY(-50%);\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label--active {\n  transition: opacity 0.3s ease-out, transform 0.3s ease-out, font-size 0.3s ease-out, padding 0.3s ease-out;\n  opacity: 0;\n  transform: translateY(-150%);\n  padding: 0 6px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-label--required {\n  margin-right: 2px;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-arrow {\n  position: absolute;\n  top: 60%;\n  height: 100%;\n  right: 10px;\n  transform: rotateX(180deg) translateY(50%);\n  cursor: pointer;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-arrow--no-label {\n  top: 50%;\n}\n.ff-nlp-input-wrapper .ff-nlp-input-arrow--down {\n  transform: rotateX(0deg) translateY(-50%);\n  z-index: 101;\n}\n.ff-nlp-input-wrapper-error-text {\n  position: absolute;\n  top: auto;\n  right: auto;\n  bottom: -14px;\n  left: 12px;\n  white-space: nowrap;\n}";
+styleInject(css_248z$r);
 const nlpInputReducer = (state, action) => {
   switch (action.type) {
@@ -25986,8 +25950,8 @@ const NlpInput = ({
   });
 };
-var css_248z$p = ".ff-icon-radio-group {\n  width: 237px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  gap: 47px;\n  position: relative;\n}\n\n.ff-icon-radio-button {\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n}\n.ff-icon-radio-button.selected {\n  background-color: var(--brand-color);\n}\n.ff-icon-radio-button.disabled {\n  opacity: 50%;\n  cursor: not-allowed;\n}\n.ff-icon-radio-button .icon-container {\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid var(--border-color);\n  background: var(--drawer-footer-bg);\n}\n.ff-icon-radio-button .icon-container:hover {\n  background: var(--border-color);\n}\n.ff-icon-radio-button .icon-container.selected {\n  background-color: var(--brand-color);\n}\n.ff-icon-radio-button .icon-container .icon {\n  width: 14px;\n  height: 14px;\n}\n\n.line-connector {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  height: 1px;\n  background-color: var(--border-color);\n  z-index: -1;\n  border-radius: 2px 0px 0px 0px;\n  opacity: 0px;\n}";
-styleInject(css_248z$p);
+var css_248z$q = ".ff-icon-radio-group {\n  width: 237px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  gap: 47px;\n  position: relative;\n}\n\n.ff-icon-radio-button {\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  position: relative;\n}\n.ff-icon-radio-button.selected {\n  background-color: var(--brand-color);\n}\n.ff-icon-radio-button.disabled {\n  opacity: 50%;\n  cursor: not-allowed;\n}\n.ff-icon-radio-button .icon-container {\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 1px solid var(--border-color);\n  background: var(--drawer-footer-bg);\n}\n.ff-icon-radio-button .icon-container:hover {\n  background: var(--border-color);\n}\n.ff-icon-radio-button .icon-container.selected {\n  background-color: var(--brand-color);\n}\n.ff-icon-radio-button .icon-container .icon {\n  width: 14px;\n  height: 14px;\n}\n\n.line-connector {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  height: 1px;\n  background-color: var(--border-color);\n  z-index: -1;\n  border-radius: 2px 0px 0px 0px;\n  opacity: 0px;\n}";
+styleInject(css_248z$q);
 const IconRadioGroup = ({
   items,
@@ -26038,8 +26002,8 @@ const IconRadioGroup = ({
   });
 };
-var css_248z$o = ".ff-machine-input-field-wrapper {\n  min-width: 100px;\n  height: 32px;\n  position: relative;\n  cursor: pointer;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse {\n  height: 100%;\n  width: 100%;\n  border: 1px solid var(--ff-machine-input-field-border-color);\n  padding: 0 8px 0 0;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse {\n  display: flex;\n  align-items: center;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-icon {\n  margin-left: 4px;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse {\n  flex-direction: row-reverse;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse {\n  flex-direction: row-reverse;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-label {\n  position: absolute;\n  top: -6px;\n  left: 8px;\n  background-color: var(--ff-machine-input-field-border-color);\n  border-radius: 4px;\n  padding: 1px 2px;\n  height: 12px;\n}";
-styleInject(css_248z$o);
+var css_248z$p = ".ff-machine-input-field-wrapper {\n  min-width: 100px;\n  height: 32px;\n  position: relative;\n  cursor: pointer;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse {\n  height: 100%;\n  width: 100%;\n  border: 1px solid var(--ff-machine-input-field-border-color);\n  padding: 0 8px 0 0;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse {\n  display: flex;\n  align-items: center;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-icon,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-icon {\n  margin-left: 4px;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse {\n  flex-direction: row-reverse;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse {\n  flex-direction: row-reverse;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-label {\n  position: absolute;\n  top: -6px;\n  left: 8px;\n  background-color: var(--ff-machine-input-field-border-color);\n  border-radius: 4px;\n  padding: 1px 2px;\n  height: 12px;\n}";
+styleInject(css_248z$p);
 const MachineInputField = /*#__PURE__*/React.forwardRef(({
   width = '',
@@ -26094,11 +26058,11 @@ const MachineInputField = /*#__PURE__*/React.forwardRef(({
 });
 MachineInputField.displayName = 'MachineInputField';
-var css_248z$n = ".ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper {\n  height: 66px;\n  box-sizing: border-box;\n  width: fit-content;\n  margin-bottom: 16px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper {\n  position: relative;\n  display: flex;\n  box-sizing: border-box;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-sequential-select-branch {\n  width: 240px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow .ff-branch-arrow-wrapper {\n  margin: 0;\n  width: 40px;\n  border-top: 1px solid var(--ff-connecting-branch-color);\n  position: relative;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow .ff-branch-arrow-wrapper .ff-branch-arrow {\n  width: 6px;\n  height: 6px;\n  background-color: var(--ff-connecting-branch-color);\n  clip-path: polygon(100% 50%, 0 100%, 0 0);\n  position: absolute;\n  right: -1px;\n  top: -3px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow .ff-select-branch-point {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background-color: var(--ff-connecting-branch-color);\n  position: absolute;\n  left: -3px;\n  z-index: 102;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow-down {\n  position: absolute;\n  height: 38px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow-down .ff-select-branch-point {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background-color: var(--ff-connecting-branch-color);\n  position: absolute;\n  left: -2px;\n  z-index: 102;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow-down .ff-select-branch-arrow {\n  width: 0;\n  height: 62px;\n  top: calc(50% + 1px);\n  border-left: 1px solid var(--ff-connecting-branch-color);\n  z-index: 102;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist {\n  box-sizing: border-box;\n  width: 240px;\n  display: flex;\n  justify-content: space-between;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-scope-wrapper {\n  display: flex;\n  align-items: center;\n  margin-right: 12px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper {\n  display: flex;\n  align-items: center;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-dataset-icon,\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-run-delete-icon,\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-datalist-text {\n  cursor: pointer;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-datalist-text {\n  margin: 0 12px 0 0;\n}\n.ff-sequential-connecting-branch-wrapper .ff-sequential-branches-wrapper {\n  box-sizing: border-box;\n  width: fit-content;\n  height: fit-content;\n}";
-styleInject(css_248z$n);
+var css_248z$o = ".ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper {\n  height: 66px;\n  box-sizing: border-box;\n  width: fit-content;\n  margin-bottom: 16px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper {\n  position: relative;\n  display: flex;\n  box-sizing: border-box;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-sequential-select-branch {\n  width: 240px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow .ff-branch-arrow-wrapper {\n  margin: 0;\n  width: 40px;\n  border-top: 1px solid var(--ff-connecting-branch-color);\n  position: relative;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow .ff-branch-arrow-wrapper .ff-branch-arrow {\n  width: 6px;\n  height: 6px;\n  background-color: var(--ff-connecting-branch-color);\n  clip-path: polygon(100% 50%, 0 100%, 0 0);\n  position: absolute;\n  right: -1px;\n  top: -3px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow .ff-select-branch-point {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background-color: var(--ff-connecting-branch-color);\n  position: absolute;\n  left: -3px;\n  z-index: 102;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow-down {\n  position: absolute;\n  height: 38px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow-down .ff-select-branch-point {\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background-color: var(--ff-connecting-branch-color);\n  position: absolute;\n  left: -2px;\n  z-index: 102;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-branch-wrapper .ff-select-branch-arrow-down .ff-select-branch-arrow {\n  width: 0;\n  height: 62px;\n  top: calc(50% + 1px);\n  border-left: 1px solid var(--ff-connecting-branch-color);\n  z-index: 102;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist {\n  box-sizing: border-box;\n  width: 240px;\n  display: flex;\n  justify-content: space-between;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-scope-wrapper {\n  display: flex;\n  align-items: center;\n  margin-right: 12px;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper {\n  display: flex;\n  align-items: center;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-dataset-icon,\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-run-delete-icon,\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-datalist-text {\n  cursor: pointer;\n}\n.ff-sequential-connecting-branch-wrapper .ff-connecting-select-branch-wrapper .ff-select-scope-datalist .ff-datalist-wrapper .ff-datalist-text {\n  margin: 0 12px 0 0;\n}\n.ff-sequential-connecting-branch-wrapper .ff-sequential-branches-wrapper {\n  box-sizing: border-box;\n  width: fit-content;\n  height: fit-content;\n}";
+styleInject(css_248z$o);
-var css_248z$m = ".ff-connecting-branch-grid,\n.ff-connecting-branch-grid-reverse {\n  box-sizing: border-box;\n  display: grid;\n  grid-template-columns: 24px 180px 40px 180px 24px;\n  height: 66px;\n  margin-bottom: 16px;\n  position: relative;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper {\n  position: relative;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow {\n  position: absolute;\n  height: 6px;\n  width: 6px;\n  background-color: var(--ff-connecting-branch-color);\n  z-index: 2;\n  clip-path: polygon(0 0, 0% 100%, 100% 50%);\n  top: calc(25% - 3px);\n  right: -2px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow-reverse {\n  position: absolute;\n  height: 6px;\n  width: 6px;\n  background-color: var(--ff-connecting-branch-color);\n  z-index: 2;\n  left: -2px;\n  top: calc(25% - 3px);\n  clip-path: polygon(0 50%, 100% 100%, 100% 0);\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-container,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-container {\n  width: 100%;\n  height: 25%;\n  border: 1px solid var(--ff-connecting-branch-color);\n  border-top: none;\n  border-right: none;\n  border-bottom-left-radius: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-container-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-container-reverse {\n  width: 100%;\n  height: 25%;\n  border: 1px solid var(--ff-connecting-branch-color);\n  border-top: none;\n  border-left: none;\n  border-bottom-right-radius: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist {\n  display: flex;\n  padding-top: 4px;\n  height: 24px;\n  justify-content: flex-end;\n  width: 100%;\n  align-items: center;\n  flex-direction: row;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist .ff-connecting-icon,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .ff-connecting-icon {\n  margin-right: 4px;\n  cursor: pointer;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist .ff-connecting-text,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .ff-connecting-text {\n  margin-right: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist .ff-connecting-delete-icon,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .ff-connecting-delete-icon {\n  cursor: pointer;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse {\n  display: flex;\n  padding-top: 4px;\n  height: 24px;\n  justify-content: flex-end;\n  width: 100%;\n  align-items: center;\n  flex-direction: row-reverse;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse .ff-connecting-icon,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .ff-connecting-icon {\n  margin-right: 4px;\n  cursor: pointer;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse .ff-connecting-text,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .ff-connecting-text {\n  margin-right: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse .ff-connecting-delete-icon,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .ff-connecting-delete-icon {\n  cursor: pointer;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-input-point-wrapper,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-input-point-wrapper {\n  position: relative;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point {\n  position: absolute;\n  height: 5px;\n  width: 5px;\n  background-color: var(--ff-connecting-branch-color);\n  border-radius: 50%;\n  z-index: 2;\n  right: -2px;\n  top: calc(50% - 1px);\n}\n.ff-connecting-branch-grid .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point-reverse {\n  position: absolute;\n  height: 5px;\n  width: 5px;\n  background-color: var(--ff-connecting-branch-color);\n  border-radius: 50%;\n  z-index: 2;\n  left: -2px;\n  top: calc(50% - 1px);\n}\n.ff-connecting-branch-grid .ff-connecting-branch-middle-arrow,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-middle-arrow {\n  height: 0;\n  width: 100%;\n  margin-top: calc(50% - 3px);\n  position: relative;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow {\n  position: absolute;\n  height: 5px;\n  width: 5px;\n  background-color: var(--ff-connecting-branch-color);\n  clip-path: polygon(0 0, 0% 100%, 100% 50%);\n  top: calc(25% - 3px);\n  right: -2px;\n  z-index: 2;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow-reverse {\n  position: absolute;\n  height: 5px;\n  width: 5px;\n  background-color: var(--ff-connecting-branch-color);\n  clip-path: polygon(0 50%, 100% 100%, 100% 0);\n  top: calc(25% - 3px);\n  left: -1px;\n  z-index: 2;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-end-arrow,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-end-arrow {\n  width: 100%;\n  height: 100%;\n  margin-top: 17px;\n  border-top: 1px solid var(--ff-connecting-branch-color);\n  border-right: 1px solid var(--ff-connecting-branch-color);\n  border-top-right-radius: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-end-arrow-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-end-arrow-reverse {\n  width: 100%;\n  height: 100%;\n  margin-top: 17px;\n  border-top: 1px solid var(--ff-connecting-branch-color);\n  border-left: 1px solid var(--ff-connecting-branch-color);\n  border-top-left-radius: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-browser-button,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-browser-button {\n  height: 32px;\n  display: flex;\n  align-items: center;\n}\n\n.ff-connecting-branch-grid-reverse {\n  direction: rtl;\n  margin: 0 0 16px 0;\n}";
-styleInject(css_248z$m);
+var css_248z$n = ".ff-connecting-branch-grid,\n.ff-connecting-branch-grid-reverse {\n  box-sizing: border-box;\n  display: grid;\n  grid-template-columns: 24px 180px 40px 180px 24px;\n  height: 66px;\n  margin-bottom: 16px;\n  position: relative;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper {\n  position: relative;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow {\n  position: absolute;\n  height: 6px;\n  width: 6px;\n  background-color: var(--ff-connecting-branch-color);\n  z-index: 2;\n  clip-path: polygon(0 0, 0% 100%, 100% 50%);\n  top: calc(25% - 3px);\n  right: -2px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-arrow-reverse {\n  position: absolute;\n  height: 6px;\n  width: 6px;\n  background-color: var(--ff-connecting-branch-color);\n  z-index: 2;\n  left: -2px;\n  top: calc(25% - 3px);\n  clip-path: polygon(0 50%, 100% 100%, 100% 0);\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-container,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-container {\n  width: 100%;\n  height: 25%;\n  border: 1px solid var(--ff-connecting-branch-color);\n  border-top: none;\n  border-right: none;\n  border-bottom-left-radius: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-start-wrapper .ff-connecting-branch-container-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-start-wrapper .ff-connecting-branch-container-reverse {\n  width: 100%;\n  height: 25%;\n  border: 1px solid var(--ff-connecting-branch-color);\n  border-top: none;\n  border-left: none;\n  border-bottom-right-radius: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist {\n  display: flex;\n  padding-top: 4px;\n  height: 24px;\n  justify-content: flex-end;\n  width: 100%;\n  align-items: center;\n  flex-direction: row;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist .ff-connecting-icon,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .ff-connecting-icon {\n  margin-right: 4px;\n  cursor: pointer;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist .ff-connecting-text,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .ff-connecting-text {\n  margin-right: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist .ff-connecting-delete-icon,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .ff-connecting-delete-icon {\n  cursor: pointer;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse {\n  display: flex;\n  padding-top: 4px;\n  height: 24px;\n  justify-content: flex-end;\n  width: 100%;\n  align-items: center;\n  flex-direction: row-reverse;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse .ff-connecting-icon,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .ff-connecting-icon {\n  margin-right: 4px;\n  cursor: pointer;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse .ff-connecting-text,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .ff-connecting-text {\n  margin-right: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-datalist-reverse .ff-connecting-delete-icon,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .ff-connecting-delete-icon {\n  cursor: pointer;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-input-point-wrapper,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-input-point-wrapper {\n  position: relative;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point {\n  position: absolute;\n  height: 5px;\n  width: 5px;\n  background-color: var(--ff-connecting-branch-color);\n  border-radius: 50%;\n  z-index: 2;\n  right: -2px;\n  top: calc(50% - 1px);\n}\n.ff-connecting-branch-grid .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-input-point-wrapper .ff-connecting-branch-point-reverse {\n  position: absolute;\n  height: 5px;\n  width: 5px;\n  background-color: var(--ff-connecting-branch-color);\n  border-radius: 50%;\n  z-index: 2;\n  left: -2px;\n  top: calc(50% - 1px);\n}\n.ff-connecting-branch-grid .ff-connecting-branch-middle-arrow,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-middle-arrow {\n  height: 0;\n  width: 100%;\n  margin-top: calc(50% - 3px);\n  position: relative;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow {\n  position: absolute;\n  height: 5px;\n  width: 5px;\n  background-color: var(--ff-connecting-branch-color);\n  clip-path: polygon(0 0, 0% 100%, 100% 50%);\n  top: calc(25% - 3px);\n  right: -2px;\n  z-index: 2;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-middle-arrow .ff-connecting-branch-arrow-reverse {\n  position: absolute;\n  height: 5px;\n  width: 5px;\n  background-color: var(--ff-connecting-branch-color);\n  clip-path: polygon(0 50%, 100% 100%, 100% 0);\n  top: calc(25% - 3px);\n  left: -1px;\n  z-index: 2;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-end-arrow,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-end-arrow {\n  width: 100%;\n  height: 100%;\n  margin-top: 17px;\n  border-top: 1px solid var(--ff-connecting-branch-color);\n  border-right: 1px solid var(--ff-connecting-branch-color);\n  border-top-right-radius: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-end-arrow-reverse,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-end-arrow-reverse {\n  width: 100%;\n  height: 100%;\n  margin-top: 17px;\n  border-top: 1px solid var(--ff-connecting-branch-color);\n  border-left: 1px solid var(--ff-connecting-branch-color);\n  border-top-left-radius: 8px;\n}\n.ff-connecting-branch-grid .ff-connecting-branch-browser-button,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-browser-button {\n  height: 32px;\n  display: flex;\n  align-items: center;\n}\n\n.ff-connecting-branch-grid-reverse {\n  direction: rtl;\n  margin: 0 0 16px 0;\n}";
+styleInject(css_248z$n);
 const Branches = ({
   machineInstances,
@@ -26245,8 +26209,8 @@ const Branches = ({
   });
 };
-var css_248z$l = ".ff-connecting-branch-grid-wrapper {\n  box-sizing: border-box;\n}";
-styleInject(css_248z$l);
+var css_248z$m = ".ff-connecting-branch-grid-wrapper {\n  box-sizing: border-box;\n}";
+styleInject(css_248z$m);
 const ConnectingBranches = ({
   machineBranchInstances,
@@ -26397,8 +26361,8 @@ const SequentialConnectingBranch = ({
   });
 };
-var css_248z$k = ".ff-input-field {\n  display: none;\n}\n\n.ff-attachment-files {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  line-height: 15px;\n}";
-styleInject(css_248z$k);
+var css_248z$l = ".ff-input-field {\n  display: none;\n}\n\n.ff-attachment-files {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  line-height: 15px;\n}";
+styleInject(css_248z$l);
 const AttachmentButton = ({
   label,
@@ -26573,8 +26537,8 @@ const toast = {
   alert: (arg1, arg2) => openToast('alert', arg1, arg2)
 };
-var css_248z$j = "/* Container Styling */\n.toggle-container {\n  display: flex;\n  background-color: var(--base-bg-color);\n  height: 24px;\n  border-radius: 6px;\n  padding: 4px 2px;\n  overflow: hidden;\n  width: fit-content;\n  box-shadow: 1px 1px 2px 0px var(--base-bg-color), inset -1px -1px 2px var(--base-bg-color), inset 1px -1px 2px var(--ff-toggle-switch-shadow-color), inset -1px 2px 0px var(--ff-toggle-switch-shadow-color);\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n}\n\n/* Button Styling */\n.toggle-button {\n  padding: 4px 2px;\n  font-size: 10px;\n  font-weight: 500;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  background-color: var(--base-bg-color);\n  color: var(--ff-toggle-switch-off-color);\n  outline: none;\n  transition: all 0.3s ease;\n  min-width: 24px;\n  height: 20px;\n  text-align: center;\n  box-shadow: inset 1px 1px 2px 0 var(--base-bg-color), 1px 1px 3px 0 var(--ff-chips-blur-color), -1px -1px 2px 0 var(--base-bg-color), 1px -1px 2px 0 var(--ff-chips-blur-color), -1px 1px 2px 0 var(--ff-chips-blur-color);\n}\n\n/* Active Button */\n.toggle-button.active {\n  background-color: var(--ff-line-number-bg);\n  color: var(--base-bg-color);\n  box-shadow: inset -1px -1px 2px 0 var(--ff-chips-blur-color), 1px 1px 3px 0 var(--ff-chips-blur-color), -1px -1px 2px 0 var(--base-bg-color), -1px 1px 2px 0 var(--ff-chips-blur-color);\n}\n\n/* Button Hover Effect */\n.toggle-button:hover {\n  background-color: var(--hover-color);\n  color: var(--brand-color);\n}";
-styleInject(css_248z$j);
+var css_248z$k = "/* Container Styling */\n.toggle-container {\n  display: flex;\n  background-color: var(--base-bg-color);\n  height: 24px;\n  border-radius: 6px;\n  padding: 4px 2px;\n  overflow: hidden;\n  width: fit-content;\n  box-shadow: 1px 1px 2px 0px var(--base-bg-color), inset -1px -1px 2px var(--base-bg-color), inset 1px -1px 2px var(--ff-toggle-switch-shadow-color), inset -1px 2px 0px var(--ff-toggle-switch-shadow-color);\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n}\n\n/* Button Styling */\n.toggle-button {\n  padding: 4px 2px;\n  font-size: 10px;\n  font-weight: 500;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  background-color: var(--base-bg-color);\n  color: var(--ff-toggle-switch-off-color);\n  outline: none;\n  transition: all 0.3s ease;\n  min-width: 24px;\n  height: 20px;\n  text-align: center;\n  box-shadow: inset 1px 1px 2px 0 var(--base-bg-color), 1px 1px 3px 0 var(--ff-chips-blur-color), -1px -1px 2px 0 var(--base-bg-color), 1px -1px 2px 0 var(--ff-chips-blur-color), -1px 1px 2px 0 var(--ff-chips-blur-color);\n}\n\n/* Active Button */\n.toggle-button.active {\n  background-color: var(--ff-line-number-bg);\n  color: var(--base-bg-color);\n  box-shadow: inset -1px -1px 2px 0 var(--ff-chips-blur-color), 1px 1px 3px 0 var(--ff-chips-blur-color), -1px -1px 2px 0 var(--base-bg-color), -1px 1px 2px 0 var(--ff-chips-blur-color);\n}\n\n/* Button Hover Effect */\n.toggle-button:hover {\n  background-color: var(--hover-color);\n  color: var(--brand-color);\n}";
+styleInject(css_248z$k);
 const ToggleSwitch = ({
   selected = "text",
@@ -26596,8 +26560,8 @@ const ToggleSwitch = ({
   });
 };
-var css_248z$i = ".ff-avatar {\n  border-radius: 50%;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--ff-avatar-background-color);\n}\n.ff-avatar--small {\n  width: 32px;\n  height: 32px;\n}\n.ff-avatar--medium {\n  width: 48px;\n  height: 48px;\n}\n.ff-avatar--large {\n  width: 64px;\n  height: 64px;\n}";
-styleInject(css_248z$i);
+var css_248z$j = ".ff-avatar {\n  border-radius: 50%;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--ff-avatar-background-color);\n}\n.ff-avatar--small {\n  width: 32px;\n  height: 32px;\n}\n.ff-avatar--medium {\n  width: 48px;\n  height: 48px;\n}\n.ff-avatar--large {\n  width: 64px;\n  height: 64px;\n}";
+styleInject(css_248z$j);
 const Avatar = ({
   variant = "small",
@@ -26623,8 +26587,8 @@ const Avatar = ({
   });
 };
-var css_248z$h = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-label-edit-text-field .ff-text-field,\n.ff-label-edit-text-field .dropdown, .ff-label-edit-text-field .ff-text-dropdown-field {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-label-edit-text-field .ff-label, .ff-label-edit-text-field .ff-textfield-label {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-label-edit-text-field {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n}\n.ff-label-edit-text-field .ff-label-text-field {\n  display: flex;\n  gap: 10px;\n}\n.ff-label-edit-text-field .ff-label-text-field-with-dropdown,\n.ff-label-edit-text-field .ff-label-text-field-without-dropdown {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.ff-label-edit-text-field .ff-label, .ff-label-edit-text-field .ff-textfield-label {\n  position: absolute;\n  top: 0;\n  left: 10px;\n  transform: translateY(-50%);\n  transition: all 0.2s ease;\n  color: var(--label-edit-text-label-color);\n  background: var(--label-edit-text-background-color);\n  padding: 0 4px;\n}\n.ff-label-edit-text-field .ff-textfield-label {\n  top: 5px;\n}\n.ff-label-edit-text-field .display-text {\n  padding: 4px;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.ff-label-edit-text-field .ff-text-field,\n.ff-label-edit-text-field .dropdown {\n  border: 1px solid var(--label-edit-text-label-color);\n  outline: none;\n  width: fit-content;\n}\n.ff-label-edit-text-field .ff-text-field {\n  position: relative;\n  padding: 0 4px;\n  border-radius: 4px;\n}\n.ff-label-edit-text-field .ff-text-dropdown-field {\n  flex: 2;\n  border: 1px solid var(--label-edit-text-label-color);\n  border-radius: 4px 0 0 4px;\n  border-right: none;\n  border-width: thin;\n  padding-left: 5px;\n}\n.ff-label-edit-text-field .ff-text-dropdown-field:focus-visible {\n  outline: none;\n}\n.ff-label-edit-text-field .dropdown {\n  border-radius: 0 4px 4px 0;\n  flex: 1;\n  height: inherit;\n}\n.ff-label-edit-text-field .ff-icon-container {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.ff-label-edit-text-field .ff-icon-container .confirm-icon,\n.ff-label-edit-text-field .ff-icon-container .cancel-icon {\n  cursor: pointer;\n}\n.ff-label-edit-text-field .error-text {\n  margin: 0;\n  color: var(--label-edit-error-text);\n}";
-styleInject(css_248z$h);
+var css_248z$i = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-label-edit-text-field .ff-text-field,\n.ff-label-edit-text-field .dropdown, .ff-label-edit-text-field .ff-text-dropdown-field {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-label-edit-text-field .ff-label, .ff-label-edit-text-field .ff-textfield-label {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-label-edit-text-field {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n}\n.ff-label-edit-text-field .ff-label-text-field {\n  display: flex;\n  gap: 10px;\n}\n.ff-label-edit-text-field .ff-label-text-field-with-dropdown,\n.ff-label-edit-text-field .ff-label-text-field-without-dropdown {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.ff-label-edit-text-field .ff-label, .ff-label-edit-text-field .ff-textfield-label {\n  position: absolute;\n  top: 0;\n  left: 10px;\n  transform: translateY(-50%);\n  transition: all 0.2s ease;\n  color: var(--label-edit-text-label-color);\n  background: var(--label-edit-text-background-color);\n  padding: 0 4px;\n}\n.ff-label-edit-text-field .ff-textfield-label {\n  top: 5px;\n}\n.ff-label-edit-text-field .display-text {\n  padding: 4px;\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.ff-label-edit-text-field .ff-text-field,\n.ff-label-edit-text-field .dropdown {\n  border: 1px solid var(--label-edit-text-label-color);\n  outline: none;\n  width: fit-content;\n}\n.ff-label-edit-text-field .ff-text-field {\n  position: relative;\n  padding: 0 4px;\n  border-radius: 4px;\n}\n.ff-label-edit-text-field .ff-text-dropdown-field {\n  flex: 2;\n  border: 1px solid var(--label-edit-text-label-color);\n  border-radius: 4px 0 0 4px;\n  border-right: none;\n  border-width: thin;\n  padding-left: 5px;\n}\n.ff-label-edit-text-field .ff-text-dropdown-field:focus-visible {\n  outline: none;\n}\n.ff-label-edit-text-field .dropdown {\n  border-radius: 0 4px 4px 0;\n  flex: 1;\n  height: inherit;\n}\n.ff-label-edit-text-field .ff-icon-container {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.ff-label-edit-text-field .ff-icon-container .confirm-icon,\n.ff-label-edit-text-field .ff-icon-container .cancel-icon {\n  cursor: pointer;\n}\n.ff-label-edit-text-field .error-text {\n  margin: 0;\n  color: var(--label-edit-error-text);\n}";
+styleInject(css_248z$i);
 const getErrorMessage$1 = (inputValue, text, customError, customErrorCondition) => {
   if (inputValue === text) {
@@ -26827,8 +26791,8 @@ const LabelEditTextField = ({
   });
 };
-var css_248z$g = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-label-edit-text-field .ff-text-field {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-label-edit-text-field .ff-label, .ff-label-edit-text-field .ff-textfield-label {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-label-edit-text-field {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n}\n.ff-label-edit-text-field .display-text-container {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.ff-label-edit-text-field .display-text-container .edit-button {\n  padding: 4px 8px;\n  background-color: var(--button-background-color);\n  color: var(--button-text-color);\n  border: 1px solid var(--button-border-color);\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 12px;\n}\n.ff-label-edit-text-field .display-text-container .edit-button:hover {\n  background-color: var(--button-hover-background-color);\n}\n.ff-label-edit-text-field .ff-label-text-field {\n  display: flex;\n}\n.ff-label-edit-text-field .ff-label-text-field-with-dropdown,\n.ff-label-edit-text-field .ff-label-text-field-without-dropdown {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.ff-label-edit-text-field .ff-label, .ff-label-edit-text-field .ff-textfield-label {\n  position: absolute;\n  top: 0;\n  left: 10px;\n  transform: translateY(-50%);\n  transition: all 0.2s ease;\n  color: var(--label-edit-text-label-color);\n  background: var(--label-edit-text-background-color);\n  padding: 0 4px;\n}\n.ff-label-edit-text-field .ff-textfield-label {\n  top: 5px;\n}\n.ff-label-edit-text-field .display-text {\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.ff-label-edit-text-field .ff-text-field {\n  outline: none;\n  width: fit-content;\n}\n.ff-label-edit-text-field .ff-text-field-error-border {\n  border: 1px solid var(--label-edit-error-text);\n}\n.ff-label-edit-text-field .ff-text-field-border {\n  border: 1px solid var(--label-edit-text-label-color);\n}\n.ff-label-edit-text-field .ff-text-field-error-text {\n  color: var(--label-edit-error-text);\n}\n.ff-label-edit-text-field .ff-text-field-text {\n  color: var(--label-edit-text-label-color);\n}\n.ff-label-edit-text-field .ff-text-field {\n  padding: 0 4px;\n  border-radius: 4px;\n}\n.ff-label-edit-text-field .ff-icon-container {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.ff-label-edit-text-field .ff-icon-container .confirm-icon,\n.ff-label-edit-text-field .ff-icon-container .cancel-icon {\n  cursor: pointer;\n}\n.ff-label-edit-text-field .error-text {\n  color: var(--label-edit-error-text);\n  margin: 0;\n}";
-styleInject(css_248z$g);
+var css_248z$h = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-label-edit-text-field .ff-text-field {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-label-edit-text-field .ff-label, .ff-label-edit-text-field .ff-textfield-label {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-label-edit-text-field {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n}\n.ff-label-edit-text-field .display-text-container {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.ff-label-edit-text-field .display-text-container .edit-button {\n  padding: 4px 8px;\n  background-color: var(--button-background-color);\n  color: var(--button-text-color);\n  border: 1px solid var(--button-border-color);\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 12px;\n}\n.ff-label-edit-text-field .display-text-container .edit-button:hover {\n  background-color: var(--button-hover-background-color);\n}\n.ff-label-edit-text-field .ff-label-text-field {\n  display: flex;\n}\n.ff-label-edit-text-field .ff-label-text-field-with-dropdown,\n.ff-label-edit-text-field .ff-label-text-field-without-dropdown {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.ff-label-edit-text-field .ff-label, .ff-label-edit-text-field .ff-textfield-label {\n  position: absolute;\n  top: 0;\n  left: 10px;\n  transform: translateY(-50%);\n  transition: all 0.2s ease;\n  color: var(--label-edit-text-label-color);\n  background: var(--label-edit-text-background-color);\n  padding: 0 4px;\n}\n.ff-label-edit-text-field .ff-textfield-label {\n  top: 5px;\n}\n.ff-label-edit-text-field .display-text {\n  border-radius: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.ff-label-edit-text-field .ff-text-field {\n  outline: none;\n  width: fit-content;\n}\n.ff-label-edit-text-field .ff-text-field-error-border {\n  border: 1px solid var(--label-edit-error-text);\n}\n.ff-label-edit-text-field .ff-text-field-border {\n  border: 1px solid var(--label-edit-text-label-color);\n}\n.ff-label-edit-text-field .ff-text-field-error-text {\n  color: var(--label-edit-error-text);\n}\n.ff-label-edit-text-field .ff-text-field-text {\n  color: var(--label-edit-text-label-color);\n}\n.ff-label-edit-text-field .ff-text-field {\n  padding: 0 4px;\n  border-radius: 4px;\n}\n.ff-label-edit-text-field .ff-icon-container {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.ff-label-edit-text-field .ff-icon-container .confirm-icon,\n.ff-label-edit-text-field .ff-icon-container .cancel-icon {\n  cursor: pointer;\n}\n.ff-label-edit-text-field .error-text {\n  color: var(--label-edit-error-text);\n  margin: 0;\n}";
+styleInject(css_248z$h);
 const capitalize = text => {
   if (!text) return '';
@@ -31126,15 +31090,15 @@ const Copied = () => {
   });
 };
-var css_248z$f = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-excel {\n  display: flex;\n  flex-direction: column;\n}\n\n.ff-spreadsheet {\n  --background-color: var(--drawer-footer-bg);\n  --text-color: var(--text-color);\n  --readonly-text-color: var(--toggle-strip-active);\n  --outline-color: var(--toggle-strip-active);\n  --outline-background-color: var(--overlay-bg);\n  --border-color: var(--toggle-strip-color);\n  --header-background-color: var(--pop-up-background-blur);\n  --elevation: var(--brand-color);\n  position: relative;\n  overflow: visible;\n  background: var(--background-color);\n  color: var(--text-color);\n  display: inline-block;\n}\n\n.ff-spreadsheet-active-cell {\n  position: absolute;\n  border: 2px solid var(--outline-color);\n  box-sizing: border-box;\n}\n\n.ff-spreadsheet-active-cell--edit {\n  background: var(--background-color);\n  box-shadow: var(--elevation);\n}\n\n.ff-spreadsheet-table {\n  overflow: scroll;\n  margin-top: 20px;\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n.ff-spreadsheet-table::-webkit-scrollbar {\n  height: 0px;\n}\n\n.ff-spreadsheet-cell {\n  outline: none;\n  position: relative;\n  z-index: 0;\n}\n\n.ff-spreadsheet-active-cell .Selection_dot {\n  background-color: var(--elevation);\n  height: 7px;\n  width: 7px;\n  border-radius: 50%;\n  position: absolute;\n  right: -3px;\n  z-index: 10;\n  bottom: -3px;\n  cursor: crosshair;\n}\n\n.ff-spreadsheet-cell--readonly {\n  color: var(--readonly-text-color);\n}\n\n.ff-spreadsheet-cell,\n.ff-spreadsheet-header {\n  border: 0.1px solid var(--border-color);\n  overflow: hidden;\n  word-break: keep-all;\n  white-space: nowrap;\n  text-align: left;\n  box-sizing: border-box;\n  user-select: none;\n}\n\n.ff-spreadsheet-header {\n  background: var(--header-background-color);\n  color: var(--readonly-text-color);\n  text-align: center;\n}\n\n.corner_indicator {\n  margin: 0px 0px 0px 15px;\n}\n\n.ff-spreadsheet-header--selected {\n  background: var(--brand-color);\n  color: var(--tooltip-text-color);\n}\n\n.ff-spreadsheet-header,\n.ff-spreadsheet-data-viewer,\n.ff-spreadsheet-data-editor input {\n  padding: 4px;\n  box-sizing: border-box;\n}\n\n.ff-spreadsheet-data-viewer--preserve-breaks {\n  white-space: pre-wrap;\n}\n\n.ff-spreadsheet-data-editor,\n.ff-spreadsheet-data-editor input {\n  width: 100%;\n  height: 100%;\n}\n\n.ff-spreadsheet-data-editor input {\n  font: inherit;\n  color: inherit;\n  background: none;\n  border: none;\n  outline: none;\n  margin: 0;\n}\n\n.ff-spreadsheet-data-viewer--boolean {\n  text-align: center;\n}\n\n.ff-spreadsheet-floating-rect {\n  position: absolute;\n  pointer-events: none;\n  box-sizing: border-box;\n}\n\n.ff-spreadsheet-floating-rect--hidden {\n  display: none;\n}\n\n.ff-spreadsheet-floating-rect--selected {\n  background: var(--outline-background-color);\n  border: 2px var(--outline-color) solid;\n}\n\n.ff-spreadsheet-floating-rect--dragging {\n  border: none;\n}\n\n.ff-spreadsheet-floating-rect--copied {\n  border: 2px var(--outline-color) dashed;\n}";
+var css_248z$g = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-excel {\n  display: flex;\n  flex-direction: column;\n}\n\n.ff-spreadsheet {\n  --background-color: var(--drawer-footer-bg);\n  --text-color: var(--text-color);\n  --readonly-text-color: var(--toggle-strip-active);\n  --outline-color: var(--toggle-strip-active);\n  --outline-background-color: var(--overlay-bg);\n  --border-color: var(--toggle-strip-color);\n  --header-background-color: var(--pop-up-background-blur);\n  --elevation: var(--brand-color);\n  position: relative;\n  overflow: visible;\n  background: var(--background-color);\n  color: var(--text-color);\n  display: inline-block;\n}\n\n.ff-spreadsheet-active-cell {\n  position: absolute;\n  border: 2px solid var(--outline-color);\n  box-sizing: border-box;\n}\n\n.ff-spreadsheet-active-cell--edit {\n  background: var(--background-color);\n  box-shadow: var(--elevation);\n}\n\n.ff-spreadsheet-table {\n  overflow: scroll;\n  margin-top: 20px;\n  border-collapse: collapse;\n  table-layout: fixed;\n}\n.ff-spreadsheet-table::-webkit-scrollbar {\n  height: 0px;\n}\n\n.ff-spreadsheet-cell {\n  outline: none;\n  position: relative;\n  z-index: 0;\n}\n\n.ff-spreadsheet-active-cell .Selection_dot {\n  background-color: var(--elevation);\n  height: 7px;\n  width: 7px;\n  border-radius: 50%;\n  position: absolute;\n  right: -3px;\n  z-index: 10;\n  bottom: -3px;\n  cursor: crosshair;\n}\n\n.ff-spreadsheet-cell--readonly {\n  color: var(--readonly-text-color);\n}\n\n.ff-spreadsheet-cell,\n.ff-spreadsheet-header {\n  border: 0.1px solid var(--border-color);\n  overflow: hidden;\n  word-break: keep-all;\n  white-space: nowrap;\n  text-align: left;\n  box-sizing: border-box;\n  user-select: none;\n}\n\n.ff-spreadsheet-header {\n  background: var(--header-background-color);\n  color: var(--readonly-text-color);\n  text-align: center;\n}\n\n.corner_indicator {\n  margin: 0px 0px 0px 15px;\n}\n\n.ff-spreadsheet-header--selected {\n  background: var(--brand-color);\n  color: var(--tooltip-text-color);\n}\n\n.ff-spreadsheet-header,\n.ff-spreadsheet-data-viewer,\n.ff-spreadsheet-data-editor input {\n  padding: 4px;\n  box-sizing: border-box;\n}\n\n.ff-spreadsheet-data-viewer--preserve-breaks {\n  white-space: pre-wrap;\n}\n\n.ff-spreadsheet-data-editor,\n.ff-spreadsheet-data-editor input {\n  width: 100%;\n  height: 100%;\n}\n\n.ff-spreadsheet-data-editor input {\n  font: inherit;\n  color: inherit;\n  background: none;\n  border: none;\n  outline: none;\n  margin: 0;\n}\n\n.ff-spreadsheet-data-viewer--boolean {\n  text-align: center;\n}\n\n.ff-spreadsheet-floating-rect {\n  position: absolute;\n  pointer-events: none;\n  box-sizing: border-box;\n}\n\n.ff-spreadsheet-floating-rect--hidden {\n  display: none;\n}\n\n.ff-spreadsheet-floating-rect--selected {\n  background: var(--outline-background-color);\n  border: 2px var(--outline-color) solid;\n}\n\n.ff-spreadsheet-floating-rect--dragging {\n  border: none;\n}\n\n.ff-spreadsheet-floating-rect--copied {\n  border: 2px var(--outline-color) dashed;\n}";
+styleInject(css_248z$g);
+var css_248z$f = ".ff-excel-toolbar {\n  display: flex;\n  height: 32px;\n  align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-divider {\n  width: 1px;\n  height: 24px;\n  background-color: var(--excel-toolbar-divider);\n  margin: 0 24px;\n  border-radius: 1px;\n  z-index: 1000;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font {\n  display: flex;\n  gap: 8px;\n  justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font .ff-excel-toolbar-font-family {\n  width: 120px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font .ff-excel-toolbar-font-size {\n  width: 56px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-text {\n  width: 100px;\n  height: 24px;\n  display: flex;\n  gap: 8px;\n  justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-text .ff-excel-toolbar-icon-underline {\n  display: flex;\n  align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon {\n  width: 88px;\n  height: 24px;\n  display: flex;\n  gap: 8px;\n  justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color:hover {\n  border-radius: 4px;\n  background-color: var(--icon-hover-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n  background-color: var(--brand-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover {\n  background-color: var(--primary-button-text-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover svg path {\n  fill: var(--brand-color);\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color:hover {\n  border-radius: 4px;\n  background-color: var(--icon-hover-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n  background-color: var(--brand-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover {\n  background-color: var(--primary-button-text-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover svg path {\n  fill: var(--brand-color);\n}\n.ff-excel-toolbar .ff-excel-toolbar-menu {\n  display: flex;\n  align-items: center;\n  width: 36px;\n  height: 24px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-menu .ff-excel-toolbar-menu-option {\n  display: flex;\n  align-items: center;\n}";
 styleInject(css_248z$f);
-var css_248z$e = ".ff-excel-toolbar {\n  display: flex;\n  height: 32px;\n  align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-divider {\n  width: 1px;\n  height: 24px;\n  background-color: var(--excel-toolbar-divider);\n  margin: 0 24px;\n  border-radius: 1px;\n  z-index: 1000;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font {\n  display: flex;\n  gap: 8px;\n  justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font .ff-excel-toolbar-font-family {\n  width: 120px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-font .ff-excel-toolbar-font-size {\n  width: 56px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-text {\n  width: 100px;\n  height: 24px;\n  display: flex;\n  gap: 8px;\n  justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-text .ff-excel-toolbar-icon-underline {\n  display: flex;\n  align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon {\n  width: 88px;\n  height: 24px;\n  display: flex;\n  gap: 8px;\n  justify-content: space-between;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color:hover {\n  border-radius: 4px;\n  background-color: var(--icon-hover-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n  background-color: var(--brand-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover {\n  background-color: var(--primary-button-text-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover svg path {\n  fill: var(--brand-color);\n}\n.ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color:hover {\n  border-radius: 4px;\n  background-color: var(--icon-hover-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color {\n  background-color: var(--brand-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover {\n  background-color: var(--primary-button-text-color);\n}\n.ff-icon-dark .ff-excel-toolbar .ff-excel-toolbar-icon .ff-excel-toolbar-icon-color.ff-icon-click:hover svg path {\n  fill: var(--brand-color);\n}\n.ff-excel-toolbar .ff-excel-toolbar-menu {\n  display: flex;\n  align-items: center;\n  width: 36px;\n  height: 24px;\n}\n.ff-excel-toolbar .ff-excel-toolbar-menu .ff-excel-toolbar-menu-option {\n  display: flex;\n  align-items: center;\n}";
+var css_248z$e = ".ff-excel-color-selector {\n  position: absolute;\n  background-color: var(--error_light);\n  width: 14px;\n  height: 3px;\n  bottom: 3px;\n  z-index: 200;\n  cursor: pointer;\n}\n.ff-excel-color-selector .ff-excel-color-selector-picker {\n  width: 100%;\n  height: 0;\n  padding: 0;\n  visibility: hidden;\n}";
 styleInject(css_248z$e);
-var css_248z$d = ".ff-excel-color-selector {\n  position: absolute;\n  background-color: var(--error_light);\n  width: 14px;\n  height: 3px;\n  bottom: 3px;\n  z-index: 200;\n  cursor: pointer;\n}\n.ff-excel-color-selector .ff-excel-color-selector-picker {\n  width: 100%;\n  height: 0;\n  padding: 0;\n  visibility: hidden;\n}";
-styleInject(css_248z$d);
 const ColorBarSelector = ({
   getColorValue,
   disabled
@@ -31754,11 +31718,11 @@ const Spreadsheet = props => {
   });
 };
-var css_248z$c = ".ff-excel-page {\n  width: 100%;\n  display: flex;\n  margin-top: 40px;\n  flex-direction: column;\n  align-items: center;\n}\n.ff-excel-page .ff-excel-book {\n  position: relative;\n  width: 100%;\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar {\n  margin-left: 83px;\n  display: flex;\n  height: 36px;\n  align-items: center;\n  color: var(--brand2-color);\n  margin-top: -2px;\n  box-shadow: 0px 0px 4px -1px var(--toggle-strip-shadow);\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-add-sheet-icon {\n  padding: 4px 6px;\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container {\n  height: 36px;\n  width: 860px;\n  display: flex;\n  overflow-x: auto;\n  align-items: center;\n  scrollbar-width: none;\n  scrollbar-color: var(--hover-color) transparent;\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container::-webkit-scrollbar-thumb {\n  border-radius: 5px;\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container::-webkit-scrollbar {\n  height: 0px;\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list {\n  margin-top: 2px;\n  padding: 10px 9px;\n  min-width: max-content;\n  cursor: pointer;\n  display: flex;\n  background-color: var(--hover-color);\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list.active {\n  background-color: var(--excel-sheet-button-color);\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list:focus {\n  outline: none;\n  text-decoration: none;\n}";
-styleInject(css_248z$c);
+var css_248z$d = ".ff-excel-page {\n  width: 100%;\n  display: flex;\n  margin-top: 40px;\n  flex-direction: column;\n  align-items: center;\n}\n.ff-excel-page .ff-excel-book {\n  position: relative;\n  width: 100%;\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar {\n  margin-left: 83px;\n  display: flex;\n  height: 36px;\n  align-items: center;\n  color: var(--brand2-color);\n  margin-top: -2px;\n  box-shadow: 0px 0px 4px -1px var(--toggle-strip-shadow);\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-add-sheet-icon {\n  padding: 4px 6px;\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container {\n  height: 36px;\n  width: 860px;\n  display: flex;\n  overflow-x: auto;\n  align-items: center;\n  scrollbar-width: none;\n  scrollbar-color: var(--hover-color) transparent;\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container::-webkit-scrollbar-thumb {\n  border-radius: 5px;\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container::-webkit-scrollbar {\n  height: 0px;\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list {\n  margin-top: 2px;\n  padding: 10px 9px;\n  min-width: max-content;\n  cursor: pointer;\n  display: flex;\n  background-color: var(--hover-color);\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list.active {\n  background-color: var(--excel-sheet-button-color);\n}\n.ff-excel-page .ff-excel-book .ff-excel-sheet-bar .ff-excel-tab-container .ff-excel-tab-list:focus {\n  outline: none;\n  text-decoration: none;\n}";
+styleInject(css_248z$d);
-var css_248z$b = ".ff-excel-menu {\n  position: absolute;\n  border: 1px solid var(--option-card-border-color);\n  background: var(--option-card-bg-color);\n  border-radius: 4px;\n  margin: 2px;\n  min-height: 32px;\n  min-width: 111px;\n  white-space: nowrap;\n  z-index: 100;\n}\n.ff-excel-menu .ff-excel-menu-options {\n  color: var(--text-color);\n  cursor: pointer;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  padding: 4px;\n  gap: 8px;\n}\n.ff-excel-menu .ff-excel-menu-options:hover {\n  background-color: var(--hover-color);\n}\n.ff-excel-menu .ff-excel-menu-options label {\n  cursor: pointer;\n}";
-styleInject(css_248z$b);
+var css_248z$c = ".ff-excel-menu {\n  position: absolute;\n  border: 1px solid var(--option-card-border-color);\n  background: var(--option-card-bg-color);\n  border-radius: 4px;\n  margin: 2px;\n  min-height: 32px;\n  min-width: 111px;\n  white-space: nowrap;\n  z-index: 100;\n}\n.ff-excel-menu .ff-excel-menu-options {\n  color: var(--text-color);\n  cursor: pointer;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  padding: 4px;\n  gap: 8px;\n}\n.ff-excel-menu .ff-excel-menu-options:hover {\n  background-color: var(--hover-color);\n}\n.ff-excel-menu .ff-excel-menu-options label {\n  cursor: pointer;\n}";
+styleInject(css_248z$c);
 const ExcelContextMenu = ({
   contextMenu
@@ -32283,8 +32247,8 @@ const ExcelFile = ({
   });
 };
-var css_248z$a = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-Module-chip {\n  width: 75px;\n  height: 32px;\n  border: 0.5px solid;\n  border-radius: 16px;\n  color: var(--brand-color);\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n}\n.ff-Module-chip .ff-Module-label-chip--active {\n  color: var(--ff-header-text-color);\n}\n.ff-Module-chip--active {\n  background: var(--brand-color);\n}";
-styleInject(css_248z$a);
+var css_248z$b = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-Module-chip {\n  width: 75px;\n  height: 32px;\n  border: 0.5px solid;\n  border-radius: 16px;\n  color: var(--brand-color);\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n}\n.ff-Module-chip .ff-Module-label-chip--active {\n  color: var(--ff-header-text-color);\n}\n.ff-Module-chip--active {\n  background: var(--brand-color);\n}";
+styleInject(css_248z$b);
 const ModuleChip = ({
   label = '',
@@ -32310,8 +32274,8 @@ const ModuleChip = ({
   });
 };
-var css_248z$9 = ".fontXs, .ff-icon-radial-chart-container svg text {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-icon-radial-chart-container {\n  position: relative;\n}\n.ff-icon-radial-chart-container svg .ff-radial-chart-icon-padding {\n  padding: 0px;\n}\n.ff-icon-radial-chart-container svg text {\n  font-size: var(--fontSize) !important;\n  font-weight: 400;\n}\n.ff-icon-radial-chart-container .ff-icon-radial-chart-tooltip {\n  position: fixed;\n  padding: 5px;\n  border-radius: 4px;\n  pointer-events: none;\n  background-color: var(--tooltip-bg-color);\n  color: var(--tooltip-text-color);\n}";
-styleInject(css_248z$9);
+var css_248z$a = ".fontXs, .ff-icon-radial-chart-container svg text {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-icon-radial-chart-container {\n  position: relative;\n}\n.ff-icon-radial-chart-container svg .ff-radial-chart-icon-padding {\n  padding: 0px;\n}\n.ff-icon-radial-chart-container svg text {\n  font-size: var(--fontSize) !important;\n  font-weight: 400;\n}\n.ff-icon-radial-chart-container .ff-icon-radial-chart-tooltip {\n  position: fixed;\n  padding: 5px;\n  border-radius: 4px;\n  pointer-events: none;\n  background-color: var(--tooltip-bg-color);\n  color: var(--tooltip-text-color);\n}";
+styleInject(css_248z$a);
 // Function to generate SVG arc paths
 const calculateArc$1 = ({
@@ -32456,8 +32420,8 @@ const IconRadialChart = ({
   });
 };
-var css_248z$8 = ".ff-attach-image-container {\n  position: relative;\n  display: inline-block;\n}\n.ff-attach-image-container .ff-image-wrapper {\n  position: relative;\n  width: 79px;\n  height: 75px;\n}\n.ff-attach-image-container .ff-image-wrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.ff-attach-image-container .ff-image-wrapper .ff-hover-icons {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0;\n  background-color: rgba(0, 0, 0, 0.7);\n  transition: opacity 0.4s ease;\n}\n.ff-attach-image-container .ff-image-wrapper .ff-hover-icons .ff-top-icons {\n  position: absolute;\n  top: 1px;\n  right: 1px;\n  display: flex;\n  gap: 4px;\n}\n.ff-attach-image-container .ff-image-wrapper .ff-hover-icons .ff-top-icons .ff-icon-container {\n  width: 8px;\n  height: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 4px;\n  background-color: transparent;\n  transition: background-color 0.3s ease;\n}\n.ff-attach-image-container .ff-image-wrapper .ff-hover-icons .ff-expand-icon-container {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 4px;\n  background-color: transparent;\n  transition: background-color 0.3s ease;\n}\n.ff-attach-image-container .ff-image-wrapper:hover .ff-hover-icons {\n  opacity: 1;\n}\n.ff-attach-image-container .ff-image-wrapper:hover .ff-icon-container, .ff-attach-image-container .ff-image-wrapper:hover .ff-top-icons .ff-icon-container {\n  border-radius: 4px;\n  background-color: var(--ff-icon-hover-bg-color);\n}\n.ff-attach-image-container .ff-image-wrapper:hover .ff-expand-icon-container {\n  background-color: var(--ff-icon-hover-bg-color);\n}";
-styleInject(css_248z$8);
+var css_248z$9 = ".ff-attach-image-container {\n  position: relative;\n  display: inline-block;\n}\n.ff-attach-image-container .ff-image-wrapper {\n  position: relative;\n  width: 79px;\n  height: 75px;\n}\n.ff-attach-image-container .ff-image-wrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.ff-attach-image-container .ff-image-wrapper .ff-hover-icons {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  opacity: 0;\n  background-color: rgba(0, 0, 0, 0.7);\n  transition: opacity 0.4s ease;\n}\n.ff-attach-image-container .ff-image-wrapper .ff-hover-icons .ff-top-icons {\n  position: absolute;\n  top: 1px;\n  right: 1px;\n  display: flex;\n  gap: 4px;\n}\n.ff-attach-image-container .ff-image-wrapper .ff-hover-icons .ff-top-icons .ff-icon-container {\n  width: 8px;\n  height: 8px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 4px;\n  background-color: transparent;\n  transition: background-color 0.3s ease;\n}\n.ff-attach-image-container .ff-image-wrapper .ff-hover-icons .ff-expand-icon-container {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 4px;\n  background-color: transparent;\n  transition: background-color 0.3s ease;\n}\n.ff-attach-image-container .ff-image-wrapper:hover .ff-hover-icons {\n  opacity: 1;\n}\n.ff-attach-image-container .ff-image-wrapper:hover .ff-icon-container, .ff-attach-image-container .ff-image-wrapper:hover .ff-top-icons .ff-icon-container {\n  border-radius: 4px;\n  background-color: var(--ff-icon-hover-bg-color);\n}\n.ff-attach-image-container .ff-image-wrapper:hover .ff-expand-icon-container {\n  background-color: var(--ff-icon-hover-bg-color);\n}";
+styleInject(css_248z$9);
 const AttachImage = ({
   imageSrc,
@@ -32521,8 +32485,8 @@ const AttachImage = ({
   });
 };
-var css_248z$7 = ".ff-card-container {\n  width: 120px;\n  height: 93px;\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--border-color);\n  border-radius: 4px;\n  overflow: hidden;\n  cursor: pointer;\n}\n.ff-card-container:hover.passed {\n  border-color: var(--ff-card-passed-status-bg-color);\n}\n.ff-card-container:hover.failed {\n  border-color: var(--ff-card-failed-status-bg-color);\n}\n.ff-card-container:hover.warning {\n  border-color: var(--ff-card-warning-status-bg-color);\n}\n.ff-card-container:hover.skipped {\n  border-color: var(--ff-card-skipped-status-bg-color);\n}\n.ff-card-container:hover.flaky {\n  border-color: var(--ff-card-flaky-status-bg-color);\n}\n.ff-card-container .ff-status-bar {\n  width: 24px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: start;\n  align-items: center;\n  border-right: 1px solid var(--border-color);\n  gap: 30px;\n}\n.ff-card-container .ff-status-bar .ff-status-text {\n  transform: rotate(-90deg);\n  transform-origin: center;\n  display: inline-block;\n}\n.ff-card-container.passed .ff-status-bar {\n  background-color: var(--ff-card-passed-status-bg-color);\n}\n.ff-card-container.failed .ff-status-bar {\n  background-color: var(--ff-card-failed-status-bg-color);\n}\n.ff-card-container.warning .ff-status-bar {\n  background-color: var(--ff-card-warning-status-bg-color);\n}\n.ff-card-container.skipped .ff-status-bar {\n  background-color: var(--ff-card-skipped-status-bg-color);\n}\n.ff-card-container.flaky .ff-status-bar {\n  background-color: var(--ff-card-flaky-status-bg-color);\n}\n.ff-card-container .ff-content {\n  flex: 1;\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.ff-card-container .ff-content .ff-number {\n  margin-bottom: 4px;\n  color: inherit;\n}\n.ff-card-container.passed .ff-number {\n  color: var(--ff-card-passed-status-bg-color);\n}\n.ff-card-container.failed .ff-number {\n  color: var(--ff-card-failed-status-bg-color);\n}\n.ff-card-container.warning .ff-number {\n  color: var(--ff-card-warning-status-bg-color);\n}\n.ff-card-container.skipped .ff-number {\n  color: var(--ff-card-skipped-status-bg-color);\n}\n.ff-card-container.flaky .ff-number {\n  color: var(--ff-card-flaky-status-bg-color);\n}";
-styleInject(css_248z$7);
+var css_248z$8 = ".ff-card-container {\n  width: 120px;\n  height: 93px;\n  display: flex;\n  align-items: center;\n  border: 1px solid var(--border-color);\n  border-radius: 4px;\n  overflow: hidden;\n  cursor: pointer;\n}\n.ff-card-container:hover.passed {\n  border-color: var(--ff-card-passed-status-bg-color);\n}\n.ff-card-container:hover.failed {\n  border-color: var(--ff-card-failed-status-bg-color);\n}\n.ff-card-container:hover.warning {\n  border-color: var(--ff-card-warning-status-bg-color);\n}\n.ff-card-container:hover.skipped {\n  border-color: var(--ff-card-skipped-status-bg-color);\n}\n.ff-card-container:hover.flaky {\n  border-color: var(--ff-card-flaky-status-bg-color);\n}\n.ff-card-container .ff-status-bar {\n  width: 24px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: start;\n  align-items: center;\n  border-right: 1px solid var(--border-color);\n  gap: 30px;\n}\n.ff-card-container .ff-status-bar .ff-status-text {\n  transform: rotate(-90deg);\n  transform-origin: center;\n  display: inline-block;\n}\n.ff-card-container.passed .ff-status-bar {\n  background-color: var(--ff-card-passed-status-bg-color);\n}\n.ff-card-container.failed .ff-status-bar {\n  background-color: var(--ff-card-failed-status-bg-color);\n}\n.ff-card-container.warning .ff-status-bar {\n  background-color: var(--ff-card-warning-status-bg-color);\n}\n.ff-card-container.skipped .ff-status-bar {\n  background-color: var(--ff-card-skipped-status-bg-color);\n}\n.ff-card-container.flaky .ff-status-bar {\n  background-color: var(--ff-card-flaky-status-bg-color);\n}\n.ff-card-container .ff-content {\n  flex: 1;\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.ff-card-container .ff-content .ff-number {\n  margin-bottom: 4px;\n  color: inherit;\n}\n.ff-card-container.passed .ff-number {\n  color: var(--ff-card-passed-status-bg-color);\n}\n.ff-card-container.failed .ff-number {\n  color: var(--ff-card-failed-status-bg-color);\n}\n.ff-card-container.warning .ff-number {\n  color: var(--ff-card-warning-status-bg-color);\n}\n.ff-card-container.skipped .ff-number {\n  color: var(--ff-card-skipped-status-bg-color);\n}\n.ff-card-container.flaky .ff-number {\n  color: var(--ff-card-flaky-status-bg-color);\n}";
+styleInject(css_248z$8);
 const StatusCard = ({
   icon,
@@ -32571,8 +32535,8 @@ const StatusCard = ({
   });
 };
-var css_248z$6 = ".ff-variable-dropdown {\n  position: absolute;\n  width: 200px;\n  height: 300px;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--variable-dropdown-bg);\n  border: 1px solid var(--border-color);\n  border-radius: 3px;\n  z-index: 9999;\n}\n\n.ff-variable-option {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px;\n  cursor: pointer;\n}\n.ff-variable-option:hover {\n  background-color: var(--hover-color);\n}";
-styleInject(css_248z$6);
+var css_248z$7 = ".ff-variable-dropdown {\n  position: absolute;\n  width: 200px;\n  height: 300px;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--variable-dropdown-bg);\n  border: 1px solid var(--border-color);\n  border-radius: 3px;\n  z-index: 9999;\n}\n\n.ff-variable-option {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px;\n  cursor: pointer;\n}\n.ff-variable-option:hover {\n  background-color: var(--hover-color);\n}";
+styleInject(css_248z$7);
 const VariableDropdown = ({
   optionsList = [],
@@ -32604,8 +32568,8 @@ const VariableDropdown = ({
   });
 };
-var css_248z$5 = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-line-chart-inner-tooltip, .ff--line-chart-x-line-data, .ff-line-chart-y-axis-text, .ff-line-chart-date {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-line-chart-x-axis-label {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-line-chart-container {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.ff-line-chart-text {\n  width: 890px;\n  display: flex;\n}\n.ff-line-chart-text .smooth-dot {\n  transition: cx 0.2s ease, cy 0.2s ease;\n}\n\n.ff-line-chart-text1 {\n  transform-origin: center;\n  transform: rotate(-90deg);\n  transition: transform 1s ease-in-out;\n  position: relative;\n  left: 163px;\n  min-width: 10px;\n  color: var(--drawer-title-color);\n}\n\n.ff-line-chart-tooltip {\n  position: absolute;\n  background-color: var(--tooltip-bg-color);\n  border-radius: 4px;\n  pointer-events: none;\n  display: flex;\n  flex-direction: column;\n  min-width: 30px;\n  min-height: 30px;\n  justify-content: center;\n  align-items: flex-start;\n  row-gap: 10px;\n  padding: 8px !important;\n}\n\n.ff-line-chart-status-dot {\n  width: 16px;\n  height: 16px;\n  border-radius: 100%;\n}\n\n.ff-line-chart-inner-tooltip {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  color: var(--arrow-button-bg-color);\n}\n\n.ff-line-chart-date {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  border-bottom: 1px solid var(--arrow-button-bg-color);\n  color: var(--arrow-button-bg-color);\n}\n\n.ff-line-chart-x-axis-label {\n  font-weight: 600;\n}";
-styleInject(css_248z$5);
+var css_248z$6 = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-line-chart-inner-tooltip, .ff--line-chart-x-line-data, .ff-line-chart-y-axis-text, .ff-line-chart-date {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8, .ff-line-chart-x-axis-label {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-line-chart-container {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.ff-line-chart-text {\n  width: 890px;\n  display: flex;\n}\n.ff-line-chart-text .smooth-dot {\n  transition: cx 0.2s ease, cy 0.2s ease;\n}\n\n.ff-line-chart-text1 {\n  transform-origin: center;\n  transform: rotate(-90deg);\n  transition: transform 1s ease-in-out;\n  position: relative;\n  left: 163px;\n  min-width: 10px;\n  color: var(--drawer-title-color);\n}\n\n.ff-line-chart-tooltip {\n  position: absolute;\n  background-color: var(--tooltip-bg-color);\n  border-radius: 4px;\n  pointer-events: none;\n  display: flex;\n  flex-direction: column;\n  min-width: 30px;\n  min-height: 30px;\n  justify-content: center;\n  align-items: flex-start;\n  row-gap: 10px;\n  padding: 8px !important;\n}\n\n.ff-line-chart-status-dot {\n  width: 16px;\n  height: 16px;\n  border-radius: 100%;\n}\n\n.ff-line-chart-inner-tooltip {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  color: var(--arrow-button-bg-color);\n}\n\n.ff-line-chart-date {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  border-bottom: 1px solid var(--arrow-button-bg-color);\n  color: var(--arrow-button-bg-color);\n}\n\n.ff-line-chart-x-axis-label {\n  font-weight: 600;\n}";
+styleInject(css_248z$6);
 const LineChart = ({
   data,
@@ -32836,8 +32800,8 @@ const LineChart = ({
   });
 };
-var css_248z$4 = ":root {\n  --tooltip-bg-color: #1e161f;\n  --status-approved-text-color: #016102;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-text-color: #3c3838;\n  --status-approved-bg-color: #c6efcd;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-warning-bg-color: #fae2c6;\n  --status-skipped-bg-color: #c4c3c3;\n  --brand-color: #71347b;\n  --icons-default-color: #71347b;\n  --default-icon-color: #a3a3a3;\n  --default-color: #747474;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --system-color--error: #c50303;\n  --hover-color: #f7ebff;\n  --brand2-color: #610b86;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --description-text-color: #d9d9d9;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --text-color: #1e161f;\n  --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n  --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n  --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n  --file-details-bg: #ffffff;\n  --error-light: #e42525;\n  --tabs-label-default-color: tabs-label-default-color;\n  --tabs-label-active-color: tabs-label-active-color;\n  --tabs-border-color: tabs-border-color;\n  --tabs-bg-color: tabs-bg-color;\n  --tab-bg-color: tab-bg-color;\n  --toggle-button-bg-color: #ffffff;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-strip-color: #cfd1e2;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --toggle-strip-color: #cfd1e2;\n  --add-icon-hover-color: #431b4a;\n  --arrows-button-border-color: #ded1e5;\n  --arrow-button-bg-color: #ffffff;\n  --text-bg-highlight: #f5fb00;\n  --slider-table-color: #efe1f9;\n  --variable-dropdown-bg: #($variable-dropdown-bg);\n}\n\n.fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-download-client-overlay {\n  width: 378px;\n  height: 217px;\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  z-index: 9999;\n}\n.ff-download-client-overlay .ff-download-client-container {\n  width: 370px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid var(--download-client-border-color);\n  margin-left: 5px;\n}\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-header {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  justify-content: space-between;\n  padding: 7px 4px;\n  margin-bottom: 8px;\n  border-radius: 4px 4px 0 0;\n  background-color: var(--download-client-header-bg-color);\n  box-sizing: border-box;\n}\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-header .ff-header-arrow {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 10px;\n  right: 70px;\n  width: 10px;\n  height: 10px;\n  background-color: var(--download-client-icon-container-bg-color);\n  transform: translateY(-50%) rotate(-45deg);\n  z-index: -999;\n  border: 1px solid var(--download-client-header-bg-color);\n}\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-content {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  flex-direction: column;\n  padding-left: 8px;\n  padding-right: 24px;\n  gap: 8px;\n  margin-bottom: 8px;\n  color: var(--popup-text-color);\n}\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-content .ff-download-install,\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-content .ff-choose-os {\n  padding: 4px 0;\n}\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-actions {\n  width: 240px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  gap: 12px;\n  margin-bottom: 17px;\n}\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-actions .ff-icons-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  width: 64px;\n  height: 64px;\n  border-radius: 8px;\n  border: 1px solid var(--download-client-icon-container-border-color);\n  background-color: var(--download-client-icon-container-bg-color);\n  cursor: pointer;\n  box-shadow: 0px 0px 10px 0px var(--download-client-icon-container-box-shadow-color);\n}";
-styleInject(css_248z$4);
+var css_248z$5 = ":root {\n  --tooltip-bg-color: #1e161f;\n  --status-approved-text-color: #016102;\n  --status-warning-text-color: #ff8b00;\n  --status-rejected-text-color: #c60202;\n  --status-skipped-text-color: #3c3838;\n  --status-approved-bg-color: #c6efcd;\n  --status-rejected-bg-color: #f7d9d9;\n  --status-warning-bg-color: #fae2c6;\n  --status-skipped-bg-color: #c4c3c3;\n  --brand-color: #71347b;\n  --icons-default-color: #71347b;\n  --default-icon-color: #a3a3a3;\n  --default-color: #747474;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --system-color--error: #c50303;\n  --hover-color: #f7ebff;\n  --brand2-color: #610b86;\n  --status-warning-hover-bg-color: #fcd8ac;\n  --status-percentage-growth-bg-color: #ecedf8;\n  --primary-icon-color: #ffffff;\n  --secondary-icon-color: #71347b;\n  --description-text-color: #d9d9d9;\n  --expandable-menu-default-bg: #fdfaff;\n  --expandable-menu-option-bg: rgba(97, 11, 134, 0.1019607843);\n  --text-color: #1e161f;\n  --file-dropzone-default-color: rgba(113, 52, 123, 0.1019607843);\n  --file-dropzone-selected-color: rgba(113, 52, 123, 0.2);\n  --file-details-container-shadow: rgba(30, 22, 31, 0.1607843137);\n  --file-details-bg: #ffffff;\n  --error-light: #e42525;\n  --tabs-label-default-color: tabs-label-default-color;\n  --tabs-label-active-color: tabs-label-active-color;\n  --tabs-border-color: tabs-border-color;\n  --tabs-bg-color: tabs-bg-color;\n  --tab-bg-color: tab-bg-color;\n  --toggle-button-bg-color: #ffffff;\n  --toggle-strip-shadow: rgba(0, 0, 0, 0.2509803922);\n  --toggle-strip-color: #cfd1e2;\n  --disable-color: rgba(113, 52, 123, 0.5019607843);\n  --toggle-strip-color: #cfd1e2;\n  --add-icon-hover-color: #431b4a;\n  --arrows-button-border-color: #ded1e5;\n  --arrow-button-bg-color: #ffffff;\n  --text-bg-highlight: #f5fb00;\n  --slider-table-color: #efe1f9;\n  --variable-dropdown-bg: #($variable-dropdown-bg);\n}\n\n.fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-download-client-overlay {\n  width: 378px;\n  height: 217px;\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  z-index: 9999;\n}\n.ff-download-client-overlay .ff-download-client-container {\n  width: 370px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  flex-direction: column;\n  border-radius: 8px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  border: 1px solid var(--download-client-border-color);\n  margin-left: 5px;\n}\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-header {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  justify-content: space-between;\n  padding: 7px 4px;\n  margin-bottom: 8px;\n  border-radius: 4px 4px 0 0;\n  background-color: var(--download-client-header-bg-color);\n  box-sizing: border-box;\n}\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-header .ff-header-arrow {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 10px;\n  right: 70px;\n  width: 10px;\n  height: 10px;\n  background-color: var(--download-client-icon-container-bg-color);\n  transform: translateY(-50%) rotate(-45deg);\n  z-index: -999;\n  border: 1px solid var(--download-client-header-bg-color);\n}\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-content {\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  flex-direction: column;\n  padding-left: 8px;\n  padding-right: 24px;\n  gap: 8px;\n  margin-bottom: 8px;\n  color: var(--popup-text-color);\n}\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-content .ff-download-install,\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-content .ff-choose-os {\n  padding: 4px 0;\n}\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-actions {\n  width: 240px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  gap: 12px;\n  margin-bottom: 17px;\n}\n.ff-download-client-overlay .ff-download-client-container .ff-download-client-actions .ff-icons-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  align-content: center;\n  width: 64px;\n  height: 64px;\n  border-radius: 8px;\n  border: 1px solid var(--download-client-icon-container-border-color);\n  background-color: var(--download-client-icon-container-bg-color);\n  cursor: pointer;\n  box-shadow: 0px 0px 10px 0px var(--download-client-icon-container-box-shadow-color);\n}";
+styleInject(css_248z$5);
 const DownloadClient = ({
   onClose,
@@ -32934,6 +32898,39 @@ const DownloadClient = ({
   });
 };
+var css_248z$4 = ".ff_fieldSet_container .ff_fieldSet {\n  border-color: var(--ff-connecting-branch-modal-border);\n  border-radius: 5px;\n}\n.ff_fieldSet_container .ff_fieldSet .ff_legend_container {\n  display: flex;\n}";
+styleInject(css_248z$4);
+const FieldSet = ({
+  legendName,
+  height,
+  width,
+  children
+}) => {
+  return jsxRuntime.jsx("div", {
+    className: "ff_fieldSet_container",
+    children: jsxRuntime.jsxs("fieldset", {
+      className: "ff_fieldSet",
+      style: {
+        height,
+        width
+      },
+      children: [jsxRuntime.jsx("legend", {
+        className: "ff_legend_container",
+        children: jsxRuntime.jsx(Typography, {
+          color: "var(--license_header_text_color)",
+          fontSize: 8,
+          lineHeight: "12px",
+          children: legendName
+        })
+      }), jsxRuntime.jsx("div", {
+        className: "ff_children_container",
+        children: children
+      })]
+    })
+  });
+};
 function findAndInsert(data, key, targetId, newEntry, insertPosition, childrenKey = 'children' // Allow dynamic key for nested children
 ) {
   function recursiveSearch(items) {
@@ -45807,11 +45804,14 @@ exports.DonutChart = DonutChart;
 exports.DownloadClient = DownloadClient;
 exports.DragAndDrop = DragAndDrop;
 exports.Drawer = Drawer;
+exports.Dropzone = Dropzone;
 exports.EditTextField = EditTextField;
 exports.Editor = Editor;
 exports.Excel = ExcelFile;
 exports.ExpandableMenu = ExpandableMenu;
+exports.FieldSet = FieldSet;
 exports.FileDropzone = FileDropzone;
+exports.FilePreview = FilePreview;
 exports.Form = ForwardedForms;
 exports.HighlightText = HighlightText;
 exports.Icon = Icon;
@@ -45845,7 +45845,7 @@ exports.StateDropdown = StateDropdown;
 exports.StatusButton = StatusButton;
 exports.StatusCard = StatusCard;
 exports.Table = Table$1;
-exports.TableTree = TableTree;
+exports.TableTree = TreeTable;
 exports.Tabs = Tabs;
 exports.TextArea = Textarea;
 exports.ThemeProvider = ThemeProvider;
@@ -45871,5 +45871,6 @@ exports.saveFileFromBlob = saveFileFromBlob;
 exports.throttle = throttle;
 exports.toast = toast;
 exports.truncateText = truncateText;
+exports.useFileDropzone = useFileDropzone;
 exports.useTheme = useTheme;
 //# sourceMappingURL=index.js.map