pixel-react 1.5.9 → 1.6.1

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 (110) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/AppHeader/AppHeader.d.ts +1 -0
  3. package/lib/components/AppHeader/types.d.ts +18 -6
  4. package/lib/components/Charts/BarChart/BarChart.d.ts +1 -0
  5. package/lib/components/Charts/DashboardDonutChart/types.d.ts +2 -0
  6. package/lib/components/Excel/ExcelToolBar/ExcelToolBar.d.ts +0 -1
  7. package/lib/components/FieldSet/FieldSet.d.ts +5 -0
  8. package/lib/components/FieldSet/index.d.ts +1 -0
  9. package/lib/components/FieldSet/types.d.ts +7 -0
  10. package/lib/components/FileDropzone/types.d.ts +8 -0
  11. package/lib/components/MachineInputField/types.d.ts +1 -1
  12. package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
  13. package/lib/components/MultiSelect/MultiSelectTypes.d.ts +1 -0
  14. package/lib/components/PopUpModal/PopUpModal.d.ts +5 -0
  15. package/lib/components/PopUpModal/types.d.ts +14 -0
  16. package/lib/components/RadioGroup/radioGroupTypes.d.ts +20 -0
  17. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.d.ts +2 -1
  18. package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
  19. package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +3 -2
  20. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
  21. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +3 -2
  22. package/lib/components/SequentialConnectingBranch/types.d.ts +11 -3
  23. package/lib/components/TableTree/TableTree.d.ts +4 -24
  24. package/lib/components/TableTree/data.d.ts +112 -273
  25. package/lib/components/TableTree/types.d.ts +28 -0
  26. package/lib/index.d.ts +149 -32
  27. package/lib/index.esm.js +1104 -742
  28. package/lib/index.esm.js.map +1 -1
  29. package/lib/index.js +1109 -742
  30. package/lib/index.js.map +1 -1
  31. package/lib/tsconfig.tsbuildinfo +1 -1
  32. package/package.json +2 -2
  33. package/src/assets/Themes/BaseTheme.scss +5 -14
  34. package/src/assets/Themes/DarkTheme.scss +5 -2
  35. package/src/assets/icons/arrow_up.svg +1 -1
  36. package/src/assets/icons/export.svg +5 -0
  37. package/src/assets/icons/import.svg +5 -0
  38. package/src/assets/icons/info_icon.svg +4 -16
  39. package/src/assets/icons/replace_file.svg +14 -0
  40. package/src/assets/icons/web_service_icon.svg +3 -0
  41. package/src/assets/styles/_fonts.scss +4 -2
  42. package/src/components/AppHeader/AppHeader.stories.tsx +242 -39
  43. package/src/components/AppHeader/AppHeader.tsx +158 -139
  44. package/src/components/AppHeader/types.ts +19 -6
  45. package/src/components/Charts/BarChart/BarChart.scss +34 -34
  46. package/src/components/Charts/BarChart/BarChart.stories.tsx +3 -2
  47. package/src/components/Charts/BarChart/BarChart.tsx +79 -55
  48. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +25 -18
  49. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +31 -11
  50. package/src/components/Charts/DashboardDonutChart/types.ts +2 -0
  51. package/src/components/Charts/IconRadialChart/IconRadialChart.tsx +3 -0
  52. package/src/components/Charts/LineChart/LineChart.scss +13 -4
  53. package/src/components/Charts/LineChart/LineChart.stories.tsx +100 -102
  54. package/src/components/Charts/LineChart/LineChart.tsx +143 -131
  55. package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +23 -2
  56. package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +109 -24
  57. package/src/components/Charts/PieChart/PieChart.scss +5 -3
  58. package/src/components/Charts/PieChart/PieChart.tsx +1 -2
  59. package/src/components/Checkbox/Checkbox.tsx +1 -7
  60. package/src/components/DatePicker/DatePicker.scss +15 -1
  61. package/src/components/DragAndDrop/DragAndDropList.tsx +5 -4
  62. package/src/components/Excel/ExcelFile/ExcelFile.scss +1 -1
  63. package/src/components/Excel/ExcelFile/ExcelFile.tsx +34 -20
  64. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +0 -1
  65. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +44 -15
  66. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +47 -4
  67. package/src/components/FieldSet/FieldSet.scss +9 -0
  68. package/src/components/FieldSet/FieldSet.stories.tsx +103 -0
  69. package/src/components/FieldSet/FieldSet.tsx +29 -0
  70. package/src/components/FieldSet/index.ts +1 -0
  71. package/src/components/FieldSet/types.ts +8 -0
  72. package/src/components/FileDropzone/FileDropzone.scss +1 -1
  73. package/src/components/FileDropzone/FileDropzone.stories.tsx +15 -3
  74. package/src/components/FileDropzone/FileDropzone.tsx +5 -0
  75. package/src/components/FileDropzone/FilePreview.tsx +1 -1
  76. package/src/components/FileDropzone/types.ts +8 -0
  77. package/src/components/Icon/Icons.scss +1 -1
  78. package/src/components/Icon/iconList.ts +11 -7
  79. package/src/components/MachineInputField/MachineInputField.scss +15 -2
  80. package/src/components/MachineInputField/MachineInputField.tsx +17 -3
  81. package/src/components/MachineInputField/types.ts +1 -1
  82. package/src/components/MultiSelect/Dropdown.tsx +7 -3
  83. package/src/components/MultiSelect/MultiSelect.stories.tsx +6 -1
  84. package/src/components/MultiSelect/MultiSelect.tsx +4 -20
  85. package/src/components/MultiSelect/MultiSelectTypes.ts +2 -0
  86. package/src/components/PopUpModal/PopUpModal.scss +36 -0
  87. package/src/components/PopUpModal/PopUpModal.stories.tsx +61 -0
  88. package/src/components/PopUpModal/PopUpModal.tsx +85 -0
  89. package/src/components/PopUpModal/types.ts +14 -0
  90. package/src/components/RadioGroup/RadioGroup.scss +7 -0
  91. package/src/components/RadioGroup/RadioGroup.stories.tsx +26 -0
  92. package/src/components/RadioGroup/RadioGroup.tsx +16 -0
  93. package/src/components/RadioGroup/radioGroupTypes.tsx +24 -0
  94. package/src/components/Select/Select.tsx +3 -4
  95. package/src/components/Select/components/Dropdown.tsx +34 -34
  96. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +9 -0
  97. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +74 -43
  98. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +9 -3
  99. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +45 -14
  100. package/src/components/SequentialConnectingBranch/components/Branches/types.ts +9 -2
  101. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +3 -1
  102. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +9 -2
  103. package/src/components/SequentialConnectingBranch/types.ts +18 -3
  104. package/src/components/TableTree/TableTree.scss +154 -123
  105. package/src/components/TableTree/TableTree.stories.tsx +148 -96
  106. package/src/components/TableTree/TableTree.tsx +250 -282
  107. package/src/components/TableTree/data.ts +318 -569
  108. package/src/components/TableTree/types.ts +30 -0
  109. package/src/components/Toast/Toast.tsx +1 -1
  110. package/src/index.ts +11 -0
package/lib/index.esm.js CHANGED
@@ -28,11 +28,11 @@ function styleInject(css, ref) {
28
28
  }
29
29
  }
30
30
 
31
- 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}";
32
- styleInject(css_248z$1a);
31
+ var css_248z$1c = ":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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
32
+ styleInject(css_248z$1c);
33
33
 
34
- 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}";
35
- styleInject(css_248z$19);
34
+ 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}";
35
+ styleInject(css_248z$1b);
36
36
 
37
37
  function getDefaultExportFromCjs (x) {
38
38
  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -113,7 +113,7 @@ const SvgManageApps = (props) => /* @__PURE__ */ React.createElement("svg", { wi
113
113
 
114
114
  const SvgLogo = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 1024 1024", className: "icon", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M512 301.2m-10 0a10 10 0 1 0 20 0 10 10 0 1 0-20 0Z", fill: "#E73B37" }), /* @__PURE__ */ React.createElement("path", { d: "M400.3 744.5c2.1-0.7 4.1-1.4 6.2-2-2 0.6-4.1 1.3-6.2 2z m0 0c2.1-0.7 4.1-1.4 6.2-2-2 0.6-4.1 1.3-6.2 2z", fill: "#39393A" }), /* @__PURE__ */ React.createElement("path", { d: "M511.8 256.6c24.4 0 44.2 19.8 44.2 44.2S536.2 345 511.8 345s-44.2-19.8-44.2-44.2 19.9-44.2 44.2-44.2m0-20c-35.5 0-64.2 28.7-64.2 64.2s28.7 64.2 64.2 64.2 64.2-28.7 64.2-64.2-28.7-64.2-64.2-64.2z", fill: "#E73B37" }), /* @__PURE__ */ React.createElement("path", { d: "M730.7 529.5c0.4-8.7 0.6-17.4 0.6-26.2 0-179.6-86.1-339.1-219.3-439.5-133.1 100.4-219.2 259.9-219.2 439.5 0 8.8 0.2 17.5 0.6 26.1-56 56-90.6 133.3-90.6 218.7 0 61.7 18 119.1 49.1 167.3 30.3-49.8 74.7-90.1 127.7-115.3 39-18.6 82.7-29 128.8-29 48.3 0 93.9 11.4 134.3 31.7 52.5 26.3 96.3 67.7 125.6 118.4 33.4-49.4 52.9-108.9 52.9-173.1 0-85.4-34.6-162.6-90.5-218.6zM351.1 383.4c9.2-37.9 22.9-74.7 40.6-109.5a502.1 502.1 0 0 1 63.6-95.9c17.4-20.6 36.4-39.9 56.8-57.5 20.4 17.6 39.4 36.9 56.8 57.5 24.8 29.5 46.2 61.8 63.6 95.9 17.7 34.8 31.4 71.6 40.6 109.5 8.7 35.8 13.5 72.7 14.2 109.9C637.4 459 577 438.9 512 438.9c-65 0-125.3 20.1-175.1 54.4 0.7-37.2 5.5-74.1 14.2-109.9z m-90.6 449.2c-9.1-27-13.7-55.5-13.7-84.4 0-35.8 7-70.6 20.8-103.2 8.4-19.8 19-38.4 31.9-55.5 9.7 61.5 29.5 119.7 57.8 172.6-36.4 17.8-69 41.6-96.8 70.5z m364.2-85.3c-0.7-0.3-1.5-0.5-2.2-0.8-0.4-0.2-0.9-0.3-1.3-0.5-0.6-0.2-1.3-0.5-1.9-0.7-0.8-0.3-1.5-0.5-2.3-0.8-0.8-0.3-1.5-0.5-2.3-0.7l-0.9-0.3c-1-0.3-2.1-0.7-3.1-1-1.2-0.4-2.4-0.7-3.5-1.1l-3-0.9c-0.2-0.1-0.4-0.1-0.7-0.2-1.1-0.3-2.3-0.7-3.4-1-1.2-0.3-2.4-0.6-3.5-0.9l-3.6-0.9-3.6-0.9c-1-0.3-2.1-0.5-3.1-0.7-1.2-0.3-2.4-0.5-3.6-0.8-1.3-0.3-2.5-0.6-3.8-0.8h-0.3c-0.9-0.2-1.9-0.4-2.8-0.6-0.4-0.1-0.7-0.1-1.1-0.2-1.1-0.2-2.2-0.4-3.4-0.6-1.2-0.2-2.4-0.4-3.6-0.7l-5.4-0.9c-0.9-0.1-1.9-0.3-2.8-0.4-0.8-0.1-1.6-0.3-2.5-0.4-2.6-0.4-5.1-0.7-7.7-1-1.2-0.1-2.3-0.3-3.5-0.4h-0.4c-0.9-0.1-1.8-0.2-2.8-0.3-1.1-0.1-2.1-0.2-3.2-0.3-1.7-0.2-3.4-0.3-5.1-0.4-0.8-0.1-1.5-0.1-2.3-0.2-0.9-0.1-1.9-0.1-2.8-0.2-0.4 0-0.8 0-1.2-0.1-1.1-0.1-2.1-0.1-3.2-0.2-0.5 0-1-0.1-1.5-0.1-1.3-0.1-2.6-0.1-3.9-0.1-0.8 0-1.5-0.1-2.3-0.1-1.2 0-2.4 0-3.5-0.1h-13.9c-2.3 0-4.6 0.1-6.9 0.2-0.9 0-1.9 0.1-2.8 0.1-0.8 0-1.5 0.1-2.3 0.1-1.4 0.1-2.8 0.2-4.1 0.3-1.4 0.1-2.7 0.2-4.1 0.3-1.4 0.1-2.7 0.2-4.1 0.4-0.6 0-1.2 0.1-1.8 0.2l-7.8 0.9c-1.1 0.1-2.1 0.3-3.2 0.4-1 0.1-2.1 0.3-3.1 0.4-3.2 0.5-6.4 0.9-9.5 1.5-0.7 0.1-1.4 0.2-2.1 0.4-0.9 0.1-1.7 0.3-2.6 0.5-1.1 0.2-2.3 0.4-3.4 0.6-0.9 0.2-1.7 0.3-2.6 0.5-0.4 0.1-0.8 0.1-1.1 0.2-0.7 0.1-1.4 0.3-2.1 0.4-1.2 0.3-2.4 0.5-3.6 0.8-1.2 0.3-2.4 0.5-3.6 0.8-0.2 0-0.4 0.1-0.6 0.1-0.5 0.1-1 0.2-1.5 0.4-1.1 0.3-2.3 0.6-3.5 0.9-1.3 0.3-2.5 0.6-3.8 1-0.4 0.1-0.9 0.2-1.4 0.4-1.3 0.4-2.7 0.7-4 1.1-1.5 0.4-3 0.9-4.6 1.3-1 0.3-2.1 0.6-3.1 1-2.1 0.6-4.1 1.3-6.2 2-0.7 0.2-1.4 0.5-2.1 0.7-15-27.5-27.4-56.4-37-86.2-11.7-36.1-19.2-73.6-22.5-111.6-0.6-6.7-1-13.3-1.3-20-0.1-1.2-0.1-2.4-0.1-3.6-0.1-1.2-0.1-2.4-0.1-3.6 0-1.2-0.1-2.4-0.1-3.6 0-1.2-0.1-2.4-0.1-3.7 18.8-14 39.2-25.8 61-35 36.1-15.3 74.5-23 114.1-23 39.6 0 78 7.8 114.1 23 21.8 9.2 42.2 20.9 61 35v0.1c0 1 0 1.9-0.1 2.9 0 1.4-0.1 2.8-0.1 4.3 0 0.7 0 1.3-0.1 2-0.1 1.8-0.1 3.5-0.2 5.3-0.3 6.7-0.8 13.3-1.3 20-3.3 38.5-11 76.5-23 113-9.7 30.3-22.3 59.4-37.6 87.1z m136.8 90.9a342.27 342.27 0 0 0-96.3-73.2c29.1-53.7 49.5-112.8 59.4-175.5 12.8 17.1 23.4 35.6 31.8 55.5 13.8 32.7 20.8 67.4 20.8 103.2 0 31-5.3 61.3-15.7 90z", fill: "#39393A" }), /* @__PURE__ */ React.createElement("path", { d: "M512 819.3c8.7 0 24.7 22.9 24.7 60.4s-16 60.4-24.7 60.4-24.7-22.9-24.7-60.4 16-60.4 24.7-60.4m0-20c-24.7 0-44.7 36-44.7 80.4 0 44.4 20 80.4 44.7 80.4s44.7-36 44.7-80.4c0-44.4-20-80.4-44.7-80.4z", fill: "#E73B37" }));
115
115
 
116
- const SvgArrowUp = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 12 8", fill: "currentColora", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M0.191807 6.6611L0.584883 7.05691C0.708591 7.18052 0.873178 7.24862 1.04908 7.24862C1.22489 7.24862 1.38967 7.18052 1.51338 7.05691C3.98977 4.5804 8.00998 4.58543 10.4864 7.06188C10.6099 7.18549 10.7747 7.25349 10.9505 7.25349C11.1263 7.25349 11.2912 7.18549 11.4148 7.06188L11.808 6.66851C12.064 6.41271 12.064 5.99602 11.808 5.74021L6.46317 0.37617C6.33966 0.252657 6.17507 0.165632 5.99771 0.165632H5.99566C5.81975 0.165632 5.65517 0.252755 5.53165 0.37617L0.191807 5.72568C0.0680981 5.84919 0.00019455 6.01875 0 6.19456C0 6.37046 0.0680981 6.53768 0.191807 6.6611Z", fill: "currentColor" }));
116
+ const SvgArrowUp = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 12 8", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M0.191807 6.6611L0.584883 7.05691C0.708591 7.18052 0.873178 7.24862 1.04908 7.24862C1.22489 7.24862 1.38967 7.18052 1.51338 7.05691C3.98977 4.5804 8.00998 4.58543 10.4864 7.06188C10.6099 7.18549 10.7747 7.25349 10.9505 7.25349C11.1263 7.25349 11.2912 7.18549 11.4148 7.06188L11.808 6.66851C12.064 6.41271 12.064 5.99602 11.808 5.74021L6.46317 0.37617C6.33966 0.252657 6.17507 0.165632 5.99771 0.165632H5.99566C5.81975 0.165632 5.65517 0.252755 5.53165 0.37617L0.191807 5.72568C0.0680981 5.84919 0.00019455 6.01875 0 6.19456C0 6.37046 0.0680981 6.53768 0.191807 6.6611Z", fill: "currentColor" }));
117
117
 
118
118
  const SvgArrowRight = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 5 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M0.417894 0.127872L0.138679 0.389922C0.0514798 0.472394 0.00344123 0.582119 0.00344123 0.699388C0.00344123 0.816592 0.0514798 0.926447 0.138679 1.00892C1.85602 2.63182 1.85247 5.36801 0.135169 6.99095C0.0479698 7.07329 0 7.18315 0 7.30035C0 7.41756 0.0479698 7.52748 0.135169 7.60988L0.412663 7.872C0.593118 8.04267 0.887061 8.04267 1.06752 7.872L4.85148 4.30878C4.93861 4.22644 5 4.11672 5 3.99847V3.99711C5 3.87984 4.93854 3.77011 4.85148 3.68777L1.07777 0.127872C0.99064 0.0453992 0.871025 0.000130177 0.747006 0C0.622918 0 0.504955 0.0453992 0.417894 0.127872Z", fill: "currentColor" }));
119
119
 
@@ -171,6 +171,8 @@ const SvgFilter = (props) => /* @__PURE__ */ React.createElement("svg", { width:
171
171
 
172
172
  const SvgAlert = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("mask", { id: "path-1-inside-1_6737_30635", fill: "white" }, /* @__PURE__ */ React.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.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.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.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "paint0_linear_6737_30635", x1: 20, y1: 0, x2: 20, y2: 39.9999, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#E42525" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#C90000" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "paint1_linear_6737_30635", x1: 22.7478, y1: 39.9999, x2: 21.1229, y2: 1.35825, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#E42525" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#C90000" }))));
173
173
 
174
+ const SvgReplaceFile = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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.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.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.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" }));
175
+
174
176
  const SvgRightArrowIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 15 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M13.4999 5.49976L1.5 5.49976", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ React.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" }));
175
177
 
176
178
  const SvgLeftArrowIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 15 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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" }));
@@ -199,6 +201,8 @@ const SvgDetails = (props) => /* @__PURE__ */ React.createElement("svg", { width
199
201
 
200
202
  const SvgImpactList = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 17 13", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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.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.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.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" }));
201
203
 
204
+ const SvgExport = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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 }));
205
+
202
206
  const SvgFormatePainter = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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.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.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" }));
203
207
 
204
208
  const SvgBold = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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" }));
@@ -265,7 +269,7 @@ const SvgGifFileType = (props) => /* @__PURE__ */ React.createElement("svg", { w
265
269
 
266
270
  const SvgJpgFileType = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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.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" }));
267
271
 
268
- const SvgInfoIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("mask", { id: "path-1-inside-1_7049_61139", fill: "white" }, /* @__PURE__ */ React.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.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.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.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "paint0_linear_7049_61139", x1: 20, y1: 1.0899, x2: 20.6375, y2: 39.9999, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#2591E4" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#1769B0" })), /* @__PURE__ */ React.createElement("linearGradient", { id: "paint1_linear_7049_61139", x1: 20.9771, y1: 39.4328, x2: 20, y2: 1.42296, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#2591E4" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#1769B0" }))));
272
+ const SvgInfoIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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.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.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" }));
269
273
 
270
274
  const SvgCalendarIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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.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.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.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.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.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.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" }));
271
275
 
@@ -497,6 +501,8 @@ const SvgUserWarning = (props) => /* @__PURE__ */ React.createElement("svg", { w
497
501
 
498
502
  const SvgUserWithSystem = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 241 240", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_434_9692)" }, /* @__PURE__ */ React.createElement("path", { d: "M192.365 183.552H0.36499V183.672H192.365V183.552Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2771 187.627H25.5459V187.747H46.2771V187.627Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M53.5921 187.627H50.5537V187.747H53.5921V187.627Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M108.437 189.653H63.4707V189.773H108.437V189.653Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.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.createElement("path", { d: "M119.818 49.2816H38.4482V140.443H119.818V49.2816Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M119.818 50.7552H40.0466V138.83H119.818V50.7552Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.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.createElement("path", { d: "M72.3699 76.9152H71.5347V77.7504H72.3699V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M72.3699 78.312H71.5347V79.1472H72.3699V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M72.3699 83.9136H71.5347V84.7488H72.3699V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M72.3699 85.3104H71.5347V86.1456H72.3699V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M72.3699 86.712H71.5347V87.5472H72.3699V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M72.3699 90.912H71.5347V91.7472H72.3699V90.912Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M72.3699 92.3088H71.5347V93.144H72.3699V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M73.6946 82.512H72.8594V83.3472H73.6946V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M73.6946 83.9136H72.8594V84.7488H73.6946V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M73.6946 85.3104H72.8594V86.1456H73.6946V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M73.6946 86.712H72.8594V87.5472H73.6946V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M73.6946 88.1136H72.8594V88.9488H73.6946V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M73.6946 90.912H72.8594V91.7472H73.6946V90.912Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M73.6946 92.3088H72.8594V93.144H73.6946V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M75.0193 76.9152H74.1841V77.7504H75.0193V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M75.0193 78.312H74.1841V79.1472H75.0193V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M75.0193 79.7136H74.1841V80.5488H75.0193V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M75.0193 81.1152H74.1841V81.9504H75.0193V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M75.0193 82.512H74.1841V83.3472H75.0193V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M75.0193 83.9136H74.1841V84.7488H75.0193V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M75.0193 85.3104H74.1841V86.1456H75.0193V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M75.0193 86.712H74.1841V87.5472H75.0193V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M75.0193 88.1136H74.1841V88.9488H75.0193V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M75.0193 89.5104H74.1841V90.3456H75.0193V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M75.0193 92.3088H74.1841V93.144H75.0193V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M76.3489 76.9152H75.5137V77.7504H76.3489V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M76.3489 78.312H75.5137V79.1472H76.3489V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M76.3489 79.7136H75.5137V80.5488H76.3489V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M76.3489 81.1152H75.5137V81.9504H76.3489V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M76.3489 82.512H75.5137V83.3472H76.3489V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M76.3489 83.9136H75.5137V84.7488H76.3489V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M76.3489 85.3104H75.5137V86.1456H76.3489V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M76.3489 97.9104H75.5137V98.7456H76.3489V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M77.6738 76.9152H76.8386V77.7504H77.6738V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M77.6738 78.312H76.8386V79.1472H77.6738V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M77.6738 79.7136H76.8386V80.5488H77.6738V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M77.6738 81.1152H76.8386V81.9504H77.6738V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M77.6738 82.512H76.8386V83.3472H77.6738V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M77.6738 83.9136H76.8386V84.7488H77.6738V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M77.6738 85.3104H76.8386V86.1456H77.6738V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M77.6738 86.712H76.8386V87.5472H77.6738V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M77.6738 95.112H76.8386V95.9472H77.6738V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M77.6738 96.5088H76.8386V97.344H77.6738V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M77.6738 97.9104H76.8386V98.7456H77.6738V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M77.6738 99.312H76.8386V100.147H77.6738V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M77.6738 104.909H76.8386V105.744H77.6738V104.909Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 76.9152H78.1633V77.7504H78.9985V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 78.312H78.1633V79.1472H78.9985V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 79.7136H78.1633V80.5488H78.9985V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 81.1152H78.1633V81.9504H78.9985V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 82.512H78.1633V83.3472H78.9985V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 83.9136H78.1633V84.7488H78.9985V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 85.3104H78.1633V86.1456H78.9985V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 86.712H78.1633V87.5472H78.9985V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 88.1136H78.1633V88.9488H78.9985V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 89.5104H78.1633V90.3456H78.9985V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 93.7104H78.1633V94.5456H78.9985V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 95.112H78.1633V95.9472H78.9985V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 96.5088H78.1633V97.344H78.9985V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 97.9104H78.1633V98.7456H78.9985V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 99.312H78.1633V100.147H78.9985V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M78.9985 104.909H78.1633V105.744H78.9985V104.909Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 76.9152H79.4883V77.7504H80.3235V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 78.312H79.4883V79.1472H80.3235V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 79.7136H79.4883V80.5488H80.3235V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 81.1152H79.4883V81.9504H80.3235V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 82.512H79.4883V83.3472H80.3235V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 83.9136H79.4883V84.7488H80.3235V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 85.3104H79.4883V86.1456H80.3235V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 86.712H79.4883V87.5472H80.3235V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 88.1136H79.4883V88.9488H80.3235V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 89.5104H79.4883V90.3456H80.3235V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 90.912H79.4883V91.7472H80.3235V90.912Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 92.3088H79.4883V93.144H80.3235V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 93.7104H79.4883V94.5456H80.3235V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 95.112H79.4883V95.9472H80.3235V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 96.5088H79.4883V97.344H80.3235V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 97.9104H79.4883V98.7456H80.3235V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 99.312H79.4883V100.147H80.3235V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M80.3235 100.709H79.4883V101.544H80.3235V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 76.9152H80.8179V77.7504H81.6531V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 78.312H80.8179V79.1472H81.6531V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 79.7136H80.8179V80.5488H81.6531V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 81.1152H80.8179V81.9504H81.6531V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 82.512H80.8179V83.3472H81.6531V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 83.9136H80.8179V84.7488H81.6531V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 85.3104H80.8179V86.1456H81.6531V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 86.712H80.8179V87.5472H81.6531V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 88.1136H80.8179V88.9488H81.6531V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 89.5104H80.8179V90.3456H81.6531V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 93.7104H80.8179V94.5456H81.6531V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 95.112H80.8179V95.9472H81.6531V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 96.5088H80.8179V97.344H81.6531V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M81.6531 97.9104H80.8179V98.7456H81.6531V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M82.9778 76.9152H82.1426V77.7504H82.9778V76.9152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M82.9778 78.312H82.1426V79.1472H82.9778V78.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M82.9778 79.7136H82.1426V80.5488H82.9778V79.7136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M82.9778 81.1152H82.1426V81.9504H82.9778V81.1152Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M82.9778 82.512H82.1426V83.3472H82.9778V82.512Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M82.9778 83.9136H82.1426V84.7488H82.9778V83.9136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M82.9778 85.3104H82.1426V86.1456H82.9778V85.3104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M82.9778 86.712H82.1426V87.5472H82.9778V86.712Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M82.9778 88.1136H82.1426V88.9488H82.9778V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M82.9778 89.5104H82.1426V90.3456H82.9778V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M82.9778 93.7104H82.1426V94.5456H82.9778V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M82.9778 95.112H82.1426V95.9472H82.9778V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M82.9778 96.5088H82.1426V97.344H82.9778V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9058 73.2816H97.0706V74.1168H97.9058V73.2816Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9058 74.6784H97.0706V75.5136H97.9058V74.6784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9058 76.08H97.0706V76.9152H97.9058V76.08Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9058 77.4768H97.0706V78.312H97.9058V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9058 78.8784H97.0706V79.7136H97.9058V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9058 80.28H97.0706V81.1152H97.9058V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9058 81.6768H97.0706V82.512H97.9058V81.6768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9058 83.0784H97.0706V83.9136H97.9058V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9058 87.2784H97.0706V88.1136H97.9058V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M97.9058 88.6752H97.0706V89.5104H97.9058V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M99.2353 73.2816H98.4001V74.1168H99.2353V73.2816Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M99.2353 74.6784H98.4001V75.5136H99.2353V74.6784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M99.2353 76.08H98.4001V76.9152H99.2353V76.08Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M99.2353 77.4768H98.4001V78.312H99.2353V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M99.2353 78.8784H98.4001V79.7136H99.2353V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M99.2353 80.28H98.4001V81.1152H99.2353V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M99.2353 81.6768H98.4001V82.512H99.2353V81.6768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M99.2353 83.0784H98.4001V83.9136H99.2353V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M99.2353 88.6752H98.4001V89.5104H99.2353V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M100.56 73.2816H99.7251V74.1168H100.56V73.2816Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M100.56 74.6784H99.7251V75.5136H100.56V74.6784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M100.56 76.08H99.7251V76.9152H100.56V76.08Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M100.56 77.4768H99.7251V78.312H100.56V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M100.56 78.8784H99.7251V79.7136H100.56V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M100.56 80.28H99.7251V81.1152H100.56V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M100.56 81.6768H99.7251V82.512H100.56V81.6768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M100.56 83.0784H99.7251V83.9136H100.56V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 73.2816H101.05V74.1168H101.885V73.2816Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 74.6784H101.05V75.5136H101.885V74.6784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 76.08H101.05V76.9152H101.885V76.08Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 77.4768H101.05V78.312H101.885V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 78.8784H101.05V79.7136H101.885V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 80.28H101.05V81.1152H101.885V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 83.0784H101.05V83.9136H101.885V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 84.48H101.05V85.3152H101.885V84.48Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 88.6752H101.05V89.5104H101.885V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 90.0768H101.05V90.912H101.885V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 91.4784H101.05V92.3136H101.885V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 92.8752H101.05V93.7104H101.885V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 94.2768H101.05V95.112H101.885V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 95.6736H101.05V96.5088H101.885V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M101.885 97.0752H101.05V97.9104H101.885V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 73.2816H102.375V74.1168H103.21V73.2816Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 74.6784H102.375V75.5136H103.21V74.6784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 76.08H102.375V76.9152H103.21V76.08Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 77.4768H102.375V78.312H103.21V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 78.8784H102.375V79.7136H103.21V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 80.28H102.375V81.1152H103.21V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 84.48H102.375V85.3152H103.21V84.48Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 85.8768H102.375V86.712H103.21V85.8768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 87.2784H102.375V88.1136H103.21V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 88.6752H102.375V89.5104H103.21V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 90.0768H102.375V90.912H103.21V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 91.4784H102.375V92.3136H103.21V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 92.8752H102.375V93.7104H103.21V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 94.2768H102.375V95.112H103.21V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 95.6736H102.375V96.5088H103.21V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 97.0752H102.375V97.9104H103.21V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 98.4768H102.375V99.312H103.21V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M103.21 101.275H102.375V102.11H103.21V101.275Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 73.2816H103.704V74.1168H104.539V73.2816Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 74.6784H103.704V75.5136H104.539V74.6784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 76.08H103.704V76.9152H104.539V76.08Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 77.4768H103.704V78.312H104.539V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 78.8784H103.704V79.7136H104.539V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 80.28H103.704V81.1152H104.539V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 84.48H103.704V85.3152H104.539V84.48Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 85.8768H103.704V86.712H104.539V85.8768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 87.2784H103.704V88.1136H104.539V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 88.6752H103.704V89.5104H104.539V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 92.8752H103.704V93.7104H104.539V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 94.2768H103.704V95.112H104.539V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 95.6736H103.704V96.5088H104.539V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 97.0752H103.704V97.9104H104.539V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 98.4768H103.704V99.312H104.539V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 101.275H103.704V102.11H104.539V101.275Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M104.539 102.672H103.704V103.507H104.539V102.672Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M116.568 86.2944H115.733V87.1296H116.568V86.2944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M116.568 87.696H115.733V88.5312H116.568V87.696Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M116.568 89.0928H115.733V89.928H116.568V89.0928Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M116.568 90.4944H115.733V91.3296H116.568V90.4944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M116.568 91.896H115.733V92.7312H116.568V91.896Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M116.568 93.2928H115.733V94.128H116.568V93.2928Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M116.568 94.6944H115.733V95.5296H116.568V94.6944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M116.568 98.8944H115.733V99.7296H116.568V98.8944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M116.568 100.291H115.733V101.126H116.568V100.291Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M116.568 101.693H115.733V102.528H116.568V101.693Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M117.898 86.2944H117.062V87.1296H117.898V86.2944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M117.898 87.696H117.062V88.5312H117.898V87.696Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M117.898 89.0928H117.062V89.928H117.898V89.0928Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M117.898 90.4944H117.062V91.3296H117.898V90.4944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M117.898 91.896H117.062V92.7312H117.898V91.896Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M117.898 93.2928H117.062V94.128H117.898V93.2928Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M117.898 94.6944H117.062V95.5296H117.898V94.6944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M119.587 86.2944H118.387V87.1296H119.587V86.2944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M119.587 87.696H118.387V88.5312H119.587V87.696Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M119.587 89.0928H118.387V89.928H119.587V89.0928Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M119.587 90.4944H118.387V91.3296H119.587V90.4944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M119.587 91.896H118.387V92.7312H119.587V91.896Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M119.587 93.2928H118.387V94.128H119.587V93.2928Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M119.587 94.6944H118.387V95.5296H119.587V94.6944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 88.1136H45.4563V88.9488H46.2915V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 89.5104H45.4563V90.3456H46.2915V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 90.912H45.4563V91.7472H46.2915V90.912Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 92.3088H45.4563V93.144H46.2915V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 93.7104H45.4563V94.5456H46.2915V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 95.112H45.4563V95.9472H46.2915V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 96.5088H45.4563V97.344H46.2915V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 97.9104H45.4563V98.7456H46.2915V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 99.312H45.4563V100.147H46.2915V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 100.709H45.4563V101.544H46.2915V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 102.11H45.4563V102.946H46.2915V102.11Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 103.507H45.4563V104.342H46.2915V103.507Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 104.909H45.4563V105.744H46.2915V104.909Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 106.31H45.4563V107.146H46.2915V106.31Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 107.707H45.4563V108.542H46.2915V107.707Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 109.109H45.4563V109.944H46.2915V109.109Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 110.506H45.4563V111.341H46.2915V110.506Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 111.907H45.4563V112.742H46.2915V111.907Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 113.309H45.4563V114.144H46.2915V113.309Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M46.2915 114.706H45.4563V115.541H46.2915V114.706Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 88.1136H46.781V88.9488H47.6162V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 89.5104H46.781V90.3456H47.6162V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 90.912H46.781V91.7472H47.6162V90.912Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 92.3088H46.781V93.144H47.6162V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 93.7104H46.781V94.5456H47.6162V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 95.112H46.781V95.9472H47.6162V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 96.5088H46.781V97.344H47.6162V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 97.9104H46.781V98.7456H47.6162V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 99.312H46.781V100.147H47.6162V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 100.709H46.781V101.544H47.6162V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 102.11H46.781V102.946H47.6162V102.11Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 103.507H46.781V104.342H47.6162V103.507Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 104.909H46.781V105.744H47.6162V104.909Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 106.31H46.781V107.146H47.6162V106.31Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 107.707H46.781V108.542H47.6162V107.707Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 109.109H46.781V109.944H47.6162V109.109Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 110.506H46.781V111.341H47.6162V110.506Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M47.6162 111.907H46.781V112.742H47.6162V111.907Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 88.1136H48.1057V88.9488H48.9409V88.1136Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 89.5104H48.1057V90.3456H48.9409V89.5104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 90.912H48.1057V91.7472H48.9409V90.912Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 92.3088H48.1057V93.144H48.9409V92.3088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 93.7104H48.1057V94.5456H48.9409V93.7104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 95.112H48.1057V95.9472H48.9409V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 96.5088H48.1057V97.344H48.9409V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 97.9104H48.1057V98.7456H48.9409V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 99.312H48.1057V100.147H48.9409V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 100.709H48.1057V101.544H48.9409V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 102.11H48.1057V102.946H48.9409V102.11Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 103.507H48.1057V104.342H48.9409V103.507Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 104.909H48.1057V105.744H48.9409V104.909Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 106.31H48.1057V107.146H48.9409V106.31Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 107.707H48.1057V108.542H48.9409V107.707Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 109.109H48.1057V109.944H48.9409V109.109Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 110.506H48.1057V111.341H48.9409V110.506Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M48.9409 111.907H48.1057V112.742H48.9409V111.907Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M41.3281 98.328H40.4929V99.1632H41.3281V98.328Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M41.3281 99.7296H40.4929V100.565H41.3281V99.7296Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M41.3281 101.126H40.4929V101.962H41.3281V101.126Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M41.3281 102.528H40.4929V103.363H41.3281V102.528Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M41.3281 103.925H40.4929V104.76H41.3281V103.925Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M41.3281 105.326H40.4929V106.162H41.3281V105.326Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M41.3281 106.728H40.4929V107.563H41.3281V106.728Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M41.3281 108.125H40.4929V108.96H41.3281V108.125Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M41.3281 109.526H40.4929V110.362H41.3281V109.526Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M41.3281 110.923H40.4929V111.758H41.3281V110.923Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M41.3281 112.325H40.4929V113.16H41.3281V112.325Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M41.3281 113.726H40.4929V114.562H41.3281V113.726Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M41.3281 115.123H40.4929V115.958H41.3281V115.123Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M42.6531 98.328H41.8179V99.1632H42.6531V98.328Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M42.6531 99.7296H41.8179V100.565H42.6531V99.7296Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M42.6531 101.126H41.8179V101.962H42.6531V101.126Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M42.6531 102.528H41.8179V103.363H42.6531V102.528Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M42.6531 103.925H41.8179V104.76H42.6531V103.925Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M42.6531 105.326H41.8179V106.162H42.6531V105.326Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M42.6531 106.728H41.8179V107.563H42.6531V106.728Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M42.6531 108.125H41.8179V108.96H42.6531V108.125Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M42.6531 109.526H41.8179V110.362H42.6531V109.526Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M42.6531 110.923H41.8179V111.758H42.6531V110.923Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M42.6531 112.325H41.8179V113.16H42.6531V112.325Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M42.6531 113.726H41.8179V114.562H42.6531V113.726Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M42.6531 115.123H41.8179V115.958H42.6531V115.123Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 98.328H43.1475V99.1632H43.9827V98.328Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 99.7296H43.1475V100.565H43.9827V99.7296Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 101.126H43.1475V101.962H43.9827V101.126Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 102.528H43.1475V103.363H43.9827V102.528Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 103.925H43.1475V104.76H43.9827V103.925Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 105.326H43.1475V106.162H43.9827V105.326Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 106.728H43.1475V107.563H43.9827V106.728Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 108.125H43.1475V108.96H43.9827V108.125Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 109.526H43.1475V110.362H43.9827V109.526Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 110.923H43.1475V111.758H43.9827V110.923Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 112.325H43.1475V113.16H43.9827V112.325Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 113.726H43.1475V114.562H43.9827V113.726Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 115.123H43.1475V115.958H43.9827V115.123Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M43.9827 116.525H43.1475V117.36H43.9827V116.525Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M51.3506 98.7456H50.5154V99.5808H51.3506V98.7456Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M51.3506 100.142H50.5154V100.978H51.3506V100.142Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M51.3506 101.544H50.5154V102.379H51.3506V101.544Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M51.3506 102.946H50.5154V103.781H51.3506V102.946Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M51.3506 104.342H50.5154V105.178H51.3506V104.342Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M51.3506 105.744H50.5154V106.579H51.3506V105.744Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M51.3506 107.146H50.5154V107.981H51.3506V107.146Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M51.3506 108.542H50.5154V109.378H51.3506V108.542Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M51.3506 109.944H50.5154V110.779H51.3506V109.944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M51.3506 111.341H50.5154V112.176H51.3506V111.341Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M51.3506 115.541H50.5154V116.376H51.3506V115.541Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M52.6753 98.7456H51.8401V99.5808H52.6753V98.7456Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M52.6753 100.142H51.8401V100.978H52.6753V100.142Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M52.6753 101.544H51.8401V102.379H52.6753V101.544Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M52.6753 102.946H51.8401V103.781H52.6753V102.946Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M52.6753 104.342H51.8401V105.178H52.6753V104.342Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M52.6753 105.744H51.8401V106.579H52.6753V105.744Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M52.6753 107.146H51.8401V107.981H52.6753V107.146Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M52.6753 108.542H51.8401V109.378H52.6753V108.542Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M52.6753 109.944H51.8401V110.779H52.6753V109.944Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M52.6753 114.144H51.8401V114.979H52.6753V114.144Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M52.6753 115.541H51.8401V116.376H52.6753V115.541Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M54.0002 98.7456H53.165V99.5808H54.0002V98.7456Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M54.0002 100.142H53.165V100.978H54.0002V100.142Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M54.0002 101.544H53.165V102.379H54.0002V101.544Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M54.0002 102.946H53.165V103.781H54.0002V102.946Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M54.0002 104.342H53.165V105.178H54.0002V104.342Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M54.0002 105.744H53.165V106.579H54.0002V105.744Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M54.0002 107.146H53.165V107.981H54.0002V107.146Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M54.0002 108.542H53.165V109.378H54.0002V108.542Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M54.0002 112.742H53.165V113.578H54.0002V112.742Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M54.0002 114.144H53.165V114.979H54.0002V114.144Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M54.0002 115.541H53.165V116.376H54.0002V115.541Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 77.4768H65.4915V78.312H66.3267V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 78.8784H65.4915V79.7136H66.3267V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 80.28H65.4915V81.1152H66.3267V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 81.6768H65.4915V82.512H66.3267V81.6768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 83.0784H65.4915V83.9136H66.3267V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 84.48H65.4915V85.3152H66.3267V84.48Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 85.8768H65.4915V86.712H66.3267V85.8768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 87.2784H65.4915V88.1136H66.3267V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 88.6752H65.4915V89.5104H66.3267V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 90.0768H65.4915V90.912H66.3267V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 91.4784H65.4915V92.3136H66.3267V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 92.8752H65.4915V93.7104H66.3267V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 94.2768H65.4915V95.112H66.3267V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 95.6736H65.4915V96.5088H66.3267V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 97.0752H65.4915V97.9104H66.3267V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 98.4768H65.4915V99.312H66.3267V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 99.8736H65.4915V100.709H66.3267V99.8736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 102.672H65.4915V103.507H66.3267V102.672Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 104.074H65.4915V104.909H66.3267V104.074Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 105.475H65.4915V106.31H66.3267V105.475Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 106.872H65.4915V107.707H66.3267V106.872Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M66.3267 108.274H65.4915V109.109H66.3267V108.274Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 77.4768H66.8162V78.312H67.6514V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 78.8784H66.8162V79.7136H67.6514V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 80.28H66.8162V81.1152H67.6514V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 81.6768H66.8162V82.512H67.6514V81.6768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 83.0784H66.8162V83.9136H67.6514V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 84.48H66.8162V85.3152H67.6514V84.48Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 85.8768H66.8162V86.712H67.6514V85.8768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 87.2784H66.8162V88.1136H67.6514V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 88.6752H66.8162V89.5104H67.6514V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 90.0768H66.8162V90.912H67.6514V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 91.4784H66.8162V92.3136H67.6514V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 92.8752H66.8162V93.7104H67.6514V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 94.2768H66.8162V95.112H67.6514V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 95.6736H66.8162V96.5088H67.6514V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 97.0752H66.8162V97.9104H67.6514V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 98.4768H66.8162V99.312H67.6514V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 106.872H66.8162V107.707H67.6514V106.872Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M67.6514 108.274H66.8162V109.109H67.6514V108.274Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 77.4768H68.1458V78.312H68.9809V77.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 78.8784H68.1458V79.7136H68.9809V78.8784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 80.28H68.1458V81.1152H68.9809V80.28Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 81.6768H68.1458V82.512H68.9809V81.6768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 83.0784H68.1458V83.9136H68.9809V83.0784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 84.48H68.1458V85.3152H68.9809V84.48Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 85.8768H68.1458V86.712H68.9809V85.8768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 87.2784H68.1458V88.1136H68.9809V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 88.6752H68.1458V89.5104H68.9809V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 90.0768H68.1458V90.912H68.9809V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 91.4784H68.1458V92.3136H68.9809V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 92.8752H68.1458V93.7104H68.9809V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 94.2768H68.1458V95.112H68.9809V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 95.6736H68.1458V96.5088H68.9809V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 97.0752H68.1458V97.9104H68.9809V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 98.4768H68.1458V99.312H68.9809V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 101.275H68.1458V102.11H68.9809V101.275Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 102.672H68.1458V103.507H68.9809V102.672Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 104.074H68.1458V104.909H68.9809V104.074Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 105.475H68.1458V106.31H68.9809V105.475Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M68.9809 108.274H68.1458V109.109H68.9809V108.274Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 95.112H60.677V95.9472H61.5122V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 96.5088H60.677V97.344H61.5122V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 97.9104H60.677V98.7456H61.5122V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 99.312H60.677V100.147H61.5122V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 100.709H60.677V101.544H61.5122V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 102.11H60.677V102.946H61.5122V102.11Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 103.507H60.677V104.342H61.5122V103.507Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 106.31H60.677V107.146H61.5122V106.31Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 107.707H60.677V108.542H61.5122V107.707Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 109.109H60.677V109.944H61.5122V109.109Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 110.506H60.677V111.341H61.5122V110.506Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 111.907H60.677V112.742H61.5122V111.907Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 113.309H60.677V114.144H61.5122V113.309Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 114.706H60.677V115.541H61.5122V114.706Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M61.5122 116.107H60.677V116.942H61.5122V116.107Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 95.112H62.0066V95.9472H62.8418V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 96.5088H62.0066V97.344H62.8418V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 97.9104H62.0066V98.7456H62.8418V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 99.312H62.0066V100.147H62.8418V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 100.709H62.0066V101.544H62.8418V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 102.11H62.0066V102.946H62.8418V102.11Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 106.31H62.0066V107.146H62.8418V106.31Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 107.707H62.0066V108.542H62.8418V107.707Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 109.109H62.0066V109.944H62.8418V109.109Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 110.506H62.0066V111.341H62.8418V110.506Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 111.907H62.0066V112.742H62.8418V111.907Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 113.309H62.0066V114.144H62.8418V113.309Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 114.706H62.0066V115.541H62.8418V114.706Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M62.8418 116.107H62.0066V116.942H62.8418V116.107Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 95.112H63.3313V95.9472H64.1665V95.112Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 96.5088H63.3313V97.344H64.1665V96.5088Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 97.9104H63.3313V98.7456H64.1665V97.9104Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 99.312H63.3313V100.147H64.1665V99.312Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 100.709H63.3313V101.544H64.1665V100.709Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 102.11H63.3313V102.946H64.1665V102.11Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 104.909H63.3313V105.744H64.1665V104.909Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 106.31H63.3313V107.146H64.1665V106.31Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 107.707H63.3313V108.542H64.1665V107.707Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 109.109H63.3313V109.944H64.1665V109.109Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 110.506H63.3313V111.341H64.1665V110.506Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 111.907H63.3313V112.742H64.1665V111.907Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 113.309H63.3313V114.144H64.1665V113.309Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 114.706H63.3313V115.541H64.1665V114.706Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M64.1665 116.107H63.3313V116.942H64.1665V116.107Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 87.2784H91.2771V88.1136H92.1123V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 88.6752H91.2771V89.5104H92.1123V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 90.0768H91.2771V90.912H92.1123V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 91.4784H91.2771V92.3136H92.1123V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 92.8752H91.2771V93.7104H92.1123V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 94.2768H91.2771V95.112H92.1123V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 95.6736H91.2771V96.5088H92.1123V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 97.0752H91.2771V97.9104H92.1123V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 98.4768H91.2771V99.312H92.1123V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 99.8736H91.2771V100.709H92.1123V99.8736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 101.275H91.2771V102.11H92.1123V101.275Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 102.672H91.2771V103.507H92.1123V102.672Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 104.074H91.2771V104.909H92.1123V104.074Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 106.872H91.2771V107.707H92.1123V106.872Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 108.274H91.2771V109.109H92.1123V108.274Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 109.67H91.2771V110.506H92.1123V109.67Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 111.072H91.2771V111.907H92.1123V111.072Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 113.87H91.2771V114.706H92.1123V113.87Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 115.272H91.2771V116.107H92.1123V115.272Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M92.1123 116.669H91.2771V117.504H92.1123V116.669Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 87.2784H92.6018V88.1136H93.437V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 88.6752H92.6018V89.5104H93.437V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 90.0768H92.6018V90.912H93.437V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 91.4784H92.6018V92.3136H93.437V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 92.8752H92.6018V93.7104H93.437V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 94.2768H92.6018V95.112H93.437V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 95.6736H92.6018V96.5088H93.437V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 97.0752H92.6018V97.9104H93.437V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 98.4768H92.6018V99.312H93.437V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 99.8736H92.6018V100.709H93.437V99.8736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 101.275H92.6018V102.11H93.437V101.275Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 102.672H92.6018V103.507H93.437V102.672Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 104.074H92.6018V104.909H93.437V104.074Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 108.274H92.6018V109.109H93.437V108.274Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 109.67H92.6018V110.506H93.437V109.67Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 112.474H92.6018V113.309H93.437V112.474Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 113.87H92.6018V114.706H93.437V113.87Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 115.272H92.6018V116.107H93.437V115.272Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M93.437 116.669H92.6018V117.504H93.437V116.669Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 87.2784H93.9265V88.1136H94.7617V87.2784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 88.6752H93.9265V89.5104H94.7617V88.6752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 90.0768H93.9265V90.912H94.7617V90.0768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 91.4784H93.9265V92.3136H94.7617V91.4784Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 92.8752H93.9265V93.7104H94.7617V92.8752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 94.2768H93.9265V95.112H94.7617V94.2768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 95.6736H93.9265V96.5088H94.7617V95.6736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 97.0752H93.9265V97.9104H94.7617V97.0752Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 98.4768H93.9265V99.312H94.7617V98.4768Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 99.8736H93.9265V100.709H94.7617V99.8736Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 101.275H93.9265V102.11H94.7617V101.275Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 102.672H93.9265V103.507H94.7617V102.672Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 104.074H93.9265V104.909H94.7617V104.074Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 105.475H93.9265V106.31H94.7617V105.475Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 108.274H93.9265V109.109H94.7617V108.274Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 111.072H93.9265V111.907H94.7617V111.072Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 112.474H93.9265V113.309H94.7617V112.474Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 113.87H93.9265V114.706H94.7617V113.87Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 115.272H93.9265V116.107H94.7617V115.272Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M94.7617 116.669H93.9265V117.504H94.7617V116.669Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M86.7073 95.256H85.8721V96.0912H86.7073V95.256Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M86.7073 96.6576H85.8721V97.4928H86.7073V96.6576Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M86.7073 98.0592H85.8721V98.8944H86.7073V98.0592Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M86.7073 99.456H85.8721V100.291H86.7073V99.456Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M86.7073 100.858H85.8721V101.693H86.7073V100.858Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M86.7073 102.254H85.8721V103.09H86.7073V102.254Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M86.7073 106.454H85.8721V107.29H86.7073V106.454Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M86.7073 107.856H85.8721V108.691H86.7073V107.856Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M86.7073 109.253H85.8721V110.088H86.7073V109.253Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M86.7073 110.654H85.8721V111.49H86.7073V110.654Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M86.7073 112.056H85.8721V112.891H86.7073V112.056Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M86.7073 113.453H85.8721V114.288H86.7073V113.453Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M86.7073 114.854H85.8721V115.69H86.7073V114.854Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M88.0371 95.256H87.2019V96.0912H88.0371V95.256Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M88.0371 96.6576H87.2019V97.4928H88.0371V96.6576Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M88.0371 98.0592H87.2019V98.8944H88.0371V98.0592Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M88.0371 99.456H87.2019V100.291H88.0371V99.456Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M88.0371 100.858H87.2019V101.693H88.0371V100.858Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M88.0371 102.254H87.2019V103.09H88.0371V102.254Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M88.0371 106.454H87.2019V107.29H88.0371V106.454Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M88.0371 107.856H87.2019V108.691H88.0371V107.856Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M88.0371 109.253H87.2019V110.088H88.0371V109.253Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M88.0371 110.654H87.2019V111.49H88.0371V110.654Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M88.0371 112.056H87.2019V112.891H88.0371V112.056Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M88.0371 113.453H87.2019V114.288H88.0371V113.453Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M88.0371 116.256H87.2019V117.091H88.0371V116.256Z", fill: "#FAFAFA" }), /* @__PURE__ */ React.createElement("path", { d: "M119.813 49.488H118.157V140.443H119.813V49.488Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M93.197 49.488H91.7954V140.443H93.197V49.488Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.createElement("path", { d: "M66.8354 49.488H65.4338V140.443H66.8354V49.488Z", fill: "#EBEBEB" }), /* @__PURE__ */ React.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.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.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.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.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.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.createElement("g", { opacity: 0.3 }, /* @__PURE__ */ React.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.createElement("path", { d: "M93.3171 130.037L92.7891 133.834L90.0435 133.714L90.4659 129.106L93.3171 130.037Z", fill: "#B55B52" }), /* @__PURE__ */ React.createElement("path", { d: "M81.1251 129.106L82.8819 129.634L82.2387 134.395L80.4819 134.698L81.1251 129.106Z", fill: "#263238" }), /* @__PURE__ */ React.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.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.createElement("path", { d: "M121.877 198.331L124.589 195.605L120.154 188.746L117.447 191.472L121.877 198.331Z", fill: "#B55B52" }), /* @__PURE__ */ React.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.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.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.createElement("path", { d: "M115.479 195.317L122.511 190.637L120.888 187.33L113.271 192.614L115.479 195.317Z", fill: "#BA68C8" }), /* @__PURE__ */ React.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.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.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.createElement("path", { d: "M102.255 198.014L105.715 196.339L103.656 188.093L100.2 189.768L102.255 198.014Z", fill: "#B55B52" }), /* @__PURE__ */ React.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.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.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.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.createElement("path", { d: "M98.1075 193.114L106.296 191.03L105.859 187.373L96.9219 189.835L98.1075 193.114Z", fill: "#BA68C8" }), /* @__PURE__ */ React.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.createElement("path", { d: "M58.2147 143.222L52.1667 143.122L52.0371 144.95L58.4739 145.104L58.2147 143.222Z", fill: "#263238" }), /* @__PURE__ */ React.createElement("path", { d: "M59.146 143.189L59.41 145.09L72.9076 144.898L72.4708 143.165L59.146 143.189Z", fill: "#263238" }), /* @__PURE__ */ React.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.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.createElement("path", { d: "M67.9299 122.962H71.7507L72.0387 127.522L69.9891 128.851L67.9299 127.834V122.962Z", fill: "#263238" }), /* @__PURE__ */ React.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.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.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.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.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.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.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.createElement("path", { d: "M82.2051 129.998L81.6819 133.795L78.9363 133.675L79.3587 129.067L82.2051 129.998Z", fill: "#B55B52" }), /* @__PURE__ */ React.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.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.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.createElement("path", { d: "M65.6308 130.075L65.1316 136.301L66.9076 135.97L67.3732 130.406L65.6308 130.075Z", fill: "#263238" }), /* @__PURE__ */ React.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.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.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.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.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.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.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.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.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.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.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.createElement("path", { d: "M94.0609 133.315L93.7057 131.976H79.1473L72.4465 132.643L72.1921 133.315H94.0609Z", fill: "#263238" }), /* @__PURE__ */ React.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.createElement("path", { opacity: 0.2, d: "M79.1475 131.976V133.315H94.0611L93.7059 131.976H79.1475Z", fill: "black" }), /* @__PURE__ */ React.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.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.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.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.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.createElement("path", { opacity: 0.2, d: "M96.0146 118.09L99.4322 133.104L102.168 133.022L100.627 118.09H96.0146Z", fill: "white" }), /* @__PURE__ */ React.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.createElement("g", { opacity: 0.4 }, /* @__PURE__ */ React.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.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.createElement("path", { opacity: 0.2, d: "M53.4242 136.301H128.928V134.702H53.4242V136.301Z", fill: "black" }), /* @__PURE__ */ React.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.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_434_9692" }, /* @__PURE__ */ React.createElement("rect", { width: 240, height: 240, fill: "white", transform: "translate(0.36499)" }))));
499
503
 
504
+ const SvgImport = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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 }));
505
+
500
506
  const SvgDashboardWebIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", { id: "paint0_linear_290_14902", x1: 8.0317, y1: 0.5, x2: 8.0317, y2: 16.5, gradientUnits: "userSpaceOnUse" }, /* @__PURE__ */ React.createElement("stop", { stopColor: "#01F1FE" }), /* @__PURE__ */ React.createElement("stop", { offset: 1, stopColor: "#4FADFE" }))));
501
507
 
502
508
  const SvgDashboardMobileIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_290_14913)" }, /* @__PURE__ */ React.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_290_14913" }, /* @__PURE__ */ React.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(0.144768 0.597656)" }))));
@@ -555,9 +561,12 @@ const SvgDashboardIcon = (props) => /* @__PURE__ */ React.createElement("svg", {
555
561
 
556
562
  const SvgInfoUser = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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.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.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" }));
557
563
 
564
+ const SvgWebServiceIcon = (props) => /* @__PURE__ */ React.createElement("svg", { width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props }, /* @__PURE__ */ React.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" }));
565
+
558
566
  let Components = {};
559
567
  Components['success'] = SvgSuccess;
560
568
  Components['alert'] = SvgAlert;
569
+ Components['alert'] = SvgAlert;
561
570
  Components['delete_info'] = SvgDeleteInfo;
562
571
  Components['warning'] = SvgWarning;
563
572
  Components['toast_info'] = SvgInfo;
@@ -600,6 +609,7 @@ Components['details'] = SvgDetails;
600
609
  Components['impactList'] = SvgImpactList;
601
610
  Components['beautify_icon'] = SvgBeautifyIcon;
602
611
  Components['add_variable'] = SvgAddVariableIcon;
612
+ Components['replace_file'] = SvgReplaceFile;
603
613
  Components['formate_painter'] = SvgFormatePainter;
604
614
  Components['bold'] = SvgBold;
605
615
  Components['italic'] = SvgItalic;
@@ -619,6 +629,7 @@ Components['text_color'] = SvgTextColor;
619
629
  Components['fill_color'] = SvgFillColor;
620
630
  Components['formula_icon'] = SvgFormulaIcon;
621
631
  Components['excel_corner_menu'] = SvgExcelCornerMenu;
632
+ Components['export'] = SvgExport;
622
633
  Components['apk_file_type'] = SvgApkFileType;
623
634
  Components['csv_file_type'] = SvgCsvFileType;
624
635
  Components['compressed_file_type'] = SvgCompressedFileType;
@@ -633,6 +644,7 @@ Components['ipk_file_type'] = SvgIpkFileType;
633
644
  Components['txt_file_type'] = SvgTxtFileType;
634
645
  Components['gif_file_type'] = SvgGifFileType;
635
646
  Components['jpg_file_type'] = SvgJpgFileType;
647
+ Components['import'] = SvgImport;
636
648
  Components['info'] = SvgInfoIcon;
637
649
  Components['calendar_icon'] = SvgCalendarIcon;
638
650
  Components['hide_icon'] = SvgHideIcon;
@@ -753,6 +765,7 @@ Components['run_manual_testcase'] = SvgRunManualTestcaseIcon;
753
765
  Components['run_automation_scripts'] = SvgRunAutomationScriptsIcon;
754
766
  Components['eye_open_icon'] = SvgEyeOpenIcon;
755
767
  Components['replace_icon'] = SvgReplaceIcon;
768
+ Components['replace_icon'] = SvgReplaceIcon;
756
769
  Components['header_preset'] = SvgHeaderPreset;
757
770
  Components['project_element'] = SvgProjectElement;
758
771
  Components['element'] = SvgElement;
@@ -767,9 +780,10 @@ Components['add_to_archive'] = SvgAddArchive;
767
780
  Components['remove_user'] = SvgRemoveUser;
768
781
  Components['dashboard_icon'] = SvgDashboardIcon; //TODO:this is temporary icon
769
782
  Components['info_user'] = SvgInfoUser;
783
+ Components['web_service_icon'] = SvgWebServiceIcon;
770
784
 
771
- 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}";
772
- styleInject(css_248z$18);
785
+ var css_248z$1a = ".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 border-radius: 4px;\n}\n.ff-icon-container.ff-icon-dark.ff-icon-click:hover {\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}";
786
+ styleInject(css_248z$1a);
773
787
 
774
788
  const Icon = /*#__PURE__*/forwardRef(({
775
789
  name,
@@ -845,8 +859,8 @@ const Icon = /*#__PURE__*/forwardRef(({
845
859
  });
846
860
  });
847
861
 
848
- 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}";
849
- styleInject(css_248z$17);
862
+ var css_248z$19 = ".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}";
863
+ styleInject(css_248z$19);
850
864
 
851
865
  const Typography = ({
852
866
  fontWeight = 'regular',
@@ -926,8 +940,8 @@ const Button$1 = /*#__PURE__*/forwardRef(({
926
940
  });
927
941
  });
928
942
 
929
- 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}";
930
- styleInject(css_248z$16);
943
+ var css_248z$18 = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
944
+ styleInject(css_248z$18);
931
945
 
932
946
  function useEscapeKey(key) {
933
947
  return callBack => {
@@ -945,8 +959,8 @@ function useEscapeKey(key) {
945
959
  };
946
960
  }
947
961
 
948
- 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}";
949
- styleInject(css_248z$15);
962
+ var css_248z$17 = ":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 --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\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 --ff-machine-inactive-status-color: #C50303;\n --ff-machine-active-status-color: #4CAF50;\n --ff-machine-running-status-color: #2055DE;\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 --ff-machine-inactive-status-color: #c50303;\n --ff-machine-running-status-color: #2055de;\n --ff-machine-active-status-color: #4caf50;\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 --ff-machine-inactive-status-color: #C50303;\n --ff-machine-active-status-color: #4CAF50;\n --ff-machine-running-status-color: #2055DE;\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}";
963
+ styleInject(css_248z$17);
950
964
 
951
965
  const ThemeContext = /*#__PURE__*/createContext$1(undefined);
952
966
  const ThemeProvider = ({
@@ -1140,14 +1154,14 @@ const Drawer = ({
1140
1154
  }), document.body);
1141
1155
  };
1142
1156
 
1143
- 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}";
1144
- styleInject(css_248z$14);
1157
+ var css_248z$16 = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
1158
+ styleInject(css_248z$16);
1145
1159
 
1146
- var css_248z$13 = "/* global.css or component CSS */\nbody {\n font-family: \"Poppins\", sans-serif;\n}";
1147
- styleInject(css_248z$13);
1160
+ var css_248z$15 = "/* global.css or component CSS */\nbody {\n font-family: \"Poppins\", sans-serif;\n}";
1161
+ styleInject(css_248z$15);
1148
1162
 
1149
- 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}";
1150
- styleInject(css_248z$12);
1163
+ var css_248z$14 = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
1164
+ styleInject(css_248z$14);
1151
1165
 
1152
1166
  const checkEmpty = value => {
1153
1167
  // Check for null or undefined
@@ -1370,8 +1384,8 @@ const Accordion = ({
1370
1384
  });
1371
1385
  };
1372
1386
 
1373
- 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}";
1374
- styleInject(css_248z$11);
1387
+ var css_248z$13 = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
1388
+ styleInject(css_248z$13);
1375
1389
 
1376
1390
  const dropdownDefaultCSSData$1 = {
1377
1391
  verticalMargin: 4,
@@ -1379,11 +1393,11 @@ const dropdownDefaultCSSData$1 = {
1379
1393
  maxDropdownHeight: 160
1380
1394
  };
1381
1395
 
1382
- 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}";
1383
- styleInject(css_248z$10);
1396
+ var css_248z$12 = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
1397
+ styleInject(css_248z$12);
1384
1398
 
1385
- 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}";
1386
- styleInject(css_248z$$);
1399
+ 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 {\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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
1400
+ styleInject(css_248z$11);
1387
1401
 
1388
1402
  const Checkbox = ({
1389
1403
  id,
@@ -1398,11 +1412,6 @@ const Checkbox = ({
1398
1412
  useEffect(() => {
1399
1413
  setChecked(initialChecked);
1400
1414
  }, [initialChecked]);
1401
- const handleCheckboxChange = event => {
1402
- if (!disabled) {
1403
- setChecked(prev => !prev), onChange?.(event);
1404
- }
1405
- };
1406
1415
  return jsxs("label", {
1407
1416
  className: "ff-checkbox--overlay",
1408
1417
  htmlFor: id,
@@ -1412,7 +1421,7 @@ const Checkbox = ({
1412
1421
  id: id,
1413
1422
  name: name,
1414
1423
  checked: checked,
1415
- onChange: handleCheckboxChange,
1424
+ onChange: onChange,
1416
1425
  disabled: disabled
1417
1426
  }), jsx("span", {
1418
1427
  className: classNames('ff-checkbox-custom', {
@@ -1510,7 +1519,13 @@ const Dropdown$2 = /*#__PURE__*/forwardRef(({
1510
1519
  }) : filteredOptions.map(info => jsxs("div", {
1511
1520
  role: "option",
1512
1521
  className: `dropdown-option-container`,
1513
- onClick: () => !info?.isDisabled && handleOptionChange(info, !info.isChecked),
1522
+ onClick: e => {
1523
+ const target = e.target;
1524
+ if (target.type === 'checkbox') {
1525
+ return;
1526
+ }
1527
+ !info?.isDisabled && handleOptionChange(info, !info.isChecked);
1528
+ },
1514
1529
  children: [jsx(Checkbox, {
1515
1530
  checked: info.isChecked,
1516
1531
  disabled: info?.isDisabled
@@ -1586,8 +1601,9 @@ const MultiSelect = ({
1586
1601
  highlightedMachine = '',
1587
1602
  onSelectButtonClick = () => {},
1588
1603
  labelAccessor = '',
1589
- valueAccessor = '',
1590
- withSelectButton = variant === 'machines' ? true : false
1604
+ valueAccessor = labelAccessor,
1605
+ withSelectButton = variant === 'machines' ? true : false,
1606
+ onEnter = () => {}
1591
1607
  }) => {
1592
1608
  const [isOpen, setIsOpen] = useState(false);
1593
1609
  const [allOptions, setAllOptions] = useState(options);
@@ -1660,18 +1676,8 @@ const MultiSelect = ({
1660
1676
  return;
1661
1677
  }
1662
1678
  }
1663
- const newOption = {
1664
- [labelAccessor]: searchedKeyword,
1665
- [valueAccessor]: searchedKeyword.toLowerCase(),
1666
- isChecked: true
1667
- };
1668
- const filteredOptions = [...allOptions].filter(option => option.isChecked === true);
1669
- setAllOptions([...allOptions, newOption]);
1679
+ onEnter?.(searchedKeyword);
1670
1680
  setSearchedKeyword('');
1671
- onChange?.([...filteredOptions, {
1672
- [labelAccessor]: searchedKeyword,
1673
- [valueAccessor]: searchedKeyword.toLocaleLowerCase()
1674
- }]);
1675
1681
  setIsOpen(false);
1676
1682
  }
1677
1683
  };
@@ -1876,7 +1882,7 @@ const MultiSelect = ({
1876
1882
  children: inputError || errorMessage,
1877
1883
  fontSize: 10,
1878
1884
  className: "error-text"
1879
- }), displayIcon && jsx(Typography, {
1885
+ }), displayIcon && variant === 'labels' && jsx(Typography, {
1880
1886
  onClick: onManageLabelsClick,
1881
1887
  fontSize: 8,
1882
1888
  className: "ff-manage-labels-text",
@@ -1902,8 +1908,8 @@ const MultiSelect = ({
1902
1908
  });
1903
1909
  };
1904
1910
 
1905
- 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}";
1906
- styleInject(css_248z$_);
1911
+ 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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
1912
+ styleInject(css_248z$10);
1907
1913
 
1908
1914
  const Toaster = ({
1909
1915
  isOpen = false,
@@ -1919,7 +1925,7 @@ const Toaster = ({
1919
1925
  const [isExiting, setIsExiting] = useState(false);
1920
1926
  const iconMap = {
1921
1927
  success: 'success',
1922
- info: 'info',
1928
+ info: 'toast_info',
1923
1929
  warning: 'warning',
1924
1930
  danger: 'error',
1925
1931
  confirm: 'delete',
@@ -2012,8 +2018,8 @@ const Toaster = ({
2012
2018
  }), document.body);
2013
2019
  };
2014
2020
 
2015
- 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}";
2016
- styleInject(css_248z$Z);
2021
+ 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}";
2022
+ styleInject(css_248z$$);
2017
2023
 
2018
2024
  const Container = ({
2019
2025
  children,
@@ -2055,8 +2061,8 @@ const Col = ({
2055
2061
  });
2056
2062
  };
2057
2063
 
2058
- 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}";
2059
- styleInject(css_248z$Y);
2064
+ var css_248z$_ = ".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}";
2065
+ styleInject(css_248z$_);
2060
2066
 
2061
2067
  const Toggle = ({
2062
2068
  onChange,
@@ -2134,8 +2140,8 @@ const Toggle = ({
2134
2140
  });
2135
2141
  };
2136
2142
 
2137
- 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}";
2138
- styleInject(css_248z$X);
2143
+ var css_248z$Z = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
2144
+ styleInject(css_248z$Z);
2139
2145
 
2140
2146
  const Chip = ({
2141
2147
  label = '',
@@ -2164,8 +2170,8 @@ const Chip = ({
2164
2170
  });
2165
2171
  };
2166
2172
 
2167
- 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}";
2168
- styleInject(css_248z$W);
2173
+ var css_248z$Y = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
2174
+ styleInject(css_248z$Y);
2169
2175
 
2170
2176
  const Input = ({
2171
2177
  type = 'text',
@@ -2245,8 +2251,8 @@ const Input = ({
2245
2251
  });
2246
2252
  };
2247
2253
 
2248
- 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}";
2249
- styleInject(css_248z$V);
2254
+ var css_248z$X = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
2255
+ styleInject(css_248z$X);
2250
2256
 
2251
2257
  const useColorMappings$1 = () => useMemo(() => {
2252
2258
  return {
@@ -2388,8 +2394,8 @@ const RadialChart = ({
2388
2394
  });
2389
2395
  };
2390
2396
 
2391
- 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}";
2392
- styleInject(css_248z$U);
2397
+ var css_248z$W = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
2398
+ styleInject(css_248z$W);
2393
2399
 
2394
2400
  const ExpandableMenu = ({
2395
2401
  label = '',
@@ -2456,8 +2462,8 @@ const ExpandableMenu = ({
2456
2462
  });
2457
2463
  };
2458
2464
 
2459
- 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}";
2460
- styleInject(css_248z$T);
2465
+ var css_248z$V = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
2466
+ styleInject(css_248z$V);
2461
2467
 
2462
2468
  const dropdownDefaultCSSData = {
2463
2469
  margin: 6,
@@ -2466,8 +2472,8 @@ const dropdownDefaultCSSData = {
2466
2472
  dropDownWrapperPadding: 0
2467
2473
  };
2468
2474
 
2469
- 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}";
2470
- styleInject(css_248z$S);
2475
+ var css_248z$U = ".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}";
2476
+ styleInject(css_248z$U);
2471
2477
 
2472
2478
  const ffid = () => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, char => ((char === 'x' ? Math.random() * 16 : Math.random() * 16 & 0x3 | 0x8) | 0).toString(16));
2473
2479
 
@@ -2527,7 +2533,7 @@ const Dropdown$1 = ({
2527
2533
  return {
2528
2534
  left: positionX,
2529
2535
  top: positionY + heightFromTop,
2530
- width: width + 28,
2536
+ width: width + 30,
2531
2537
  zIndex: optionZIndex,
2532
2538
  marginLeft: '-2px'
2533
2539
  };
@@ -2535,17 +2541,15 @@ const Dropdown$1 = ({
2535
2541
  return {
2536
2542
  zIndex: optionZIndex,
2537
2543
  left: positionX,
2538
- width: width + 28,
2544
+ width: width + 30,
2539
2545
  top: positionY - selectInputHeight - dropdownContainerHeight + 4 * margin,
2540
2546
  marginLeft: '-2px'
2541
2547
  };
2542
2548
  };
2543
2549
  const getOptionLabel = label => {
2544
2550
  if (/*#__PURE__*/React__default.isValidElement(label)) {
2545
- console.log('test');
2546
2551
  return label;
2547
2552
  }
2548
- console.log('test112');
2549
2553
  return jsx(Typography, {
2550
2554
  as: "div",
2551
2555
  lineHeight: "30px",
@@ -2557,22 +2561,24 @@ const Dropdown$1 = ({
2557
2561
  className: classNames('ff-select-dropdown-wrapper', currentTheme),
2558
2562
  ref: optionsWrapperRef,
2559
2563
  style: updateDropdownPosition(),
2560
- children: !checkEmpty(options) ? options.map(option => jsx("div", {
2561
- className: classNames('ff-select-dropdown-option', {
2562
- 'ff-select-dropdown-option__selected': getValue$1(option, valueAccessor) === selectedOption
2563
- }, currentTheme),
2564
- onClick: () => {
2565
- if ('disable' in option && option['disable']) return;
2566
- onSelectOptionSelector(option);
2567
- },
2568
- children: getOptionLabel(getLabel(option, labelAccessor))
2569
- }, ffid())) : jsx(Typography, {
2570
- textAlign: "center",
2571
- as: "div",
2572
- lineHeight: "32px",
2573
- color: "var(--ff-select-text-color)",
2574
- className: classNames('ff-select-no-option', currentTheme),
2575
- children: "No Results found"
2564
+ children: jsx("div", {
2565
+ children: !checkEmpty(options) ? options.map(option => jsx("div", {
2566
+ className: classNames('ff-select-dropdown-option', {
2567
+ 'ff-select-dropdown-option__selected': getValue$1(option, valueAccessor) === selectedOption
2568
+ }, currentTheme),
2569
+ onClick: () => {
2570
+ if ('disable' in option && option['disable']) return;
2571
+ onSelectOptionSelector(option);
2572
+ },
2573
+ children: getOptionLabel(getLabel(option, labelAccessor))
2574
+ }, ffid())) : jsx(Typography, {
2575
+ textAlign: "center",
2576
+ as: "div",
2577
+ lineHeight: "32px",
2578
+ color: "var(--ff-select-text-color)",
2579
+ className: classNames('ff-select-no-option', currentTheme),
2580
+ children: "No Results found"
2581
+ })
2576
2582
  })
2577
2583
  });
2578
2584
  };
@@ -2729,7 +2735,6 @@ const Select$1 = ({
2729
2735
  };
2730
2736
  }, [showDropdownOptions]);
2731
2737
  useEffect(() => {
2732
- if (checkEmpty(getValue$1(selectedOption, valueAccessor))) return;
2733
2738
  setSearchedOption(getValue$1(selectedOption, valueAccessor));
2734
2739
  }, [selectedOption]);
2735
2740
  useEffect(() => {
@@ -2787,14 +2792,14 @@ const Select$1 = ({
2787
2792
  className: classNames('ff-select-labels', {
2788
2793
  'ff-select-labels__active': searchedOption
2789
2794
  }),
2790
- fontSize: searchedOption && 8,
2791
- lineHeight: searchedOption && '8px',
2795
+ fontSize: searchedOption || showDropdownOptions ? 8 : 12,
2796
+ lineHeight: searchedOption || showDropdownOptions ? '8px' : '12px',
2792
2797
  required: required,
2793
2798
  children: label
2794
2799
  })]
2795
2800
  }), errorMsg && jsx(Typography, {
2796
2801
  as: "div",
2797
- lineHeight: "15px",
2802
+ lineHeight: "12px",
2798
2803
  fontSize: 10,
2799
2804
  color: "var(--error_light)",
2800
2805
  className: "ff-select-error-msg",
@@ -2817,8 +2822,8 @@ const Select$1 = ({
2817
2822
  });
2818
2823
  };
2819
2824
 
2820
- 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}";
2821
- styleInject(css_248z$R);
2825
+ var css_248z$T = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
2826
+ styleInject(css_248z$T);
2822
2827
 
2823
2828
  const Textarea = ({
2824
2829
  capacity = 200,
@@ -2888,8 +2893,8 @@ const Textarea = ({
2888
2893
  });
2889
2894
  };
2890
2895
 
2891
- 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}";
2892
- styleInject(css_248z$Q);
2896
+ var css_248z$S = ".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}";
2897
+ styleInject(css_248z$S);
2893
2898
 
2894
2899
  const StatusButton = ({
2895
2900
  status = 'passed',
@@ -2922,8 +2927,8 @@ const StatusButton = ({
2922
2927
  });
2923
2928
  };
2924
2929
 
2925
- 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}";
2926
- styleInject(css_248z$P);
2930
+ var css_248z$R = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
2931
+ styleInject(css_248z$R);
2927
2932
 
2928
2933
  const Option$1 = ({
2929
2934
  option,
@@ -3106,8 +3111,8 @@ const MenuOption = ({
3106
3111
  });
3107
3112
  };
3108
3113
 
3109
- 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}";
3110
- styleInject(css_248z$O);
3114
+ var css_248z$Q = ".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}";
3115
+ styleInject(css_248z$Q);
3111
3116
 
3112
3117
  const isFunction$2 = functionToCheck => {
3113
3118
  return functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
@@ -3325,11 +3330,11 @@ const Table$1 = ({
3325
3330
  });
3326
3331
  };
3327
3332
 
3328
- 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}";
3329
- styleInject(css_248z$N);
3333
+ var css_248z$P = ".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}";
3334
+ styleInject(css_248z$P);
3330
3335
 
3331
- 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}";
3332
- styleInject(css_248z$M);
3336
+ var css_248z$O = ".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}";
3337
+ styleInject(css_248z$O);
3333
3338
 
3334
3339
  const ArrowsButton = ({
3335
3340
  direction,
@@ -3466,8 +3471,8 @@ const AddButton = ({
3466
3471
  });
3467
3472
  };
3468
3473
 
3469
- 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}";
3470
- styleInject(css_248z$L);
3474
+ var css_248z$N = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
3475
+ styleInject(css_248z$N);
3471
3476
 
3472
3477
  const calculateArc$4 = (x, y, radius, startAngle, endAngle) => {
3473
3478
  const startX = x + radius * Math.cos(startAngle);
@@ -3820,8 +3825,8 @@ const useFileDropzone = options => {
3820
3825
  };
3821
3826
  };
3822
3827
 
3823
- 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}";
3824
- styleInject(css_248z$K);
3828
+ var css_248z$M = ".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}";
3829
+ styleInject(css_248z$M);
3825
3830
 
3826
3831
  const Dropzone = ({
3827
3832
  icon,
@@ -3915,7 +3920,7 @@ const FilePreview = ({
3915
3920
  children: jsx(Tooltip, {
3916
3921
  title: "Replace",
3917
3922
  children: jsx(Icon, {
3918
- name: "replace",
3923
+ name: "replace_file",
3919
3924
  color: 'var(--icons-default-color)',
3920
3925
  height: 16,
3921
3926
  width: 16,
@@ -3961,7 +3966,9 @@ const FileDropzone = ({
3961
3966
  fileExistMessage = '',
3962
3967
  validateMIMEType = false,
3963
3968
  width = 640,
3964
- height = 188
3969
+ height = 188,
3970
+ getAcceptedFiles = () => {},
3971
+ getRejectedFiles = () => {}
3965
3972
  }) => {
3966
3973
  const {
3967
3974
  getRootProps,
@@ -3983,6 +3990,8 @@ const FileDropzone = ({
3983
3990
  validateMIMEType
3984
3991
  // onDrop: (accepted, rejected, event) => {}, //onDrop function to handle dropped or selected files explicitly.
3985
3992
  });
3993
+ getAcceptedFiles(acceptedFiles);
3994
+ getRejectedFiles(rejectedFiles);
3986
3995
  const acceptedFilesList = useMemo(() => acceptedFiles.map(file => jsx(FilePreview, {
3987
3996
  file: file,
3988
3997
  onRemoveClick: handleRemoveClick,
@@ -8624,8 +8633,8 @@ const Forms = ({
8624
8633
  };
8625
8634
  const ForwardedForms = /*#__PURE__*/forwardRef(Forms);
8626
8635
 
8627
- 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}";
8628
- styleInject(css_248z$J);
8636
+ var css_248z$L = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
8637
+ styleInject(css_248z$L);
8629
8638
 
8630
8639
  const InputWithDropdown = ({
8631
8640
  name = '',
@@ -8730,8 +8739,8 @@ const InputWithDropdown = ({
8730
8739
  });
8731
8740
  };
8732
8741
 
8733
- 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}";
8734
- styleInject(css_248z$I);
8742
+ var css_248z$K = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
8743
+ styleInject(css_248z$K);
8735
8744
 
8736
8745
  const RadioButton = ({
8737
8746
  label,
@@ -8771,19 +8780,30 @@ const RadioButton = ({
8771
8780
  });
8772
8781
  };
8773
8782
 
8774
- var css_248z$H = ".ff-radio-group {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}";
8775
- styleInject(css_248z$H);
8783
+ var css_248z$J = ".ff-radio-group {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}\n\n.ff-radio-label-wrapper {\n position: relative;\n top: 2px;\n}\n\n.ff-required-asterisk {\n color: var(--input-error-text-color);\n}";
8784
+ styleInject(css_248z$J);
8776
8785
 
8777
8786
  const RadioGroup = ({
8778
8787
  options,
8779
8788
  name,
8780
8789
  selectedValue,
8781
8790
  onChange,
8782
- className
8791
+ label,
8792
+ isLabel = false,
8793
+ isAsteriskRequired = false,
8794
+ className,
8795
+ classNameForLabel
8783
8796
  }) => {
8784
- return jsx("div", {
8797
+ return jsxs("div", {
8785
8798
  className: classNames('ff-radio-group', className),
8786
- children: options.map(option => jsx(RadioButton, {
8799
+ children: [isLabel && jsxs(Typography, {
8800
+ fontWeight: 'semi-bold',
8801
+ className: classNames(classNameForLabel),
8802
+ children: [' ', isAsteriskRequired && jsxs(Typography, {
8803
+ className: classNames('ff-required-asterisk'),
8804
+ children: ["*", ' ']
8805
+ }), label, ' ']
8806
+ }), options.map(option => jsx(RadioButton, {
8787
8807
  label: option.label,
8788
8808
  showTooltip: option?.showTooltip,
8789
8809
  tooltipChildren: option?.tooltipChildren,
@@ -8793,12 +8813,12 @@ const RadioGroup = ({
8793
8813
  checked: selectedValue === option.value,
8794
8814
  onChange: () => onChange?.(option),
8795
8815
  disabled: option.disabled
8796
- }, option.value))
8816
+ }, option.value))]
8797
8817
  });
8798
8818
  };
8799
8819
 
8800
- 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}";
8801
- styleInject(css_248z$G);
8820
+ var css_248z$I = ".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}";
8821
+ styleInject(css_248z$I);
8802
8822
 
8803
8823
  const MiniModal = /*#__PURE__*/forwardRef(({
8804
8824
  anchorRef,
@@ -9061,210 +9081,195 @@ const MiniModal = /*#__PURE__*/forwardRef(({
9061
9081
  }), document.body);
9062
9082
  });
9063
9083
 
9064
- 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}";
9065
- styleInject(css_248z$F);
9084
+ var css_248z$H = "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}";
9085
+ styleInject(css_248z$H);
9066
9086
 
9067
- const TableTree = ({
9068
- columnsData,
9069
- treeData,
9087
+ // Helper to render spaces for levels
9088
+ const renderSpaces = level => Array.from({
9089
+ length: level
9090
+ }).map((_, i) => jsx("span", {
9091
+ className: "tree-table-space-block"
9092
+ }, i));
9093
+ // Recursive function to get all child node IDs (including nested children)
9094
+ const getAllChildIds = (nodeId, data) => {
9095
+ let result = [nodeId];
9096
+ // Traverse the tree and find children based on parentId
9097
+ data.forEach(({
9098
+ node
9099
+ }) => {
9100
+ if (node.parentId === nodeId) {
9101
+ result = result.concat(getAllChildIds(node.id, data)); // Add children recursively
9102
+ }
9103
+ });
9104
+ return result;
9105
+ };
9106
+ // Component: TableCell
9107
+ const TableCell = /*#__PURE__*/React__default.memo(({
9108
+ col,
9109
+ node,
9110
+ level,
9111
+ isExpanded,
9112
+ selected,
9070
9113
  select,
9071
- onClick = () => {},
9072
- onChange,
9114
+ onCheckBoxChange,
9115
+ onToggleExpand
9116
+ }) => jsxs("td", {
9117
+ children: [col.isTree && renderSpaces(level + 1), col.isTree && jsx("span", {
9118
+ className: `tree-table-space-block last-block ${isExpanded ? 'tree-row-expanded' : 'tree-row-collapsed'} ${node.folder ? '' : 'no-folder'}`,
9119
+ onClick: () => onToggleExpand(node),
9120
+ children: node.folder && jsx(SvgArrowsDownIcon, {})
9121
+ }), jsxs("span", {
9122
+ className: "tree-table-td-content",
9123
+ children: [col.isTree && select === 'checkbox' && jsx(Checkbox, {
9124
+ checked: selected.includes(node.id),
9125
+ onChange: () => onCheckBoxChange('checkbox', node)
9126
+ }), col.isTree && select === 'radio' && jsx(RadioButton, {
9127
+ name: node.title,
9128
+ checked: selected.includes(node.id),
9129
+ value: node.id,
9130
+ onChange: () => onCheckBoxChange('radio', node)
9131
+ }), prepareData(node, col)]
9132
+ }), col.actions && jsx("div", {
9133
+ className: "table-tree-row-action",
9134
+ children: col.actions(node)
9135
+ })]
9136
+ }));
9137
+ // Component: TableRow
9138
+ const TableRow = /*#__PURE__*/React__default.memo(({
9139
+ node,
9140
+ level,
9141
+ columnsData,
9142
+ isExpanded,
9073
9143
  selected,
9074
- onPagination
9144
+ select,
9145
+ onRowClick,
9146
+ onToggleExpand,
9147
+ onCheckBoxChange
9148
+ }) => jsx("tr", {
9149
+ "data-level": level,
9150
+ className: "show",
9151
+ onClick: e => onRowClick(e, node),
9152
+ children: columnsData.map(col => jsx(TableCell, {
9153
+ col: col,
9154
+ node: node,
9155
+ level: level,
9156
+ isExpanded: isExpanded,
9157
+ selected: selected,
9158
+ select: select,
9159
+ onCheckBoxChange: onCheckBoxChange,
9160
+ onToggleExpand: onToggleExpand
9161
+ }, col.name))
9162
+ }));
9163
+ // Component: TableHead
9164
+ const TableHead = /*#__PURE__*/React__default.memo(({
9165
+ columnsData
9075
9166
  }) => {
9076
- const [expandedNodes, setExpandedNodes] = useState(new Set());
9077
- const triggeredPaginationNodes = useRef(new Set()); // Tracks nodes for which pagination is triggered
9078
- useLayoutEffect(() => {
9079
- const defaultExpanded = new Set();
9080
- // Recursive function to add nodes and their children to the expanded set
9081
- const expandNodeRecursively = node => {
9082
- if (node.expanded) {
9083
- defaultExpanded.add(node);
9084
- if (node.children) {
9085
- node.children.forEach(child => expandNodeRecursively(child));
9086
- }
9087
- }
9088
- };
9089
- treeData.forEach(node => {
9090
- expandNodeRecursively(node);
9091
- });
9092
- setExpandedNodes(defaultExpanded);
9093
- }, [treeData]);
9094
- // Function to calculate total children height
9095
- const calculateTotalChildrenHeight = node => {
9096
- if (!node.children || node.children.length === 0) {
9097
- return 1;
9098
- }
9099
- let totalHeight = 1;
9100
- if (expandedNodes.has(node)) {
9101
- node.children.forEach(child => {
9102
- totalHeight += calculateTotalChildrenHeight(child);
9103
- });
9104
- }
9105
- return totalHeight;
9106
- };
9107
- const TreeNode = ({
9167
+ const hasDefaultValues = useMemo(() => columnsData.some(({
9168
+ defaultValue
9169
+ }) => !!defaultValue), [columnsData]);
9170
+ return jsxs("thead", {
9171
+ children: [jsx("tr", {
9172
+ children: columnsData.map(({
9173
+ name
9174
+ }) => jsx("th", {
9175
+ children: name
9176
+ }, name))
9177
+ }), hasDefaultValues && jsx("tr", {
9178
+ children: columnsData.map(({
9179
+ defaultValue,
9180
+ defaultActions
9181
+ }, index) => jsx("td", {
9182
+ children: defaultValue && jsxs("span", {
9183
+ className: "",
9184
+ children: [defaultValue, defaultActions && jsx("div", {
9185
+ className: "table-tree-row-action",
9186
+ children: defaultActions()
9187
+ })]
9188
+ })
9189
+ }, index))
9190
+ })]
9191
+ });
9192
+ });
9193
+ // Component: TableBody
9194
+ const TableBody = /*#__PURE__*/React__default.memo(({
9195
+ flattenedTreeData,
9196
+ columnsData,
9197
+ expandedNodes,
9198
+ selected,
9199
+ select,
9200
+ onRowClick,
9201
+ onToggleExpand,
9202
+ onCheckBoxChange
9203
+ }) => jsx("tbody", {
9204
+ children: flattenedTreeData.map(({
9108
9205
  node,
9109
- level,
9110
- isLast
9206
+ level
9111
9207
  }) => {
9112
- const nodeRef = useRef(null);
9113
- const lastChildRef = useRef(null); // Ref for pagination
9114
- const [nodeHeight, setNodeHeight] = useState(0);
9115
- const [totalChildrenHeight, setTotalChildrenHeight] = useState(0);
9116
- const isExpanded = expandedNodes.has(node);
9117
- useLayoutEffect(() => {
9118
- if (nodeRef.current) {
9119
- const observer = new ResizeObserver(() => {
9120
- const currentHeight = nodeRef.current?.offsetHeight || 0;
9121
- setNodeHeight(currentHeight);
9122
- const childrenHeight = calculateTotalChildrenHeight(node);
9123
- setTotalChildrenHeight(childrenHeight);
9124
- });
9125
- observer.observe(nodeRef.current);
9126
- return () => {
9127
- observer.disconnect();
9128
- };
9129
- }
9130
- }, [isExpanded, node]);
9131
- useEffect(() => {
9132
- if (!isExpanded || !lastChildRef.current || !onPagination) return;
9133
- const observer = new IntersectionObserver(entries => {
9134
- if (entries[0].isIntersecting && !triggeredPaginationNodes.current.has(node.key)) {
9135
- triggeredPaginationNodes.current.add(node.key); // Mark node as paginated
9136
- onPagination(node); // Trigger the pagination callback
9137
- }
9138
- }, {
9139
- root: null,
9140
- // Use the viewport as the root
9141
- threshold: 1.0 // Trigger when fully visible
9142
- });
9143
- observer.observe(lastChildRef.current);
9144
- return () => observer.disconnect();
9145
- }, [isExpanded, onPagination, node]);
9146
- const handleToggleExpand = () => {
9147
- setExpandedNodes(prev => {
9148
- const newExpandedNodes = new Set(prev);
9149
- if (newExpandedNodes.has(node)) {
9150
- newExpandedNodes.delete(node); // Collapse the node
9151
- } else {
9152
- newExpandedNodes.add(node); // Expand the node
9153
- }
9154
- return newExpandedNodes;
9155
- });
9156
- };
9157
- const handleCheckBoxChange = (e, node) => {
9158
- if (onChange) {
9159
- onChange(e, node);
9208
+ const isExpanded = expandedNodes.includes(node.id);
9209
+ return jsx(TableRow, {
9210
+ node: node,
9211
+ level: level,
9212
+ columnsData: columnsData,
9213
+ isExpanded: isExpanded,
9214
+ selected: selected,
9215
+ select: select,
9216
+ onRowClick: onRowClick,
9217
+ onToggleExpand: onToggleExpand,
9218
+ onCheckBoxChange: onCheckBoxChange
9219
+ }, node.id);
9220
+ })
9221
+ }));
9222
+ // Component: TreeTable
9223
+ const TreeTable = ({
9224
+ treeData,
9225
+ columnsData,
9226
+ selected = [],
9227
+ select = null,
9228
+ onChange,
9229
+ onClick,
9230
+ expandedNodes = [],
9231
+ onExpand
9232
+ }) => {
9233
+ const handleToggleExpand = useCallback(node => onExpand?.(!expandedNodes.includes(node.id), node.id), [expandedNodes, onExpand]);
9234
+ const handleCheckBoxChange = useCallback((type, node) => {
9235
+ const nodeId = node.id;
9236
+ if (type === 'radio') {
9237
+ onChange?.([nodeId]);
9238
+ } else {
9239
+ let updatedSelected = [...selected];
9240
+ if (!updatedSelected.includes(nodeId)) {
9241
+ const childIds = getAllChildIds(nodeId, treeData);
9242
+ updatedSelected = [...new Set([...updatedSelected, ...childIds])]; // Add children
9243
+ } else {
9244
+ const childIds = getAllChildIds(nodeId, treeData);
9245
+ updatedSelected = updatedSelected.filter(id => !childIds.includes(id));
9160
9246
  }
9161
- };
9162
- const renderRowData = columnsData => {
9163
- return columnsData.map(column => {
9164
- if (column.accessor === 'title') {
9165
- return jsx("td", {
9166
- className: `ff-title-container ${isLast ? 'ff-is-last' : ''}`,
9167
- children: jsxs("div", {
9168
- className: "first-div",
9169
- children: [' ', jsx("span", {
9170
- className: "ff-toggle-folder",
9171
- onClick: handleToggleExpand,
9172
- children: node.folder && jsx("span", {
9173
- className: `ff-toggle-arrow-icon ${isExpanded ? 'ff-expanded' : 'ff-collapsed'}`,
9174
- children: jsx(SvgArrowsDownIcon, {})
9175
- })
9176
- }), jsxs("div", {
9177
- className: "ff-title",
9178
- style: {
9179
- fontWeight: node.folder ? 600 : 400
9180
- },
9181
- onClick: event => onClick(event, node),
9182
- children: [select === 'checkbox' && jsx(Checkbox, {
9183
- checked: selected.includes(node.key),
9184
- onChange: e => handleCheckBoxChange(e, node)
9185
- }), select === 'radio' && jsx(RadioButton, {
9186
- name: node.title,
9187
- value: node.key,
9188
- onChange: e => handleCheckBoxChange(e, node)
9189
- }), jsx(Typography, {
9190
- className: "ff-title-label",
9191
- fontWeight: "medium",
9192
- children: prepareData(node, column)
9193
- }), column.actions && jsx("div", {
9194
- className: "ff-title-action-container",
9195
- children: column.actions(node)
9196
- })]
9197
- })]
9198
- })
9199
- });
9200
- } else if (column.accessor) {
9201
- return jsx("td", {
9202
- style: {
9203
- maxWidth: column.width
9204
- },
9205
- children: prepareData(node, column)
9206
- }, column.accessor);
9207
- }
9208
- });
9209
- };
9210
- const renderTree = (nodes, level = 0) => {
9211
- return nodes.map((childNode, index) => {
9212
- const isChildLast = index === nodes.length - 1;
9213
- const ref = isChildLast ? lastChildRef : null;
9214
- return jsx(TreeNode, {
9215
- node: childNode,
9216
- level: level,
9217
- isLast: isChildLast,
9218
- ref: ref
9219
- }, childNode.key || index);
9220
- });
9221
- };
9222
- return jsxs(Fragment, {
9223
- children: [jsx("tr", {
9224
- ref: nodeRef,
9225
- className: `ff-node-li ${node.children ? 'ff-has-children' : ''} `,
9226
- style: {
9227
- '--level': level,
9228
- '--node-height': `${nodeHeight}px`,
9229
- '--total-children-height': `${totalChildrenHeight * nodeHeight}px`
9230
- },
9231
- children: renderRowData(columnsData)
9232
- }), isExpanded && !checkEmpty(node?.children) && renderTree(node.children, level + 1)]
9233
- });
9234
- };
9235
- const renderTree = (nodes, level = 0) => {
9236
- return nodes.map((node, index) => {
9237
- const isLast = index === nodes.length - 1;
9238
- return jsx(TreeNode, {
9239
- node: node,
9240
- level: level,
9241
- isLast: isLast
9242
- }, node.key || index);
9243
- });
9244
- };
9247
+ onChange?.(updatedSelected);
9248
+ }
9249
+ }, [selected, treeData, onChange]);
9250
+ const handleRowClick = useCallback((e, node) => onClick?.(e, node), [onClick]);
9245
9251
  return jsx("div", {
9246
- className: "ff-tree-container",
9252
+ className: "tree-table-wrap",
9247
9253
  children: jsxs("table", {
9248
- children: [jsx("thead", {
9249
- children: jsx("tr", {
9250
- children: columnsData.map((column, index) => jsx("th", {
9251
- style: index === 0 ? {
9252
- minWidth: column.width
9253
- } : {
9254
- width: column.width
9255
- },
9256
- children: column.name
9257
- }, column.accessor))
9258
- })
9259
- }), jsx("tbody", {
9260
- children: renderTree(treeData)
9254
+ className: "tree-table",
9255
+ children: [jsx(TableHead, {
9256
+ columnsData: columnsData
9257
+ }), jsx(TableBody, {
9258
+ flattenedTreeData: treeData,
9259
+ columnsData: columnsData,
9260
+ expandedNodes: expandedNodes,
9261
+ selected: selected,
9262
+ select: select,
9263
+ onRowClick: handleRowClick,
9264
+ onToggleExpand: handleToggleExpand,
9265
+ onCheckBoxChange: handleCheckBoxChange
9261
9266
  })]
9262
9267
  })
9263
9268
  });
9264
9269
  };
9265
9270
 
9266
- 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}";
9267
- styleInject(css_248z$E);
9271
+ var css_248z$G = ":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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
9272
+ styleInject(css_248z$G);
9268
9273
 
9269
9274
  const Tabs = ({
9270
9275
  variant = 'default',
@@ -9309,8 +9314,8 @@ const Tabs = ({
9309
9314
  });
9310
9315
  };
9311
9316
 
9312
- var css_248z$D = ".ff-highlight-bg {\n background-color: var(--text-bg-highlight);\n}";
9313
- styleInject(css_248z$D);
9317
+ var css_248z$F = ".ff-highlight-bg {\n background-color: var(--text-bg-highlight);\n}";
9318
+ styleInject(css_248z$F);
9314
9319
 
9315
9320
  // Function to escape special characters in the search term
9316
9321
  const escapeRegExp = text => {
@@ -9333,8 +9338,8 @@ const HighlightText = ({
9333
9338
  });
9334
9339
  };
9335
9340
 
9336
- 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}";
9337
- styleInject(css_248z$C);
9341
+ var css_248z$E = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
9342
+ styleInject(css_248z$E);
9338
9343
 
9339
9344
  const Search = ({
9340
9345
  placeholder = 'Search',
@@ -17355,8 +17360,8 @@ const TimePicker = ({
17355
17360
  });
17356
17361
  };
17357
17362
 
17358
- 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}";
17359
- styleInject(css_248z$B);
17363
+ var css_248z$D = "@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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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 -1px 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 font-weight: 400;\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-icon svg path {\n fill: var(--default-icon-color);\n}\n.ff-date-picker .ff-time-picker-container .ff-time-picker-fields .ff-time-period-container:hover svg path {\n fill: var(--brand-color);\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}";
17364
+ styleInject(css_248z$D);
17360
17365
 
17361
17366
  const CustomDatePicker = ({
17362
17367
  minDate,
@@ -17910,8 +17915,8 @@ const StateDropdown = ({
17910
17915
  });
17911
17916
  };
17912
17917
 
17913
- 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}";
17914
- styleInject(css_248z$A);
17918
+ var css_248z$C = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
17919
+ styleInject(css_248z$C);
17915
17920
 
17916
17921
  const IconButton = ({
17917
17922
  label,
@@ -17939,8 +17944,8 @@ const IconButton = ({
17939
17944
  });
17940
17945
  };
17941
17946
 
17942
- 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}";
17943
- styleInject(css_248z$z);
17947
+ var css_248z$B = ".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}";
17948
+ styleInject(css_248z$B);
17944
17949
 
17945
17950
  const Modal = ({
17946
17951
  isOpen,
@@ -22636,8 +22641,8 @@ const DragAndDrop = {
22636
22641
  DNDUtilities
22637
22642
  };
22638
22643
 
22639
- 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}";
22640
- styleInject(css_248z$y);
22644
+ var css_248z$A = ".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}";
22645
+ styleInject(css_248z$A);
22641
22646
 
22642
22647
  const VariableInput = ({
22643
22648
  type = 'url',
@@ -22915,8 +22920,8 @@ const VariableInput = ({
22915
22920
  });
22916
22921
  };
22917
22922
 
22918
- 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}";
22919
- styleInject(css_248z$x);
22923
+ var css_248z$z = ".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}";
22924
+ styleInject(css_248z$z);
22920
22925
 
22921
22926
  const AllProjectsDropdown = ({
22922
22927
  onClick = () => {},
@@ -23051,8 +23056,8 @@ const AllProjectsDropdown = ({
23051
23056
  });
23052
23057
  };
23053
23058
 
23054
- 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}";
23055
- styleInject(css_248z$w);
23059
+ var css_248z$y = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-pie-chart-container .ff-pie-chart-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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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-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 font-weight: 400;\n pointer-events: none;\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}\n.ff-pie-chart-container .ff-pie-chart-legend .ff-pie-chart-legend-value {\n color: var(--drawer-title-color);\n}";
23060
+ styleInject(css_248z$y);
23056
23061
 
23057
23062
  const calculateArc$3 = ({
23058
23063
  x,
@@ -23147,7 +23152,7 @@ const PieChart = ({
23147
23152
  fontSize: 10,
23148
23153
  fontWeight: "regular",
23149
23154
  lineHeight: "18px",
23150
- className: "ff-Pie-chart-legend-value",
23155
+ className: "ff-pie-chart-legend-value",
23151
23156
  children: item.label
23152
23157
  })]
23153
23158
  }, item.label));
@@ -23196,8 +23201,7 @@ const PieChart = ({
23196
23201
  className: "ff-pie-chart-tooltip",
23197
23202
  style: {
23198
23203
  top: tooltipPosition.y,
23199
- left: tooltipPosition.x,
23200
- border: `2px solid ${tooltip.color}`
23204
+ left: tooltipPosition.x
23201
23205
  },
23202
23206
  children: [tooltip.label, " : ", tooltip.value]
23203
23207
  }), jsx("div", {
@@ -23207,8 +23211,8 @@ const PieChart = ({
23207
23211
  });
23208
23212
  };
23209
23213
 
23210
- 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}";
23211
- styleInject(css_248z$v);
23214
+ var css_248z$x = ".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}";
23215
+ styleInject(css_248z$x);
23212
23216
 
23213
23217
  const AppHeader = ({
23214
23218
  logoIconName = 'fireflink_icon',
@@ -23216,7 +23220,6 @@ const AppHeader = ({
23216
23220
  rightContent,
23217
23221
  projectsList,
23218
23222
  appHeaderMenuItems,
23219
- appHeaderHiddenMenuItems,
23220
23223
  selectedMenu,
23221
23224
  selectedSubMenu,
23222
23225
  selectedQuickMenu,
@@ -23232,6 +23235,11 @@ const AppHeader = ({
23232
23235
  onProjectDropdownLabelClick = () => {},
23233
23236
  onMoreMenuOptionClick = () => {}
23234
23237
  }) => {
23238
+ const [appHeaderHiddenMenuItems, setAppHeaderHiddenMenuItems] = useState([]);
23239
+ const onSubMenuClickHandler = subMenu => {
23240
+ setAppHeaderHiddenMenuItems(subMenu.hiddenMenuItems ? subMenu.hiddenMenuItems : []);
23241
+ onSubMenuClick(subMenu);
23242
+ };
23235
23243
  return jsx("div", {
23236
23244
  className: "ff-app-header-main",
23237
23245
  children: jsxs("div", {
@@ -23283,7 +23291,7 @@ const AppHeader = ({
23283
23291
  ['ff-app-header-nav-bar-submenu-item--selected']: subMenuItem.label === selectedSubMenu
23284
23292
  }),
23285
23293
  lineHeight: "18px",
23286
- onClick: () => onSubMenuClick(subMenuItem),
23294
+ onClick: () => onSubMenuClickHandler(subMenuItem),
23287
23295
  children: subMenuItem.label
23288
23296
  })
23289
23297
  }, subMenuItem.label);
@@ -23342,8 +23350,8 @@ const AppHeader = ({
23342
23350
  });
23343
23351
  };
23344
23352
 
23345
- 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}";
23346
- styleInject(css_248z$u);
23353
+ var css_248z$w = ".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}";
23354
+ styleInject(css_248z$w);
23347
23355
 
23348
23356
  const Paper = ({
23349
23357
  children,
@@ -23359,8 +23367,8 @@ const Paper = ({
23359
23367
  });
23360
23368
  };
23361
23369
 
23362
- 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}";
23363
- styleInject(css_248z$t);
23370
+ var css_248z$v = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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 align-items: center;\n}\n.ff-dashboard-donut-chart-section.legend-position-bottom {\n flex-direction: column;\n}\n.ff-dashboard-donut-chart-section.legend-position-left {\n flex-direction: row-reverse;\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: absolute;\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 grid-auto-rows: 1fr;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-number-legend {\n grid-template-columns: repeat(3, 100px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-number-legend.ff-side-legend {\n grid-template-columns: repeat(2, 100px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-number-legend .ff-legend-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend {\n grid-template-columns: repeat(2, 130px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend .ff-legend-item {\n display: flex;\n align-items: center;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-pill-legend .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.ff-pill-legend .ff-legend-item .ff-legend-key {\n margin-left: 8px;\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-memory-legend {\n grid-template-columns: repeat(3, 100px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-memory-legend.ff-side-legend {\n grid-template-columns: repeat(2, 100px);\n}\n.ff-dashboard-donut-chart-section .ff-legend-container.ff-memory-legend .ff-legend-item {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\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}";
23371
+ styleInject(css_248z$v);
23364
23372
 
23365
23373
  const calculateArc$2 = (x, y, radius, startAngle, endAngle) => {
23366
23374
  const startX = x + radius * Math.cos(startAngle);
@@ -23383,7 +23391,9 @@ const DashboardDonutChart = ({
23383
23391
  unit,
23384
23392
  showUnit = true,
23385
23393
  labelFontSize = 24,
23386
- subLabelFontSize = 14
23394
+ subLabelFontSize = 14,
23395
+ legendPosition = 'bottom',
23396
+ legendGap = 0
23387
23397
  }) => {
23388
23398
  const [hoveredItemIndex, setHoveredItemIndex] = useState(null);
23389
23399
  const [tooltipPosition, setTooltipPosition] = useState({
@@ -23513,29 +23523,32 @@ const DashboardDonutChart = ({
23513
23523
  })]
23514
23524
  });
23515
23525
  };
23516
- const renderLegend = (legendData, legendType) => {
23526
+ const renderLegend = (legendData, legendType, legendPosition) => {
23517
23527
  switch (legendType) {
23518
23528
  case 'numberLegend':
23519
23529
  return jsx("div", {
23520
- className: "ff-legend-container numberLegend",
23530
+ className: classNames('ff-legend-container ff-number-legend', {
23531
+ 'ff-side-legend': legendPosition === 'left' || legendPosition === 'right'
23532
+ }),
23521
23533
  children: legendData.map((item, index) => jsxs("div", {
23522
23534
  className: "ff-legend-item",
23523
23535
  children: [jsxs(Typography, {
23524
- fontSize: 20,
23536
+ fontSize: 22,
23525
23537
  fontWeight: "semi-bold",
23526
23538
  className: "ff-legend-value",
23527
23539
  color: item.color ? item.color : colorMapping[index % colorMapping.length],
23528
23540
  children: [item.value, " ", showUnit && unit?.toUpperCase()]
23529
23541
  }), jsx(Typography, {
23530
- fontSize: 10,
23542
+ fontSize: 12,
23531
23543
  className: "ff-legend-key",
23544
+ textAlign: "center",
23532
23545
  children: item.key
23533
23546
  })]
23534
23547
  }, index))
23535
23548
  });
23536
23549
  case 'pillLegend':
23537
23550
  return jsx("div", {
23538
- className: "ff-legend-container pillLegend",
23551
+ className: "ff-legend-container ff-pill-legend ",
23539
23552
  children: legendData.map((item, index) => jsxs("div", {
23540
23553
  className: "ff-legend-item",
23541
23554
  children: [jsx("span", {
@@ -23555,7 +23568,9 @@ const DashboardDonutChart = ({
23555
23568
  });
23556
23569
  case 'memoryLegend':
23557
23570
  return jsx("div", {
23558
- className: "ff-legend-container memoryLegend",
23571
+ className: classNames('ff-legend-container ff-memory-legend', {
23572
+ 'ff-side-legend': legendPosition === 'left' || legendPosition === 'right'
23573
+ }),
23559
23574
  children: legendData.map((item, index) => jsx(React__default.Fragment, {
23560
23575
  children: jsxs("div", {
23561
23576
  className: "ff-legend-item",
@@ -23567,6 +23582,7 @@ const DashboardDonutChart = ({
23567
23582
  children: [item.labelValue, " ", item.unit]
23568
23583
  }), jsx(Typography, {
23569
23584
  className: "ff-legend-key",
23585
+ textAlign: "center",
23570
23586
  children: item.key
23571
23587
  })]
23572
23588
  })
@@ -23576,7 +23592,7 @@ const DashboardDonutChart = ({
23576
23592
  return jsx("div", {
23577
23593
  className: "ff-legend-table-wrapper",
23578
23594
  children: jsxs("table", {
23579
- className: "ff-legend-table tableLegend",
23595
+ className: "ff-legend-table",
23580
23596
  children: [jsx("thead", {
23581
23597
  children: jsxs("tr", {
23582
23598
  children: [jsx("th", {
@@ -23656,8 +23672,13 @@ const DashboardDonutChart = ({
23656
23672
  }
23657
23673
  return jsxs("div", {
23658
23674
  className: classNames('ff-dashboard-donut-chart-section', {
23659
- 'ff-dashboard-donut-chart-section-table-legend': legendType === 'tableLegend'
23675
+ 'ff-dashboard-donut-chart-section-table-legend': legendType === 'tableLegend',
23676
+ 'legend-position-bottom': legendPosition === 'bottom',
23677
+ 'legend-position-left': legendPosition === 'left'
23660
23678
  }),
23679
+ style: {
23680
+ gap: `${legendGap}px`
23681
+ },
23661
23682
  children: [jsxs("div", {
23662
23683
  className: "ff-dashboard-donut-chart-svg-container",
23663
23684
  children: [jsx("svg", {
@@ -23724,7 +23745,7 @@ const DashboardDonutChart = ({
23724
23745
  children: [" ", `Total ${legendDetailsType} - ${total}`, " "]
23725
23746
  })]
23726
23747
  }), showTooltip && renderTooltip()]
23727
- }), isLegendDetails && renderLegend(nonZeroValues, legendType)]
23748
+ }), isLegendDetails && renderLegend(chartValues, legendType, legendPosition)]
23728
23749
  });
23729
23750
  };
23730
23751
 
@@ -25445,8 +25466,8 @@ var RecaptchaWrapper = makeAsyncScript(getURL, {
25445
25466
  } : {}
25446
25467
  })(ReCAPTCHA);
25447
25468
 
25448
- 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}";
25449
- styleInject(css_248z$s);
25469
+ var css_248z$u = ".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}";
25470
+ styleInject(css_248z$u);
25450
25471
 
25451
25472
  const Recaptcha = /*#__PURE__*/forwardRef(({
25452
25473
  onVerify,
@@ -25489,8 +25510,8 @@ const nlpDropdownDefaultCSSData = {
25489
25510
  dropDownWrapperPadding: 0
25490
25511
  };
25491
25512
 
25492
- 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}";
25493
- styleInject(css_248z$r);
25513
+ var css_248z$t = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
25514
+ styleInject(css_248z$t);
25494
25515
 
25495
25516
  const NlpDropdown = ({
25496
25517
  onSelectBlur,
@@ -25654,8 +25675,8 @@ const NlpDropdown = ({
25654
25675
  });
25655
25676
  };
25656
25677
 
25657
- 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}";
25658
- styleInject(css_248z$q);
25678
+ var css_248z$s = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
25679
+ styleInject(css_248z$s);
25659
25680
 
25660
25681
  const nlpInputReducer = (state, action) => {
25661
25682
  switch (action.type) {
@@ -25966,8 +25987,8 @@ const NlpInput = ({
25966
25987
  });
25967
25988
  };
25968
25989
 
25969
- 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}";
25970
- styleInject(css_248z$p);
25990
+ var css_248z$r = ".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}";
25991
+ styleInject(css_248z$r);
25971
25992
 
25972
25993
  const IconRadioGroup = ({
25973
25994
  items,
@@ -26018,8 +26039,8 @@ const IconRadioGroup = ({
26018
26039
  });
26019
26040
  };
26020
26041
 
26021
- 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}";
26022
- styleInject(css_248z$o);
26042
+ var css_248z$q = ".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-between;\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 .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-text,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-text,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-text,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-text {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n min-width: 30px;\n max-width: 70px;\n}\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper .ff-machine-text-reverse,\n.ff-machine-input-field-wrapper .ff-machine-input-field-reverse .ff-machine-icon-text-wrapper-reverse .ff-machine-text-reverse {\n direction: ltr;\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}";
26043
+ styleInject(css_248z$q);
26023
26044
 
26024
26045
  const MachineInputField = /*#__PURE__*/forwardRef(({
26025
26046
  width = '',
@@ -26030,10 +26051,19 @@ const MachineInputField = /*#__PURE__*/forwardRef(({
26030
26051
  onClick = () => {}
26031
26052
  }, ref) => {
26032
26053
  const getIcon = {
26033
- Local: 'browser_stack_icon',
26054
+ Local: 'local',
26055
+ Browserstack: 'browserstack_icon',
26056
+ SauceLabs: 'sause_lab',
26057
+ LambdaTest: 'lambda_icon',
26034
26058
  mac: 'mac_icon',
26035
26059
  android: 'android_icon',
26036
- 'Google Chrome': 'chrome_icon'
26060
+ linux: 'linux',
26061
+ 'Google Chrome': 'chrome_icon',
26062
+ 'Mozilla Firefox': 'fire_fox',
26063
+ 'Microsoft Edge': 'edge',
26064
+ 'Internet Explorer': 'internet_explorer',
26065
+ Safari: 'safari_icon',
26066
+ Opera: 'opera'
26037
26067
  };
26038
26068
  return jsxs("div", {
26039
26069
  ref: ref,
@@ -26061,10 +26091,12 @@ const MachineInputField = /*#__PURE__*/forwardRef(({
26061
26091
  'ff-machine-icon-text-wrapper-reverse': contentReverse
26062
26092
  }),
26063
26093
  children: [jsx(Icon, {
26064
- name: getIcon[type],
26094
+ name: getIcon[type] || 'local',
26065
26095
  className: "ff-machine-icon"
26066
26096
  }), jsx(Typography, {
26067
- className: "ff-machine-text",
26097
+ className: classNames('ff-machine-text', {
26098
+ 'ff-machine-text-reverse': contentReverse
26099
+ }),
26068
26100
  color: "var(--ff-machine-input-field-text-color)",
26069
26101
  children: label
26070
26102
  })]
@@ -26074,11 +26106,11 @@ const MachineInputField = /*#__PURE__*/forwardRef(({
26074
26106
  });
26075
26107
  MachineInputField.displayName = 'MachineInputField';
26076
26108
 
26077
- 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}";
26078
- styleInject(css_248z$n);
26109
+ var css_248z$p = ".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-scope-wrapper .ff-scope-text {\n text-transform: capitalize;\n margin: 0;\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-sequential-machine-datalist {\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}";
26110
+ styleInject(css_248z$p);
26079
26111
 
26080
- 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}";
26081
- styleInject(css_248z$m);
26112
+ var css_248z$o = ".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-dataset-list-branch,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist .ff-dataset-list-branch {\n display: flex;\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-dataset-list-branch,\n.ff-connecting-branch-grid-reverse .ff-connecting-branch-datalist-reverse .ff-dataset-list-branch {\n display: flex;\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}";
26113
+ styleInject(css_248z$o);
26082
26114
 
26083
26115
  const Branches = ({
26084
26116
  machineInstances,
@@ -26089,13 +26121,14 @@ const Branches = ({
26089
26121
  previousRowMachineInstance,
26090
26122
  onAddBrowser,
26091
26123
  onDeleteBrowser,
26092
- onAddRunBrowser
26124
+ onAddRunBrowser,
26125
+ onUpdateDataSetList
26093
26126
  }) => {
26094
26127
  const evenRow = rowIndex % 2 === 0;
26095
26128
  const lastMachineInstance = checkEmpty(machineInstances[machineColumnCount - 1]);
26096
26129
  const getBorderStyle = (currentBranch, nextBranch) => {
26097
- if (currentBranch && nextBranch && 'id' in currentBranch && 'id' in nextBranch) {
26098
- return currentBranch.id === nextBranch.id ? 'dotted' : 'solid';
26130
+ if (currentBranch && nextBranch && 'machineInstanceId' in currentBranch && 'machineInstanceId' in nextBranch) {
26131
+ return currentBranch.machineInstanceId === nextBranch.machineInstanceId ? 'dashed' : 'solid';
26099
26132
  }
26100
26133
  return 'solid';
26101
26134
  };
@@ -26139,7 +26172,10 @@ const Branches = ({
26139
26172
  browserName = 'Local',
26140
26173
  browserVersion = '1',
26141
26174
  numberOfRuns = 'numberOfRuns' in machineInstance ? machineInstance.numberOfRuns : 0,
26142
- id = ''
26175
+ machineInstanceId = '',
26176
+ peVariableSetId = '',
26177
+ globalVariableSetId = '',
26178
+ testDataSetId = ''
26143
26179
  } = machineInstance;
26144
26180
  return jsxs(Fragment, {
26145
26181
  children: [!checkEmpty(machineInstance) ? jsxs("div", {
@@ -26167,17 +26203,26 @@ const Branches = ({
26167
26203
  'ff-connecting-branch-datalist': evenRow,
26168
26204
  'ff-connecting-branch-datalist-reverse': !evenRow
26169
26205
  }),
26170
- children: [jsx(Icon, {
26171
- name: "datalist_icon",
26172
- className: "ff-connecting-icon"
26173
- }), jsx(Typography, {
26174
- className: "ff-connecting-text",
26175
- color: "var(--ff-connecting-branch-color)",
26176
- children: "Dataset List"
26206
+ children: [jsxs("div", {
26207
+ id: `ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`,
26208
+ className: "ff-dataset-list-branch",
26209
+ onClick: () => onUpdateDataSetList(`ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`, {
26210
+ peVariableSetId: peVariableSetId,
26211
+ globalVariableSetId: globalVariableSetId,
26212
+ testDataSetId: testDataSetId
26213
+ }, true, numberOfRuns, machineInstanceId),
26214
+ children: [jsx(Icon, {
26215
+ name: "datalist_icon",
26216
+ className: "ff-connecting-icon"
26217
+ }), jsx(Typography, {
26218
+ className: "ff-connecting-text",
26219
+ color: "var(--ff-connecting-branch-color)",
26220
+ children: "Dataset List"
26221
+ })]
26177
26222
  }), jsx(Icon, {
26178
26223
  name: "plus_icon",
26179
26224
  className: "ff-connecting-icon",
26180
- onClick: () => onAddRunBrowser(id),
26225
+ onClick: () => onAddRunBrowser(machineInstanceId),
26181
26226
  color: "var(--ff-connecting-branch-color)"
26182
26227
  }), jsx(Typography, {
26183
26228
  className: "ff-connecting-text",
@@ -26186,16 +26231,17 @@ const Branches = ({
26186
26231
  }), jsx(Icon, {
26187
26232
  name: "delete",
26188
26233
  className: "ff-connecting-delete-icon",
26189
- onClick: () => onDeleteBrowser(id, numberOfRuns),
26234
+ onClick: () => onDeleteBrowser(machineInstanceId, numberOfRuns),
26190
26235
  color: "var(--ff-connecting-branch-delete-color)"
26191
26236
  })]
26192
26237
  })]
26193
26238
  }) : jsx("div", {
26194
26239
  className: "ff-connecting-branch-browser-button",
26195
26240
  children: jsx(Button$1, {
26241
+ id: `ff-sequential-branch-add-${machineInstanceId}`,
26196
26242
  variant: "tertiary",
26197
- label: "Browser / Devices",
26198
- onClick: onAddBrowser
26243
+ label: "Add Environrment",
26244
+ onClick: () => onAddBrowser(`ff-sequential-branch-add-${machineInstanceId}`)
26199
26245
  })
26200
26246
  }), showMiddleArrow(index) && jsx("div", {
26201
26247
  className: "ff-connecting-branch-middle-arrow",
@@ -26225,8 +26271,8 @@ const Branches = ({
26225
26271
  });
26226
26272
  };
26227
26273
 
26228
- var css_248z$l = ".ff-connecting-branch-grid-wrapper {\n box-sizing: border-box;\n}";
26229
- styleInject(css_248z$l);
26274
+ var css_248z$n = ".ff-connecting-branch-grid-wrapper {\n box-sizing: border-box;\n}";
26275
+ styleInject(css_248z$n);
26230
26276
 
26231
26277
  const ConnectingBranches = ({
26232
26278
  machineBranchInstances,
@@ -26234,7 +26280,8 @@ const ConnectingBranches = ({
26234
26280
  machineColumnWidth,
26235
26281
  onAddBrowser,
26236
26282
  onDeleteBrowser,
26237
- onAddRunBrowser
26283
+ onAddRunBrowser,
26284
+ onUpdateDataSetList
26238
26285
  }) => {
26239
26286
  const [machineInstance, setMachineInstance] = useState(machineBranchInstances);
26240
26287
  useEffect(() => {
@@ -26260,7 +26307,8 @@ const ConnectingBranches = ({
26260
26307
  onDeleteBrowser: onDeleteBrowser,
26261
26308
  onAddRunBrowser: onAddRunBrowser,
26262
26309
  nextRowMachineInstance: machineInstancesRow[index + 1]?.[0],
26263
- previousRowMachineInstance: machineInstancesRow[index - 1]?.[machineColumnCount - 1]
26310
+ previousRowMachineInstance: machineInstancesRow[index - 1]?.[machineColumnCount - 1],
26311
+ onUpdateDataSetList: onUpdateDataSetList
26264
26312
  })
26265
26313
  }, ffid()))
26266
26314
  });
@@ -26275,20 +26323,34 @@ const SequentialConnectingBranch = ({
26275
26323
  onHandleSelect = () => {},
26276
26324
  onAddBrowserInstance = () => {},
26277
26325
  onAddRunBrowserInstance = () => {},
26278
- onDeleteBrowserInstance = () => {}
26326
+ onDeleteBrowserInstance = () => {},
26327
+ onUpdateDataSetList = () => {},
26328
+ onDeleteMachineInstance = () => {},
26329
+ dataSetValues = {
26330
+ testDataSetId: '',
26331
+ globalVariableSetId: '',
26332
+ peVariableSetId: ''
26333
+ }
26279
26334
  }) => {
26280
- const dataListRef = useRef(null);
26335
+ const [selectedMachineInstance, setSelectedMachineInstance] = useState({});
26281
26336
  const selectButtonRef = useRef(null);
26282
26337
  const defaultMachineColumnCount = Math.max(machineColumnCount, 1);
26283
26338
  const defaultMachineColumnWidth = Math.max(machineColumnWidth, 180);
26284
26339
  const [machineBranchInstances, setMachineBranchInstances] = useState([]);
26285
26340
  const isMachineInstances = checkEmpty(machineInstances);
26286
- const isMachineSelected = checkEmpty(selectedMachine);
26341
+ const isMachineSelected = checkEmpty(selectedMachine.value?.clientId);
26342
+ const getMachineStatusColor = (machineStatus = '') => {
26343
+ if (machineStatus.toLowerCase().includes('inactive')) return 'var(--ff-machine-inactive-status-color)';
26344
+ if (machineStatus.toLowerCase().includes('running')) return 'var(--ff-machine-running-status-color)';
26345
+ if (machineStatus.toLowerCase().includes('active')) return 'var(--ff-machine-active-status-color)';
26346
+ return 'var(--ff-machine-active-status-color))';
26347
+ };
26348
+ useEffect(() => {
26349
+ setSelectedMachineInstance(selectedMachine);
26350
+ }, [selectedMachine]);
26287
26351
  useEffect(() => {
26288
26352
  setMachineBranchInstances([...machineInstances, {}]);
26289
26353
  }, [machineInstances]);
26290
- console.log(machineInstances, 'machineInstances');
26291
- console.log(machineBranchInstances, 'machineBranchInstances');
26292
26354
  return jsxs("div", {
26293
26355
  className: "ff-sequential-connecting-branch-wrapper",
26294
26356
  children: [jsxs("div", {
@@ -26298,12 +26360,12 @@ const SequentialConnectingBranch = ({
26298
26360
  children: [jsx(Select$1, {
26299
26361
  onChange: onHandleSelect,
26300
26362
  optionsList: machineOptionsList,
26301
- required: true,
26302
26363
  label: "Choose Machine",
26364
+ required: false,
26303
26365
  showLabel: true,
26304
26366
  className: "ff-sequential-select-branch",
26305
26367
  width: '240px',
26306
- selectedOption: selectedMachine,
26368
+ selectedOption: selectedMachineInstance,
26307
26369
  valueAccessor: 'name'
26308
26370
  }), !isMachineSelected && jsxs("div", {
26309
26371
  className: classNames({
@@ -26322,44 +26384,47 @@ const SequentialConnectingBranch = ({
26322
26384
  }), isMachineInstances && jsx(Fragment, {
26323
26385
  children: jsx(Button$1, {
26324
26386
  variant: "tertiary",
26325
- label: "Browser / Device",
26387
+ label: "Add Environment",
26326
26388
  size: "small",
26327
26389
  className: "branch-button",
26328
26390
  ref: selectButtonRef,
26329
- onClick: onAddBrowserInstance
26391
+ onClick: () => onAddBrowserInstance('ff-sequential-branch-button'),
26392
+ id: "ff-sequential-branch-button"
26330
26393
  })
26331
26394
  })]
26332
26395
  })]
26333
26396
  })]
26334
- }), jsxs("div", {
26397
+ }), !isMachineSelected && jsxs("div", {
26335
26398
  className: "ff-select-scope-datalist",
26336
- children: [jsxs("div", {
26399
+ children: [jsx("div", {
26337
26400
  className: "ff-scope-wrapper",
26338
- children: [jsx(Icon, {
26339
- name: "windows"
26340
- }), jsx(Typography, {
26401
+ children: jsx(Typography, {
26341
26402
  as: "span",
26342
26403
  fontSize: 12,
26343
- color: "var(--ff-connecting-branch-scope-color)",
26404
+ color: getMachineStatusColor(selectedMachine.values?.status),
26344
26405
  className: "ff-scope-text",
26345
- children: "Private"
26346
- })]
26406
+ children: selectedMachine.values?.status
26407
+ })
26347
26408
  }), jsxs("div", {
26348
26409
  className: "ff-datalist-wrapper",
26349
- children: [jsx(Icon, {
26350
- name: "datalist_icon",
26351
- className: "ff-dataset-icon",
26352
- ref: dataListRef
26353
- }), jsx(Typography, {
26354
- as: "span",
26355
- fontSize: 12,
26356
- color: "var(--ff-connecting-branch-color)",
26357
- className: "ff-datalist-text",
26358
- children: "Dataset List"
26410
+ children: [jsxs("div", {
26411
+ id: "ff-sequential-machine-datalist",
26412
+ onClick: () => onUpdateDataSetList('ff-sequential-machine-datalist', dataSetValues),
26413
+ children: [jsx(Icon, {
26414
+ name: "datalist_icon",
26415
+ className: "ff-dataset-icon"
26416
+ }), jsx(Typography, {
26417
+ as: "span",
26418
+ fontSize: 12,
26419
+ color: "var(--ff-connecting-branch-color)",
26420
+ className: "ff-datalist-text",
26421
+ children: "Dataset List"
26422
+ })]
26359
26423
  }), jsx(Icon, {
26360
26424
  name: "delete",
26361
26425
  className: "ff-run-delete-icon",
26362
- color: "var(--ff-connecting-branch-delete-color)"
26426
+ color: "var(--ff-connecting-branch-delete-color)",
26427
+ onClick: onDeleteMachineInstance
26363
26428
  })]
26364
26429
  })]
26365
26430
  })]
@@ -26371,14 +26436,15 @@ const SequentialConnectingBranch = ({
26371
26436
  machineColumnWidth: defaultMachineColumnWidth,
26372
26437
  onAddBrowser: onAddBrowserInstance,
26373
26438
  onDeleteBrowser: onDeleteBrowserInstance,
26374
- onAddRunBrowser: onAddRunBrowserInstance
26439
+ onAddRunBrowser: onAddRunBrowserInstance,
26440
+ onUpdateDataSetList: onUpdateDataSetList
26375
26441
  })
26376
26442
  })]
26377
26443
  });
26378
26444
  };
26379
26445
 
26380
- 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}";
26381
- styleInject(css_248z$k);
26446
+ var css_248z$m = ".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}";
26447
+ styleInject(css_248z$m);
26382
26448
 
26383
26449
  const AttachmentButton = ({
26384
26450
  label,
@@ -26553,8 +26619,8 @@ const toast = {
26553
26619
  alert: (arg1, arg2) => openToast('alert', arg1, arg2)
26554
26620
  };
26555
26621
 
26556
- 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}";
26557
- styleInject(css_248z$j);
26622
+ var css_248z$l = "/* 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}";
26623
+ styleInject(css_248z$l);
26558
26624
 
26559
26625
  const ToggleSwitch = ({
26560
26626
  selected = "text",
@@ -26576,8 +26642,8 @@ const ToggleSwitch = ({
26576
26642
  });
26577
26643
  };
26578
26644
 
26579
- 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}";
26580
- styleInject(css_248z$i);
26645
+ var css_248z$k = ".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}";
26646
+ styleInject(css_248z$k);
26581
26647
 
26582
26648
  const Avatar = ({
26583
26649
  variant = "small",
@@ -26603,8 +26669,8 @@ const Avatar = ({
26603
26669
  });
26604
26670
  };
26605
26671
 
26606
- 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}";
26607
- styleInject(css_248z$h);
26672
+ var css_248z$j = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
26673
+ styleInject(css_248z$j);
26608
26674
 
26609
26675
  const getErrorMessage$1 = (inputValue, text, customError, customErrorCondition) => {
26610
26676
  if (inputValue === text) {
@@ -26807,8 +26873,8 @@ const LabelEditTextField = ({
26807
26873
  });
26808
26874
  };
26809
26875
 
26810
- 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}";
26811
- styleInject(css_248z$g);
26876
+ 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 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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
26877
+ styleInject(css_248z$i);
26812
26878
 
26813
26879
  const capitalize = text => {
26814
26880
  if (!text) return '';
@@ -28185,20 +28251,33 @@ function applyBoldToCells(currentData, selectedRange) {
28185
28251
  end
28186
28252
  } = selectedRange;
28187
28253
  let updatedData = currentData;
28254
+ let anyBold = false;
28188
28255
  for (let row = start.row; row <= end.row; row++) {
28189
28256
  for (let col = start.column; col <= end.column; col++) {
28190
28257
  const currentCell = get({
28191
28258
  row,
28192
28259
  column: col
28193
28260
  }, updatedData);
28194
- if (!currentCell) {
28195
- continue;
28261
+ if (!currentCell) continue;
28262
+ if (currentCell.style?.fontWeight === 'bold') {
28263
+ anyBold = true;
28264
+ break;
28196
28265
  }
28266
+ }
28267
+ if (anyBold) break;
28268
+ }
28269
+ for (let row = start.row; row <= end.row; row++) {
28270
+ for (let col = start.column; col <= end.column; col++) {
28271
+ const currentCell = get({
28272
+ row,
28273
+ column: col
28274
+ }, updatedData);
28275
+ if (!currentCell) continue;
28197
28276
  const updatedCell = {
28198
28277
  ...currentCell,
28199
28278
  style: {
28200
28279
  ...currentCell.style,
28201
- fontWeight: currentCell.style?.fontWeight !== 'bold' ? 'bold' : 'normal'
28280
+ fontWeight: anyBold ? 'normal' : 'bold'
28202
28281
  }
28203
28282
  };
28204
28283
  updatedData = set({
@@ -28218,20 +28297,33 @@ function applyItalicToCells(currentData, selectedRange) {
28218
28297
  end
28219
28298
  } = selectedRange;
28220
28299
  let updatedData = currentData;
28300
+ let anyItalic = false;
28221
28301
  for (let row = start.row; row <= end.row; row++) {
28222
28302
  for (let col = start.column; col <= end.column; col++) {
28223
28303
  const currentCell = get({
28224
28304
  row,
28225
28305
  column: col
28226
28306
  }, updatedData);
28227
- if (!currentCell) {
28228
- continue;
28307
+ if (!currentCell) continue;
28308
+ if (currentCell.style?.fontStyle === 'italic') {
28309
+ anyItalic = true;
28310
+ break;
28229
28311
  }
28312
+ }
28313
+ if (anyItalic) break;
28314
+ }
28315
+ for (let row = start.row; row <= end.row; row++) {
28316
+ for (let col = start.column; col <= end.column; col++) {
28317
+ const currentCell = get({
28318
+ row,
28319
+ column: col
28320
+ }, updatedData);
28321
+ if (!currentCell) continue;
28230
28322
  const updatedCell = {
28231
28323
  ...currentCell,
28232
28324
  style: {
28233
28325
  ...currentCell.style,
28234
- fontStyle: currentCell.style?.fontStyle !== 'italic' ? 'italic' : 'normal'
28326
+ fontStyle: anyItalic ? 'normal' : 'italic'
28235
28327
  }
28236
28328
  };
28237
28329
  updatedData = set({
@@ -28428,23 +28520,36 @@ function applyUnderlineToCells(currentData, selectedRange, value, active) {
28428
28520
  end
28429
28521
  } = selectedRange;
28430
28522
  let updatedData = currentData;
28523
+ let anyUnderlined = false;
28431
28524
  for (let row = start.row; row <= end.row; row++) {
28432
28525
  for (let col = start.column; col <= end.column; col++) {
28433
28526
  const currentCell = get({
28434
28527
  row,
28435
28528
  column: col
28436
28529
  }, updatedData);
28437
- if (!currentCell) {
28438
- continue;
28530
+ if (!currentCell) continue;
28531
+ if (currentCell.style?.textDecoration === 'underline') {
28532
+ anyUnderlined = true;
28533
+ break;
28439
28534
  }
28535
+ }
28536
+ if (anyUnderlined) break;
28537
+ }
28538
+ for (let row = start.row; row <= end.row; row++) {
28539
+ for (let col = start.column; col <= end.column; col++) {
28540
+ const currentCell = get({
28541
+ row,
28542
+ column: col
28543
+ }, updatedData);
28544
+ if (!currentCell) continue;
28440
28545
  let updatedCell;
28441
- if (!active) {
28546
+ if (!active || anyUnderlined) {
28442
28547
  updatedCell = {
28443
28548
  ...currentCell,
28444
28549
  style: {
28445
28550
  ...currentCell.style,
28446
28551
  textDecoration: 'none',
28447
- textDecorationStyle: 'none'
28552
+ textDecorationStyle: 'solid'
28448
28553
  }
28449
28554
  };
28450
28555
  } else {
@@ -31106,14 +31211,14 @@ const Copied = () => {
31106
31211
  });
31107
31212
  };
31108
31213
 
31109
- 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}";
31110
- styleInject(css_248z$f);
31214
+ var css_248z$h = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
31215
+ styleInject(css_248z$h);
31111
31216
 
31112
- 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}";
31113
- styleInject(css_248z$e);
31217
+ var css_248z$g = ".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}";
31218
+ styleInject(css_248z$g);
31114
31219
 
31115
- 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}";
31116
- styleInject(css_248z$d);
31220
+ var css_248z$f = ".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}";
31221
+ styleInject(css_248z$f);
31117
31222
 
31118
31223
  const ColorBarSelector = ({
31119
31224
  getColorValue,
@@ -31145,9 +31250,109 @@ const ColorBarSelector = ({
31145
31250
  });
31146
31251
  };
31147
31252
 
31253
+ const getTextAlignment = alignment => {
31254
+ switch (alignment.toLowerCase()) {
31255
+ case 'left':
31256
+ return 'left';
31257
+ case 'right':
31258
+ return 'right';
31259
+ case 'center':
31260
+ return 'center';
31261
+ case 'justify':
31262
+ return 'justify';
31263
+ default:
31264
+ return 'left';
31265
+ }
31266
+ };
31267
+ const getTextDecoration = textDecoration => {
31268
+ if (!textDecoration) {
31269
+ return 'solid';
31270
+ }
31271
+ switch (textDecoration.toLowerCase()) {
31272
+ case 'solid':
31273
+ return 'solid';
31274
+ case 'dotted':
31275
+ return 'dotted';
31276
+ case 'dashed':
31277
+ return 'dashed';
31278
+ case 'wavy':
31279
+ return 'wavy';
31280
+ default:
31281
+ return 'solid';
31282
+ }
31283
+ };
31284
+ const getTextAlignmentBack = alignment => {
31285
+ switch (alignment) {
31286
+ case 'left':
31287
+ return 'left';
31288
+ case 'right':
31289
+ return 'right';
31290
+ case 'center':
31291
+ return 'center';
31292
+ case 'justify':
31293
+ return 'justify';
31294
+ default:
31295
+ return 'left';
31296
+ }
31297
+ };
31298
+ function convertStyleToFrontend(backendStyle) {
31299
+ return {
31300
+ fontSize: `${backendStyle.size}px`,
31301
+ fontFamily: backendStyle.name,
31302
+ color: `#${backendStyle.color}`,
31303
+ backgroundColor: `#${backendStyle.backgroundColor}`,
31304
+ fontWeight: backendStyle.bold ? 'bold' : 'normal',
31305
+ fontStyle: backendStyle.italic ? 'italic' : 'normal',
31306
+ textDecoration: backendStyle.underline ? 'underline' : 'value',
31307
+ textDecorationStyle: getTextDecoration(backendStyle.underline),
31308
+ borderTop: backendStyle.border.top === 'NONE' ? 'none' : `1px solid ${backendStyle.borderColor}`,
31309
+ borderRight: backendStyle.border.right === 'NONE' ? 'none' : `1px solid ${backendStyle.borderColor}`,
31310
+ borderBottom: backendStyle.border.bottom === 'NONE' ? 'none' : `1px solid ${backendStyle.borderColor}`,
31311
+ borderLeft: backendStyle.border.left === 'NONE' ? 'none' : `1px solid ${backendStyle.borderColor}`,
31312
+ textAlign: getTextAlignment(backendStyle.alignment.horizontal)
31313
+ };
31314
+ }
31315
+ const getBorderStyle = border => {
31316
+ if (!border || border === 'none') {
31317
+ return 'NONE';
31318
+ }
31319
+ if (border.includes('solid') || border.includes('dashed') || border.includes('dotted')) {
31320
+ if (border.includes('2px') || border.includes('thin')) {
31321
+ return 'THIN';
31322
+ } else if (border.includes('3px') || border.includes('medium')) {
31323
+ return 'MEDIUM';
31324
+ } else if (border.includes('4px') || border.includes('thick')) {
31325
+ return 'THICK';
31326
+ }
31327
+ }
31328
+ return 'THIN';
31329
+ };
31330
+ const convertStyleToBackend = frontendStyle => {
31331
+ return {
31332
+ name: frontendStyle.fontFamily || 'Arial',
31333
+ size: parseInt(frontendStyle.fontSize?.toString() || '11', 10),
31334
+ bold: frontendStyle.fontWeight === 'bold',
31335
+ italic: frontendStyle.fontStyle === 'italic',
31336
+ underline: "solid",
31337
+ color: frontendStyle.color?.replace('#', '') || '000000',
31338
+ backgroundColor: frontendStyle.backgroundColor?.replace('#', '') || 'FFFFFF',
31339
+ borderColor: frontendStyle.borderTop && frontendStyle.borderTop.toString().includes('solid') ? 'F2F2F2' : '000000',
31340
+ border: {
31341
+ top: getBorderStyle(frontendStyle.borderTop ? frontendStyle.borderTop.toString() : undefined),
31342
+ right: getBorderStyle(frontendStyle.borderRight ? frontendStyle.borderRight.toString() : undefined),
31343
+ bottom: getBorderStyle(frontendStyle.borderBottom ? frontendStyle.borderBottom.toString() : undefined),
31344
+ left: getBorderStyle(frontendStyle.borderLeft ? frontendStyle.borderLeft.toString() : undefined)
31345
+ },
31346
+ alignment: {
31347
+ horizontal: getTextAlignmentBack(frontendStyle.textAlign),
31348
+ vertical: 'BOTTOM',
31349
+ wrapText: false
31350
+ }
31351
+ };
31352
+ };
31353
+
31148
31354
  const ExcelToolBar = ({
31149
31355
  toolbar = 'show',
31150
- data,
31151
31356
  onBold,
31152
31357
  onItalic,
31153
31358
  setUnderlineType,
@@ -31159,6 +31364,27 @@ const ExcelToolBar = ({
31159
31364
  setBorderType,
31160
31365
  setFormatePainter
31161
31366
  }) => {
31367
+ const cell = useSelector(state => state.active ? get(state.active, state.model.data) : null);
31368
+ const data = useSelector(state => state.model.data);
31369
+ const formattedStyle = useSelector(state => state.formattedStyle.open);
31370
+ const [cellStyle, setCellStyle] = useState(cell?.style || {
31371
+ color: 'var(--text-color)',
31372
+ backgroundColor: 'var(--drawer-footer-bg)',
31373
+ borderColor: 'var(--toggle-strip-color)'
31374
+ });
31375
+ useEffect(() => {
31376
+ setCellStyle(cell?.style || {
31377
+ color: 'var(--text-color)',
31378
+ backgroundColor: 'var(--drawer-footer-bg)',
31379
+ borderColor: 'var(--toggle-strip-color)'
31380
+ });
31381
+ }, [cell]);
31382
+ useEffect(() => {
31383
+ if (cell?.style && JSON.stringify(cell.style) !== JSON.stringify(cellStyle)) {
31384
+ setCellStyle(cell.style);
31385
+ }
31386
+ }, [cell]);
31387
+ const styleBackend = convertStyleToBackend(cellStyle);
31162
31388
  const [border, setBorder] = useState('border-none');
31163
31389
  const [underLine, setUnderLine] = useState('underline');
31164
31390
  const [selectedFontFamily, setSelectedFontFamily] = useState({
@@ -31286,6 +31512,7 @@ const ExcelToolBar = ({
31286
31512
  children: jsx("div", {
31287
31513
  className: "ff-excel-toolbar-font-family",
31288
31514
  children: jsx(Select$1, {
31515
+ showLabel: false,
31289
31516
  onChange: e => {
31290
31517
  setSelectedFontFamily({
31291
31518
  label: e.label,
@@ -31295,7 +31522,6 @@ const ExcelToolBar = ({
31295
31522
  },
31296
31523
  required: false,
31297
31524
  optionsList: fontFamily,
31298
- label: "",
31299
31525
  selectedOption: selectedFontFamily
31300
31526
  })
31301
31527
  })
@@ -31305,8 +31531,8 @@ const ExcelToolBar = ({
31305
31531
  children: jsx("div", {
31306
31532
  className: "ff-excel-toolbar-font-size",
31307
31533
  children: jsx(Select$1, {
31534
+ showLabel: false,
31308
31535
  required: false,
31309
- label: "",
31310
31536
  onChange: e => setFontSize(data, e.value),
31311
31537
  optionsList: fontSize,
31312
31538
  selectedOption: {
@@ -31324,6 +31550,7 @@ const ExcelToolBar = ({
31324
31550
  placement: "top",
31325
31551
  title: 'Text Left',
31326
31552
  children: jsx(Icon, {
31553
+ variant: cellStyle.textAlign === 'left' ? 'dark' : 'light',
31327
31554
  hoverEffect: true,
31328
31555
  disabled: toolbar === 'disable',
31329
31556
  onClick: () => setTextAlign(data, 'left'),
@@ -31333,6 +31560,7 @@ const ExcelToolBar = ({
31333
31560
  placement: "top",
31334
31561
  title: 'Text Center',
31335
31562
  children: jsx(Icon, {
31563
+ variant: cellStyle.textAlign === 'center' ? 'dark' : 'light',
31336
31564
  hoverEffect: true,
31337
31565
  disabled: toolbar === 'disable',
31338
31566
  onClick: () => setTextAlign(data, 'center'),
@@ -31342,6 +31570,7 @@ const ExcelToolBar = ({
31342
31570
  placement: "top",
31343
31571
  title: 'Text Right',
31344
31572
  children: jsx(Icon, {
31573
+ variant: cellStyle.textAlign === 'right' ? 'dark' : 'light',
31345
31574
  hoverEffect: true,
31346
31575
  disabled: toolbar === 'disable',
31347
31576
  onClick: () => setTextAlign(data, 'right'),
@@ -31356,6 +31585,7 @@ const ExcelToolBar = ({
31356
31585
  placement: "top",
31357
31586
  title: 'Bold',
31358
31587
  children: jsx(Icon, {
31588
+ variant: styleBackend.bold ? 'dark' : 'light',
31359
31589
  hoverEffect: true,
31360
31590
  disabled: toolbar === 'disable',
31361
31591
  onClick: () => onBold(data),
@@ -31366,6 +31596,7 @@ const ExcelToolBar = ({
31366
31596
  title: 'Italic',
31367
31597
  children: jsx(Icon, {
31368
31598
  hoverEffect: true,
31599
+ variant: styleBackend.italic ? 'dark' : 'light',
31369
31600
  disabled: toolbar === 'disable',
31370
31601
  onClick: () => onItalic(data),
31371
31602
  name: "italic"
@@ -31376,6 +31607,7 @@ const ExcelToolBar = ({
31376
31607
  children: jsxs("div", {
31377
31608
  className: "ff-excel-toolbar-icon-underline",
31378
31609
  children: [jsx(Icon, {
31610
+ variant: cellStyle.textDecoration === underLine ? 'dark' : 'light',
31379
31611
  hoverEffect: true,
31380
31612
  disabled: toolbar === 'disable',
31381
31613
  onClick: () => setUnderlineType(data, underLine, true),
@@ -31402,6 +31634,7 @@ const ExcelToolBar = ({
31402
31634
  placement: "top",
31403
31635
  title: 'Format Painter',
31404
31636
  children: jsx(Icon, {
31637
+ variant: formattedStyle ? 'dark' : 'light',
31405
31638
  hoverEffect: true,
31406
31639
  disabled: toolbar === 'disable',
31407
31640
  onClick: () => {
@@ -31709,7 +31942,6 @@ const Spreadsheet = props => {
31709
31942
  const rootNode = React.useMemo(() => jsxs("div", {
31710
31943
  className: "ff-excel",
31711
31944
  children: [jsx(ExcelToolBar, {
31712
- data: props.data,
31713
31945
  onBold: onBold,
31714
31946
  onItalic: onItalic,
31715
31947
  setUnderlineType: setUnderlineType,
@@ -31734,11 +31966,11 @@ const Spreadsheet = props => {
31734
31966
  });
31735
31967
  };
31736
31968
 
31737
- 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}";
31738
- styleInject(css_248z$c);
31969
+ var css_248z$e = ".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: 60px;\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}";
31970
+ styleInject(css_248z$e);
31739
31971
 
31740
- 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}";
31741
- styleInject(css_248z$b);
31972
+ var css_248z$d = ".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}";
31973
+ styleInject(css_248z$d);
31742
31974
 
31743
31975
  const ExcelContextMenu = ({
31744
31976
  contextMenu
@@ -31767,107 +31999,6 @@ const ExcelContextMenu = ({
31767
31999
  });
31768
32000
  };
31769
32001
 
31770
- const getTextAlignment = alignment => {
31771
- switch (alignment.toLowerCase()) {
31772
- case 'left':
31773
- return 'left';
31774
- case 'right':
31775
- return 'right';
31776
- case 'center':
31777
- return 'center';
31778
- case 'justify':
31779
- return 'justify';
31780
- default:
31781
- return 'left';
31782
- }
31783
- };
31784
- const getTextDecoration = textDecoration => {
31785
- if (!textDecoration) {
31786
- return 'solid';
31787
- }
31788
- switch (textDecoration.toLowerCase()) {
31789
- case 'solid':
31790
- return 'solid';
31791
- case 'dotted':
31792
- return 'dotted';
31793
- case 'dashed':
31794
- return 'dashed';
31795
- case 'wavy':
31796
- return 'wavy';
31797
- default:
31798
- return 'solid';
31799
- }
31800
- };
31801
- const getTextAlignmentBack = alignment => {
31802
- switch (alignment) {
31803
- case 'left':
31804
- return 'left';
31805
- case 'right':
31806
- return 'right';
31807
- case 'center':
31808
- return 'center';
31809
- case 'justify':
31810
- return 'justify';
31811
- default:
31812
- return 'left';
31813
- }
31814
- };
31815
- function convertStyleToFrontend(backendStyle) {
31816
- return {
31817
- fontSize: `${backendStyle.size}px`,
31818
- fontFamily: backendStyle.name,
31819
- color: `#${backendStyle.color}`,
31820
- backgroundColor: `#${backendStyle.backgroundColor}`,
31821
- fontWeight: backendStyle.bold ? 'bold' : 'normal',
31822
- fontStyle: backendStyle.italic ? 'italic' : 'normal',
31823
- textDecoration: backendStyle.underline ? 'underline' : 'value',
31824
- textDecorationStyle: getTextDecoration(backendStyle.underline),
31825
- borderTop: backendStyle.border.top === 'NONE' ? 'none' : `1px solid ${backendStyle.borderColor}`,
31826
- borderRight: backendStyle.border.right === 'NONE' ? 'none' : `1px solid ${backendStyle.borderColor}`,
31827
- borderBottom: backendStyle.border.bottom === 'NONE' ? 'none' : `1px solid ${backendStyle.borderColor}`,
31828
- borderLeft: backendStyle.border.left === 'NONE' ? 'none' : `1px solid ${backendStyle.borderColor}`,
31829
- textAlign: getTextAlignment(backendStyle.alignment.horizontal)
31830
- };
31831
- }
31832
- const getBorderStyle = border => {
31833
- if (!border || border === 'none') {
31834
- return 'NONE';
31835
- }
31836
- if (border.includes('solid') || border.includes('dashed') || border.includes('dotted')) {
31837
- if (border.includes('2px') || border.includes('thin')) {
31838
- return 'THIN';
31839
- } else if (border.includes('3px') || border.includes('medium')) {
31840
- return 'MEDIUM';
31841
- } else if (border.includes('4px') || border.includes('thick')) {
31842
- return 'THICK';
31843
- }
31844
- }
31845
- return 'THIN';
31846
- };
31847
- const convertStyleToBackend = frontendStyle => {
31848
- return {
31849
- name: frontendStyle.fontFamily || 'Arial',
31850
- size: parseInt(frontendStyle.fontSize?.toString() || '11', 10),
31851
- bold: frontendStyle.fontWeight === 'bold',
31852
- italic: frontendStyle.fontStyle === 'italic',
31853
- underline: "solid",
31854
- color: frontendStyle.color?.replace('#', '') || '000000',
31855
- backgroundColor: frontendStyle.backgroundColor?.replace('#', '') || 'FFFFFF',
31856
- borderColor: frontendStyle.borderTop && frontendStyle.borderTop.toString().includes('solid') ? 'F2F2F2' : '000000',
31857
- border: {
31858
- top: getBorderStyle(frontendStyle.borderTop ? frontendStyle.borderTop.toString() : undefined),
31859
- right: getBorderStyle(frontendStyle.borderRight ? frontendStyle.borderRight.toString() : undefined),
31860
- bottom: getBorderStyle(frontendStyle.borderBottom ? frontendStyle.borderBottom.toString() : undefined),
31861
- left: getBorderStyle(frontendStyle.borderLeft ? frontendStyle.borderLeft.toString() : undefined)
31862
- },
31863
- alignment: {
31864
- horizontal: getTextAlignmentBack(frontendStyle.textAlign),
31865
- vertical: 'BOTTOM',
31866
- wrapText: false
31867
- }
31868
- };
31869
- };
31870
-
31871
32002
  const ExcelFile = ({
31872
32003
  excelData,
31873
32004
  onSave = saveData => {
@@ -31893,7 +32024,9 @@ const ExcelFile = ({
31893
32024
  style: {
31894
32025
  color: 'var(--text-color)',
31895
32026
  backgroundColor: 'var(--drawer-footer-bg)',
31896
- borderColor: 'var(--toggle-strip-color)'
32027
+ borderColor: 'var(--toggle-strip-color)',
32028
+ textDecoration: 'none',
32029
+ textDecorationStyle: 'solid'
31897
32030
  }
31898
32031
  };
31899
32032
  const [selectedSheet, setSelectedSheet] = useState({
@@ -31973,6 +32106,19 @@ const ExcelFile = ({
31973
32106
  setSelectedSheetData(newWorksheetsData[firstSheetName]);
31974
32107
  }
31975
32108
  }, []);
32109
+ const handleSave = React__default.useCallback(event => {
32110
+ if (event.ctrlKey && event.key === 's') {
32111
+ event.preventDefault();
32112
+ event.stopPropagation();
32113
+ onSaveWorksheetData();
32114
+ }
32115
+ }, [onSave]);
32116
+ React__default.useEffect(() => {
32117
+ document.addEventListener('keydown', handleSave);
32118
+ return () => {
32119
+ document.removeEventListener('keydown', handleSave);
32120
+ };
32121
+ }, [handleSave]);
31976
32122
  const onSaveWorksheetData = () => {
31977
32123
  const savedData = {
31978
32124
  sheets: sheetNames.map(sheetName => {
@@ -32263,8 +32409,8 @@ const ExcelFile = ({
32263
32409
  });
32264
32410
  };
32265
32411
 
32266
- 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}";
32267
- styleInject(css_248z$a);
32412
+ var css_248z$c = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
32413
+ styleInject(css_248z$c);
32268
32414
 
32269
32415
  const ModuleChip = ({
32270
32416
  label = '',
@@ -32290,8 +32436,8 @@ const ModuleChip = ({
32290
32436
  });
32291
32437
  };
32292
32438
 
32293
- 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}";
32294
- styleInject(css_248z$9);
32439
+ var css_248z$b = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
32440
+ styleInject(css_248z$b);
32295
32441
 
32296
32442
  // Function to generate SVG arc paths
32297
32443
  const calculateArc$1 = ({
@@ -32403,7 +32549,10 @@ const IconRadialChart = ({
32403
32549
  d: backgroundArcPath,
32404
32550
  fill: "none",
32405
32551
  stroke: backgroundArcColor,
32406
- strokeWidth: lineWidth
32552
+ strokeWidth: lineWidth,
32553
+ onMouseEnter: handleMouseEnter,
32554
+ onMouseLeave: handleMouseLeave,
32555
+ onMouseMove: handleMouseMove
32407
32556
  }), jsx("path", {
32408
32557
  d: foregroundArcPath,
32409
32558
  fill: "none",
@@ -32436,8 +32585,8 @@ const IconRadialChart = ({
32436
32585
  });
32437
32586
  };
32438
32587
 
32439
- 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}";
32440
- styleInject(css_248z$8);
32588
+ var css_248z$a = ".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}";
32589
+ styleInject(css_248z$a);
32441
32590
 
32442
32591
  const AttachImage = ({
32443
32592
  imageSrc,
@@ -32501,8 +32650,8 @@ const AttachImage = ({
32501
32650
  });
32502
32651
  };
32503
32652
 
32504
- 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}";
32505
- styleInject(css_248z$7);
32653
+ var css_248z$9 = ".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}";
32654
+ styleInject(css_248z$9);
32506
32655
 
32507
32656
  const StatusCard = ({
32508
32657
  icon,
@@ -32551,8 +32700,8 @@ const StatusCard = ({
32551
32700
  });
32552
32701
  };
32553
32702
 
32554
- 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}";
32555
- styleInject(css_248z$6);
32703
+ var css_248z$8 = ".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}";
32704
+ styleInject(css_248z$8);
32556
32705
 
32557
32706
  const VariableDropdown = ({
32558
32707
  optionsList = [],
@@ -32584,8 +32733,8 @@ const VariableDropdown = ({
32584
32733
  });
32585
32734
  };
32586
32735
 
32587
- 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}";
32588
- styleInject(css_248z$5);
32736
+ var css_248z$7 = ".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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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 display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n.ff-line-chart-text .smooth-dot {\n transition: cx 0.2s ease, cy 0.2s ease;\n}\n\n.ff-line-chart-yAxisLabel {\n display: flex;\n white-space: nowrap;\n transform: rotate(270deg) translateX(60px);\n transform-origin: right center;\n}\n\n.ff-line-chart-svg {\n width: inherit;\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}";
32737
+ styleInject(css_248z$7);
32589
32738
 
32590
32739
  const LineChart = ({
32591
32740
  data,
@@ -32696,128 +32845,136 @@ const LineChart = ({
32696
32845
  const xTickInterval = Math.floor(data[0].data.length / 4);
32697
32846
  return jsxs("div", {
32698
32847
  className: "ff-line-chart-text",
32699
- children: [jsx(Typography, {
32700
- className: "ff-line-chart-text1",
32701
- fontSize: textSize,
32702
- fontWeight: "semi-bold",
32703
- children: yAxisLabel
32704
- }), jsx("svg", {
32705
- width: width,
32706
- height: height,
32707
- onMouseMove: handleMouseMove,
32708
- onMouseLeave: handleMouseLeave,
32709
- children: jsxs("g", {
32710
- transform: `translate(${margin}, ${margin})`,
32711
- children: [jsx("line", {
32712
- x1: 0,
32713
- y1: 0,
32714
- x2: 0,
32715
- y2: yMax,
32716
- strokeWidth: 2
32717
- }), jsx("line", {
32718
- x1: 0,
32719
- y1: yMax,
32720
- x2: xMax,
32721
- y2: yMax,
32722
- stroke: xAxisColor,
32723
- strokeWidth: 1
32724
- }), jsx("text", {
32725
- x: xMax / 2.1,
32726
- y: yMax + margin / 1.2,
32727
- textAnchor: "middle",
32728
- fill: yAxisLabelColor,
32729
- className: "ff-line-chart-x-axis-label",
32730
- style: {
32731
- fontSize: textSize,
32732
- fontWeight: fontWeight
32733
- },
32734
- children: xAxisLabel
32735
- }), data.map((line, index) => line.show !== false ? jsxs("g", {
32736
- children: [jsx("path", {
32737
- d: generateLinePath(line.data),
32738
- fill: "none",
32739
- stroke: line.color,
32740
- strokeWidth: lineChartWidth
32741
- }), hoverState.dotPositions[index] && jsxs(Fragment, {
32742
- children: [jsx("line", {
32743
- x1: hoverState.dotPositions[index].x,
32744
- y1: 0,
32745
- x2: hoverState.dotPositions[index].x,
32746
- y2: yMax,
32747
- stroke: "gray",
32748
- strokeWidth: 0.5,
32749
- strokeDasharray: "4"
32750
- }), jsx("circle", {
32751
- cx: hoverState.dotPositions[index].x,
32752
- cy: hoverState.dotPositions[index].y,
32753
- r: 5,
32754
- fill: "white",
32848
+ style: {
32849
+ width: width
32850
+ },
32851
+ children: [jsxs("div", {
32852
+ children: [' ', jsx(Typography, {
32853
+ className: "ff-line-chart-yAxisLabel",
32854
+ fontSize: textSize,
32855
+ fontWeight: "semi-bold",
32856
+ children: yAxisLabel
32857
+ })]
32858
+ }), jsxs("div", {
32859
+ className: "ff-line-chart-svg",
32860
+ children: [' ', jsx("svg", {
32861
+ height: height,
32862
+ onMouseMove: handleMouseMove,
32863
+ onMouseLeave: handleMouseLeave,
32864
+ className: "ff-line-chart-svg",
32865
+ children: jsxs("g", {
32866
+ transform: `translate(${margin}, ${margin})`,
32867
+ children: [jsx("line", {
32868
+ x1: 0,
32869
+ y1: 0,
32870
+ x2: 0,
32871
+ y2: yMax,
32872
+ strokeWidth: 2
32873
+ }), jsx("line", {
32874
+ x1: 0,
32875
+ y1: yMax,
32876
+ x2: xMax,
32877
+ y2: yMax,
32878
+ stroke: xAxisColor,
32879
+ strokeWidth: 1
32880
+ }), jsx("text", {
32881
+ x: xMax / 2.1,
32882
+ y: yMax + margin / 1.2,
32883
+ textAnchor: "middle",
32884
+ fill: yAxisLabelColor,
32885
+ className: "ff-line-chart-x-axis-label",
32886
+ style: {
32887
+ fontSize: textSize,
32888
+ fontWeight: fontWeight
32889
+ },
32890
+ children: xAxisLabel
32891
+ }), data.map((line, index) => line.show !== false ? jsxs("g", {
32892
+ children: [jsx("path", {
32893
+ d: generateLinePath(line.data),
32894
+ fill: "none",
32755
32895
  stroke: line.color,
32756
- strokeWidth: lineChartWidth,
32757
- style: {
32758
- transition: 'cx 0.1s, cy 0.1s'
32759
- }
32760
- }), jsx("line", {
32761
- x1: 0,
32762
- y1: hoverState.dotPositions[index].y,
32763
- x2: xMax,
32764
- y2: hoverState.dotPositions[index].y,
32765
- stroke: "gray",
32766
- strokeWidth: 0.5,
32767
- strokeDasharray: "4"
32896
+ strokeWidth: lineChartWidth
32897
+ }), hoverState.dotPositions[index] && jsxs(Fragment, {
32898
+ children: [jsx("line", {
32899
+ x1: hoverState.dotPositions[index].x,
32900
+ y1: 0,
32901
+ x2: hoverState.dotPositions[index].x,
32902
+ y2: yMax,
32903
+ stroke: "gray",
32904
+ strokeWidth: 0.5,
32905
+ strokeDasharray: "4"
32906
+ }), jsx("circle", {
32907
+ cx: hoverState.dotPositions[index].x,
32908
+ cy: hoverState.dotPositions[index].y,
32909
+ r: 5,
32910
+ fill: "white",
32911
+ stroke: line.color,
32912
+ strokeWidth: lineChartWidth,
32913
+ style: {
32914
+ transition: 'cx 0.1s, cy 0.1s'
32915
+ }
32916
+ }), jsx("line", {
32917
+ x1: 0,
32918
+ y1: hoverState.dotPositions[index].y,
32919
+ x2: xMax,
32920
+ y2: hoverState.dotPositions[index].y,
32921
+ stroke: "gray",
32922
+ strokeWidth: 0.5,
32923
+ strokeDasharray: "4"
32924
+ })]
32768
32925
  })]
32769
- })]
32770
- }, index) : null), data[0].data.filter((_, index) => index % xTickInterval === 0).map(point => jsx("text", {
32771
- x: xScale(point[xKey]),
32772
- y: yMax + 15,
32773
- textAnchor: "middle",
32774
- fill: yAxisColor,
32775
- className: "ff--line-chart-x-line-data",
32776
- style: {
32777
- fontSize: numberSize
32778
- },
32779
- children: point[xKey] != null ? String(point[xKey]) : ''
32780
- }, String(point[xKey]))), Array.from({
32781
- length: 6
32782
- }).map((_, i) => {
32783
- const yValueInGB = i * 0.2;
32784
- return jsx("text", {
32785
- x: -15,
32786
- y: yScale(yValueInGB * 1024),
32926
+ }, index) : null), data[0].data.filter((_, index) => index % xTickInterval === 0).map(point => jsx("text", {
32927
+ x: xScale(point[xKey]),
32928
+ y: yMax + 15,
32787
32929
  textAnchor: "middle",
32788
- fill: yAxisValueColor,
32789
- className: "ff-line-chart-y-axis-text",
32930
+ fill: yAxisColor,
32931
+ className: "ff--line-chart-x-line-data",
32790
32932
  style: {
32791
32933
  fontSize: numberSize
32792
32934
  },
32793
- children: yValueInGB.toFixed(1)
32794
- }, yValueInGB);
32795
- })]
32796
- })
32797
- }), hoverState.tooltip.visible && jsxs("div", {
32798
- className: "ff-line-chart-tooltip",
32799
- style: {
32800
- left: hoverState.tooltip.left,
32801
- top: hoverState.tooltip.top
32802
- },
32803
- children: [jsx("div", {
32804
- className: "ff-line-chart-date",
32805
- children: hoverState.currentXValue
32806
- }), Object.entries(hoverState.hoverValues).map(([index, value]) => data[Number(index)]?.show !== false && jsxs("div", {
32807
- className: "ff-line-chart-inner-tooltip",
32808
- children: [data[Number(index)]?.name !== 'default' && jsx("div", {
32809
- className: "ff-line-chart-status-dot",
32810
- style: {
32811
- backgroundColor: data[Number(index)]?.color
32812
- }
32813
- }), data[Number(index)]?.name, ": ", value]
32814
- }, index))]
32935
+ children: point[xKey] != null ? String(point[xKey]) : ''
32936
+ }, String(point[xKey]))), Array.from({
32937
+ length: 6
32938
+ }).map((_, i) => {
32939
+ const yValueInGB = i * 0.2;
32940
+ return jsx("text", {
32941
+ x: -15,
32942
+ y: yScale(yValueInGB * 1024),
32943
+ textAnchor: "middle",
32944
+ fill: yAxisValueColor,
32945
+ className: "ff-line-chart-y-axis-text",
32946
+ style: {
32947
+ fontSize: numberSize
32948
+ },
32949
+ children: yValueInGB.toFixed(1)
32950
+ }, yValueInGB);
32951
+ })]
32952
+ })
32953
+ }), hoverState.tooltip.visible && jsxs("div", {
32954
+ className: "ff-line-chart-tooltip",
32955
+ style: {
32956
+ left: hoverState.tooltip.left,
32957
+ top: hoverState.tooltip.top
32958
+ },
32959
+ children: [jsx("div", {
32960
+ className: "ff-line-chart-date",
32961
+ children: hoverState.currentXValue
32962
+ }), Object.entries(hoverState.hoverValues).map(([index, value]) => data[Number(index)]?.show !== false && jsxs("div", {
32963
+ className: "ff-line-chart-inner-tooltip",
32964
+ children: [data[Number(index)]?.name !== 'default' && jsx("div", {
32965
+ className: "ff-line-chart-status-dot",
32966
+ style: {
32967
+ backgroundColor: data[Number(index)]?.color
32968
+ }
32969
+ }), data[Number(index)]?.name, ": ", value]
32970
+ }, index))]
32971
+ })]
32815
32972
  })]
32816
32973
  });
32817
32974
  };
32818
32975
 
32819
- 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}";
32820
- styleInject(css_248z$4);
32976
+ var css_248z$6 = ":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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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}";
32977
+ styleInject(css_248z$6);
32821
32978
 
32822
32979
  const DownloadClient = ({
32823
32980
  onClose,
@@ -32914,6 +33071,39 @@ const DownloadClient = ({
32914
33071
  });
32915
33072
  };
32916
33073
 
33074
+ var css_248z$5 = ".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}";
33075
+ styleInject(css_248z$5);
33076
+
33077
+ const FieldSet = ({
33078
+ legendName,
33079
+ height,
33080
+ width,
33081
+ children
33082
+ }) => {
33083
+ return jsx("div", {
33084
+ className: "ff_fieldSet_container",
33085
+ children: jsxs("fieldset", {
33086
+ className: "ff_fieldSet",
33087
+ style: {
33088
+ height,
33089
+ width
33090
+ },
33091
+ children: [jsx("legend", {
33092
+ className: "ff_legend_container",
33093
+ children: jsx(Typography, {
33094
+ color: "var(--license_header_text_color)",
33095
+ fontSize: 8,
33096
+ lineHeight: "12px",
33097
+ children: legendName
33098
+ })
33099
+ }), jsx("div", {
33100
+ className: "ff_children_container",
33101
+ children: children
33102
+ })]
33103
+ })
33104
+ });
33105
+ };
33106
+
32917
33107
  function findAndInsert(data, key, targetId, newEntry, insertPosition, childrenKey = 'children' // Allow dynamic key for nested children
32918
33108
  ) {
32919
33109
  function recursiveSearch(items) {
@@ -38261,8 +38451,8 @@ const throttle = (func, limit) => {
38261
38451
  return throttled;
38262
38452
  };
38263
38453
 
38264
- var css_248z$3 = ".fontXs, .ff-bar-chart-container .ff-bar-chart-labels, .ff-bar-chart-container .ff-bar-chart-tooltip {\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-bar-chart-container {\n margin-top: 40px;\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n}\n.ff-bar-chart-container .ff-bar-chart-border {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ff-bar-chart-container .ff-bar-chart-icon {\n position: absolute;\n pointer-events: none;\n width: 24px;\n height: 24px;\n}\n.ff-bar-chart-container .ff-bar-chart-icon-wrapper {\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ff-bar-chart-container .ff-bar-chart-labels {\n font-weight: 400;\n color: var(--drawer-title-color);\n}\n.ff-bar-chart-container .ff-bar-chart-tooltip {\n position: absolute;\n padding: 5px 10px;\n background-color: var(--file-details-bg);\n color: var(--status-skipped-text-color);\n border-radius: 4px;\n pointer-events: none;\n font-weight: 600;\n}\n.ff-bar-chart-container .ff-bar-chart-legend {\n margin-top: 10px;\n display: grid;\n gap: 0.5rem;\n grid-row-gap: 2;\n grid-template-columns: repeat(3, 1fr);\n grid-template-rows: auto;\n}\n.ff-bar-chart-container .ff-bar-chart-legend .ff-bar-chart-legend-item {\n display: flex;\n align-items: center;\n}\n.ff-bar-chart-container .ff-bar-chart-legend .ff-bar-chart-legend-item .ff-bar-chart-legend-item-circle {\n display: inline-block;\n width: 12px;\n height: 12px;\n margin-right: 5px;\n border-radius: 50%;\n}\n.ff-bar-chart-container .ff-bar-chart-legend .ff-legend-label {\n margin-left: 5px;\n}";
38265
- styleInject(css_248z$3);
38454
+ var css_248z$4 = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-bar-chart-container .ff-bar-chart-labels, .ff-bar-chart-container .ff-bar-chart-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-20 {\n font-family: \"Poppins\";\n font-size: 20px;\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-bar-chart-container {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-bar-chart-container .ff-legend-container {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n padding-right: 10px;\n}\n.ff-bar-chart-container .ff-legend-container .ff-bar-chart-legend {\n width: 290px;\n margin-top: 10px;\n display: flex;\n justify-content: flex-end;\n gap: 10px;\n}\n.ff-bar-chart-container .ff-legend-container .ff-bar-chart-legend .ff-bar-chart-legend-item {\n display: flex;\n align-items: center;\n}\n.ff-bar-chart-container .ff-legend-container .ff-bar-chart-legend .ff-bar-chart-legend-item .ff-bar-chart-legend-item-circle {\n display: inline-block;\n width: 12px;\n height: 12px;\n margin-right: 5px;\n border-radius: 50%;\n}\n.ff-bar-chart-container .ff-legend-container .ff-bar-chart-legend .ff-legend-label {\n margin-left: 5px;\n}\n.ff-bar-chart-container .ff-bar-chart-icon {\n position: absolute;\n pointer-events: none;\n width: 24px;\n height: 24px;\n}\n.ff-bar-chart-container .ff-bar-chart-icon-wrapper {\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.ff-bar-chart-container .ff-bar-chart-labels {\n font-weight: 400;\n color: var(--text-color);\n}\n.ff-bar-chart-container .ff-bar-chart-tooltip {\n position: absolute;\n padding: 5px 10px;\n background-color: var(--tooltip-bg-color);\n color: var(--primary-icon-color);\n border-radius: 4px;\n pointer-events: none;\n font-weight: 600;\n}";
38455
+ styleInject(css_248z$4);
38266
38456
 
38267
38457
  const BarChart = ({
38268
38458
  data,
@@ -38279,7 +38469,7 @@ const BarChart = ({
38279
38469
  showXAxisLabels = true,
38280
38470
  icons = [],
38281
38471
  iconSize,
38282
- backgroundColor = 'transparent'
38472
+ legendPosition = 'bottom'
38283
38473
  }) => {
38284
38474
  const [tooltip, setTooltip] = useState({
38285
38475
  visible: false,
@@ -38291,7 +38481,8 @@ const BarChart = ({
38291
38481
  const maxValue = Math.max(...data.map(item => item.value));
38292
38482
  const topPadding = 40;
38293
38483
  const leftPadding = 40;
38294
- const chartWidth = data.length * (barWidth + barGap) + padding * 2 + leftPadding;
38484
+ const totalBarWidth = data.length * barWidth + (data.length - 1) * barGap;
38485
+ const chartWidth = totalBarWidth + leftPadding * 2;
38295
38486
  const renderGradients = gradients => {
38296
38487
  return gradients.map((gradient, index) => jsx("defs", {
38297
38488
  children: jsx("linearGradient", {
@@ -38339,17 +38530,34 @@ const BarChart = ({
38339
38530
  return jsxs("div", {
38340
38531
  className: "ff-bar-chart-container",
38341
38532
  style: {
38342
- display: 'flex',
38343
- justifyContent: 'center',
38344
- position: 'relative',
38345
- backgroundColor
38533
+ width: chartWidth,
38534
+ height
38346
38535
  },
38347
- children: [jsx("div", {
38348
- className: "ff-bar-chart-border",
38349
- style: {
38350
- width: chartWidth,
38351
- height
38352
- },
38536
+ children: [legend && legendPosition === 'top' && jsx("div", {
38537
+ className: "ff-legend-container",
38538
+ children: jsx("div", {
38539
+ className: "ff-bar-chart-legend",
38540
+ children: data.map((item, index) => jsxs("div", {
38541
+ className: "ff-bar-chart-legend-item",
38542
+ children: [icons[index] && typeof icons[index] === 'string' ? jsx(Icon, {
38543
+ name: String(icons[index]),
38544
+ width: iconSize,
38545
+ height: iconSize
38546
+ }) : jsx("span", {
38547
+ className: "ff-bar-chart-legend-item-circle",
38548
+ style: {
38549
+ backgroundColor: colors[index % colors.length]?.[0] || 'grey'
38550
+ }
38551
+ }), jsx(Typography, {
38552
+ as: "div",
38553
+ fontSize: 10,
38554
+ fontWeight: "regular",
38555
+ className: "ff-legend-label",
38556
+ children: item.label
38557
+ })]
38558
+ }, item.label))
38559
+ })
38560
+ }), jsx("div", {
38353
38561
  children: jsxs("svg", {
38354
38562
  width: chartWidth,
38355
38563
  height: height + topPadding + 40,
@@ -38380,7 +38588,7 @@ const BarChart = ({
38380
38588
  y: String(iconY),
38381
38589
  width: iconWidth,
38382
38590
  height: iconWidth,
38383
- chartIcon: typeof icons[index] === 'string' && icons[index].length ? true : false
38591
+ chartIcon: true
38384
38592
  }), jsx("rect", {
38385
38593
  x: barX,
38386
38594
  y: barY,
@@ -38402,9 +38610,9 @@ const BarChart = ({
38402
38610
  })]
38403
38611
  }, index);
38404
38612
  }), jsx("line", {
38405
- x1: 55,
38613
+ x1: 60,
38406
38614
  y1: height + topPadding,
38407
- x2: chartWidth - 50,
38615
+ x2: chartWidth,
38408
38616
  y2: height + topPadding,
38409
38617
  stroke: "#D9D9D9",
38410
38618
  strokeWidth: "1"
@@ -38427,41 +38635,43 @@ const BarChart = ({
38427
38635
  children: yAxisLabel
38428
38636
  })]
38429
38637
  })
38638
+ }), legend && legendPosition === 'bottom' && jsx("div", {
38639
+ className: "ff-legend-container",
38640
+ children: jsx("div", {
38641
+ className: "ff-bar-chart-legend",
38642
+ children: data.map((item, index) => jsxs("div", {
38643
+ className: "ff-bar-chart-legend-item",
38644
+ children: [icons[index] && typeof icons[index] === 'string' ? jsx(Icon, {
38645
+ name: String(icons[index]),
38646
+ width: iconSize,
38647
+ height: iconSize
38648
+ }) : jsx("span", {
38649
+ className: "ff-bar-chart-legend-item-circle",
38650
+ style: {
38651
+ backgroundColor: colors[index % colors.length]?.[0] || 'grey'
38652
+ }
38653
+ }), jsx(Typography, {
38654
+ as: "div",
38655
+ fontSize: 10,
38656
+ fontWeight: "regular",
38657
+ className: "ff-legend-label",
38658
+ children: item.label
38659
+ })]
38660
+ }, item.label))
38661
+ })
38430
38662
  }), tooltip.visible && jsx("div", {
38431
38663
  className: "ff-bar-chart-tooltip",
38432
38664
  style: {
38433
- top: tooltip.y - 45,
38434
- left: tooltip.x,
38435
- border: `1px solid ${tooltip.borderColor}`
38665
+ top: tooltip.y - 20,
38666
+ left: tooltip.x + 10
38436
38667
  },
38437
38668
  children: tooltip.content
38438
- }), legend && jsx("div", {
38439
- className: "ff-bar-chart-legend",
38440
- children: data.map((item, index) => jsxs("div", {
38441
- className: "ff-bar-chart-legend-item",
38442
- children: [icons[index] && typeof icons[index] === 'string' ? jsx(Icon, {
38443
- name: String(icons[index]),
38444
- width: iconSize,
38445
- height: iconSize
38446
- }) : jsx("span", {
38447
- className: "ff-bar-chart-legend-item-circle",
38448
- style: {
38449
- backgroundColor: colors[index % colors.length]?.[0] || 'grey'
38450
- }
38451
- }), jsx(Typography, {
38452
- as: "div",
38453
- fontSize: 10,
38454
- fontWeight: "regular",
38455
- className: "ff-legend-label",
38456
- children: item.label
38457
- })]
38458
- }, item.label))
38459
38669
  })]
38460
38670
  });
38461
38671
  };
38462
38672
 
38463
- var css_248z$2 = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-multi-radial-chart-container .ff-center-text {\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-multi-radial-chart-container {\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.ff-multi-radial-chart-container.ff-multi-radial-chart-number {\n flex-direction: column;\n}\n.ff-multi-radial-chart-container.ff-multi-radial-chart-pill {\n flex-direction: row;\n}\n.ff-multi-radial-chart-container .ff-center-text {\n color: var(--drawer-title-color);\n font-weight: 600;\n}\n.ff-multi-radial-chart-container .ff-legend-container {\n display: grid;\n gap: 10px;\n}\n.ff-multi-radial-chart-container .ff-legend-container.ff-number-legend {\n grid-template-columns: repeat(3, 1fr);\n margin-top: 21px;\n}\n.ff-multi-radial-chart-container .ff-legend-container.ff-number-legend .ff-legend-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-multi-radial-chart-container .ff-legend-container.ff-pill-legend {\n grid-template-columns: auto;\n display: flex;\n flex-direction: column;\n gap: 15px;\n justify-content: center;\n margin-left: 8px;\n}\n.ff-multi-radial-chart-container .ff-legend-container.ff-pill-legend .ff-legend-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.ff-multi-radial-chart-container .ff-legend-container.ff-pill-legend .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-multi-radial-chart-container .ff-legend-container.ff-pill-legend .ff-legend-item .ff-legend-key {\n margin-left: 8px;\n}";
38464
- styleInject(css_248z$2);
38673
+ var css_248z$3 = ".fontXs {\n font-family: \"Poppins\";\n font-size: 10px;\n}\n\n.fontSm, .ff-multi-radial-chart-container .ff-center-text, .ff-multi-radial-chart-container .ff-center-text-tooltip, .ff-multi-radial-chart-container .ff-multi-radial-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-20, .ff-multi-radial-chart-container .ff-center-first-text {\n font-family: \"Poppins\";\n font-size: 20px;\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-multi-radial-chart-container {\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.ff-multi-radial-chart-container.ff-multi-radial-chart-number {\n flex-direction: column;\n}\n.ff-multi-radial-chart-container.ff-multi-radial-chart-pill {\n flex-direction: row;\n}\n.ff-multi-radial-chart-container .ff-center-first-text {\n color: var(--text-color);\n font-weight: 600;\n}\n.ff-multi-radial-chart-container .ff-center-text {\n color: var(--text-color);\n font-weight: 400;\n}\n.ff-multi-radial-chart-container .ff-center-text-tooltip {\n font-weight: 600;\n}\n.ff-multi-radial-chart-container .ff-multi-radial-tooltip {\n position: absolute;\n font-weight: 400;\n background-color: var(--tooltip-bg-color);\n color: var(--primary-icon-color);\n padding: 5px 10px;\n border-radius: 4px;\n pointer-events: none;\n z-index: 1000;\n}\n.ff-multi-radial-chart-container .ff-legend-container {\n display: grid;\n gap: 10px;\n}\n.ff-multi-radial-chart-container .ff-legend-container.ff-number-legend {\n grid-template-columns: repeat(3, 1fr);\n margin-top: 21px;\n}\n.ff-multi-radial-chart-container .ff-legend-container.ff-number-legend .ff-legend-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.ff-multi-radial-chart-container .ff-legend-container.ff-pill-legend {\n grid-template-columns: auto;\n display: flex;\n flex-direction: column;\n gap: 15px;\n justify-content: center;\n margin-left: 8px;\n}\n.ff-multi-radial-chart-container .ff-legend-container.ff-pill-legend .ff-legend-item {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n.ff-multi-radial-chart-container .ff-legend-container.ff-pill-legend .ff-legend-item .ff-legend-capsule {\n background-color: var(--status-success-text-color);\n color: var(--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-multi-radial-chart-container .ff-legend-container.ff-pill-legend .ff-legend-item .ff-legend-key {\n margin-left: 8px;\n color: var(--text-color);\n}";
38674
+ styleInject(css_248z$3);
38465
38675
 
38466
38676
  const calculateArc = (centerX, centerY, radius, startAngle, endAngle) => {
38467
38677
  const startX = centerX + radius * Math.cos(startAngle);
@@ -38483,7 +38693,12 @@ const MultiRadialChart = ({
38483
38693
  legendType = 'numberLegend',
38484
38694
  isLegendDetails = true
38485
38695
  }) => {
38486
- const [hoveredIndex, setHoveredIndex] = useState(null);
38696
+ const [tooltip, setTooltip] = useState({
38697
+ visible: false,
38698
+ x: 0,
38699
+ y: 0,
38700
+ content: ''
38701
+ });
38487
38702
  const totalBarValue = barValues.reduce((acc, status) => acc + status.value, 0);
38488
38703
  const baseRadius = radius;
38489
38704
  const radiusIncrement = lineWidth + 10;
@@ -38507,6 +38722,7 @@ const MultiRadialChart = ({
38507
38722
  }), jsx(Typography, {
38508
38723
  fontSize: 10,
38509
38724
  className: "ff-legend-key",
38725
+ color: " var(--text-color)",
38510
38726
  children: item.label
38511
38727
  })]
38512
38728
  }, index))
@@ -38527,6 +38743,7 @@ const MultiRadialChart = ({
38527
38743
  })
38528
38744
  }), jsx(Typography, {
38529
38745
  className: "ff-legend-key",
38746
+ color: " var(--text-color)",
38530
38747
  children: item.label
38531
38748
  })]
38532
38749
  }, index))
@@ -38535,15 +38752,55 @@ const MultiRadialChart = ({
38535
38752
  return null;
38536
38753
  }
38537
38754
  };
38755
+ const handleMouseEnter = (e, content) => {
38756
+ const {
38757
+ clientX,
38758
+ clientY
38759
+ } = e;
38760
+ setTooltip({
38761
+ visible: true,
38762
+ x: clientX,
38763
+ y: clientY,
38764
+ content: content
38765
+ });
38766
+ };
38767
+ const handleMouseMove = e => {
38768
+ const {
38769
+ clientX,
38770
+ clientY
38771
+ } = e;
38772
+ setTooltip(prev => ({
38773
+ ...prev,
38774
+ x: clientX,
38775
+ y: clientY
38776
+ }));
38777
+ };
38778
+ const handleMouseLeave = () => {
38779
+ setTooltip({
38780
+ visible: false,
38781
+ x: 0,
38782
+ y: 0,
38783
+ content: ''
38784
+ });
38785
+ };
38786
+ const textData = (text, maxLength) => {
38787
+ return text.length > maxLength ? text.slice(0, maxLength) + '...' : text;
38788
+ };
38789
+ const getArcColorFromTooltip = () => {
38790
+ if (!tooltip.visible) return '';
38791
+ const value = tooltip.content.split(':')[1]?.trim();
38792
+ const matchingBar = barValues.find(val => `${val.value}` === value);
38793
+ return matchingBar?.arcColor || '';
38794
+ };
38538
38795
  return jsxs("div", {
38539
38796
  className: `ff-multi-radial-chart-container ${legendType === 'numberLegend' ? 'ff-multi-radial-chart-number' : 'ff-multi-radial-chart-pill'}`,
38540
- children: [jsx("div", {
38797
+ children: [jsxs("div", {
38541
38798
  className: "relative",
38542
38799
  style: {
38543
38800
  width: svgSize,
38544
38801
  height: svgSize
38545
38802
  },
38546
- children: jsx("svg", {
38803
+ children: [jsx("svg", {
38547
38804
  width: svgSize,
38548
38805
  height: svgSize,
38549
38806
  viewBox: `0 0 ${svgSize} ${svgSize}`,
@@ -38576,8 +38833,9 @@ const MultiRadialChart = ({
38576
38833
  stroke: values.arcColor,
38577
38834
  strokeWidth: lineWidth,
38578
38835
  strokeLinecap: lineCap === 'square' ? 'butt' : 'round',
38579
- onMouseEnter: () => setHoveredIndex(originalIndex),
38580
- onMouseLeave: () => setHoveredIndex(null),
38836
+ onMouseEnter: e => handleMouseEnter(e, `${values.barLabel || 'Data'}: ${values.value}`),
38837
+ onMouseMove: handleMouseMove,
38838
+ onMouseLeave: handleMouseLeave,
38581
38839
  style: {
38582
38840
  pointerEvents: 'stroke'
38583
38841
  }
@@ -38586,33 +38844,61 @@ const MultiRadialChart = ({
38586
38844
  }), jsx("text", {
38587
38845
  x: "0",
38588
38846
  y: "-20",
38589
- fill: hoveredIndex !== null ? barValues[hoveredIndex]?.arcColor : '',
38847
+ fill: getArcColorFromTooltip(),
38590
38848
  textAnchor: "middle",
38591
38849
  dominantBaseline: "central",
38592
- children: hoveredIndex !== null ? jsxs(Fragment, {
38850
+ children: tooltip.visible ? jsxs(Fragment, {
38593
38851
  children: [jsx("tspan", {
38594
38852
  x: "0",
38595
- dy: 0,
38596
- className: "ff-center-text",
38597
- children: barValues[hoveredIndex]?.value
38853
+ dy: 10,
38854
+ className: "ff-center-text-tooltip",
38855
+ children: textData(tooltip.content.split(':')[1]?.trim() || '', 5)
38598
38856
  }), jsx("tspan", {
38599
38857
  x: "0",
38600
38858
  dy: 18,
38601
- className: "ff-center-text",
38602
- children: barValues[hoveredIndex]?.barLabel
38859
+ className: "ff-center-text-tooltip",
38860
+ children: textData(tooltip.content.split(':')[0] ?? '', 8)
38603
38861
  })]
38604
- }) : labelLines.map((line, index) => jsx("tspan", {
38605
- x: "0",
38606
- dy: index === 0 ? 0 : 18,
38607
- className: "ff-center-text",
38608
- children: line
38609
- }, index))
38862
+ }) : jsx(Fragment, {
38863
+ children: labelLines.map((line, index) => {
38864
+ if (index === 0) {
38865
+ const [firstWord, ...restWords] = line.split(' ');
38866
+ return jsxs("tspan", {
38867
+ children: [jsx("tspan", {
38868
+ x: "0",
38869
+ dy: "0",
38870
+ className: "ff-center-first-text",
38871
+ children: firstWord
38872
+ }), jsx("tspan", {
38873
+ x: "0",
38874
+ dy: 18,
38875
+ className: "ff-center-text",
38876
+ children: restWords.join(' ')
38877
+ })]
38878
+ }, index);
38879
+ }
38880
+ return jsx("tspan", {
38881
+ x: "0",
38882
+ dy: index === 0 ? 0 : 18,
38883
+ className: "ff-center-text",
38884
+ children: line
38885
+ }, index);
38886
+ })
38887
+ })
38610
38888
  })]
38611
38889
  })
38612
- })
38890
+ }), tooltip.visible && jsx("div", {
38891
+ className: "ff-multi-radial-tooltip",
38892
+ style: {
38893
+ top: tooltip.y + 10,
38894
+ left: tooltip.x + 10,
38895
+ zIndex: 1000
38896
+ },
38897
+ children: tooltip.content
38898
+ })]
38613
38899
  }), isLegendDetails && renderLegend(barValues.map(value => ({
38614
38900
  ...value,
38615
- label: value.barLabel || '',
38901
+ label: truncateText(value?.barLabel, 8),
38616
38902
  key: value.value.toString()
38617
38903
  })), legendType)]
38618
38904
  });
@@ -43940,8 +44226,8 @@ function requireJs() {
43940
44226
 
43941
44227
  var jsExports = requireJs();
43942
44228
 
43943
- var css_248z$1 = "/* Editor container to add padding and rounded corners */\n.monaco-editor {\n border-radius: 6px;\n border-top: 1px solid var(--ff-editor-border-color);\n border-right: 1px dashed var(--ff-editor-border-color);\n border-bottom: 1px dashed var(--ff-editor-border-color);\n border-left: 1px solid var(--ff-editor-border-color);\n}\n\n/* Style for the line number gutter */\n.monaco-editor .margin {\n background-color: var(--ff-editor-gutter-color) !important;\n width: 32px !important;\n}\n\n/* Style for the line numbers */\n.monaco-editor .margin .line-numbers {\n color: var(--ff-line-number-color) !important;\n background-color: var(--ff-line-number-bg);\n text-align: center !important;\n}\n\n/* Active line number styling */\n.monaco-editor .margin .line-numbers.active {\n color: var(--ff-line-number-color);\n background-color: var(--ff-line-number-bg) !important;\n}\n\n.monaco-editor .margin-view-overlays {\n width: 100% !important;\n}\n\n.monaco-editor .margin-view-overlays .line-numbers {\n width: 100% !important;\n}\n\n.monaco-scrollable-element {\n left: 32px !important;\n}\n\n.monaco-editor .current-line-background {\n background-color: var(--ff-editor-line-bg) !important;\n}\n\n.ff-editor-container {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-editor-container .ff-top-toolbar {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 10px;\n}";
43944
- styleInject(css_248z$1);
44229
+ var css_248z$2 = "/* Editor container to add padding and rounded corners */\n.monaco-editor {\n border-radius: 6px;\n border-top: 1px solid var(--ff-editor-border-color);\n border-right: 1px dashed var(--ff-editor-border-color);\n border-bottom: 1px dashed var(--ff-editor-border-color);\n border-left: 1px solid var(--ff-editor-border-color);\n}\n\n/* Style for the line number gutter */\n.monaco-editor .margin {\n background-color: var(--ff-editor-gutter-color) !important;\n width: 32px !important;\n}\n\n/* Style for the line numbers */\n.monaco-editor .margin .line-numbers {\n color: var(--ff-line-number-color) !important;\n background-color: var(--ff-line-number-bg);\n text-align: center !important;\n}\n\n/* Active line number styling */\n.monaco-editor .margin .line-numbers.active {\n color: var(--ff-line-number-color);\n background-color: var(--ff-line-number-bg) !important;\n}\n\n.monaco-editor .margin-view-overlays {\n width: 100% !important;\n}\n\n.monaco-editor .margin-view-overlays .line-numbers {\n width: 100% !important;\n}\n\n.monaco-scrollable-element {\n left: 32px !important;\n}\n\n.monaco-editor .current-line-background {\n background-color: var(--ff-editor-line-bg) !important;\n}\n\n.ff-editor-container {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.ff-editor-container .ff-top-toolbar {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 10px;\n}";
44230
+ styleInject(css_248z$2);
43945
44231
 
43946
44232
  const Editor = /*#__PURE__*/forwardRef(({
43947
44233
  width,
@@ -44162,8 +44448,8 @@ const getSequentialPayload = data => {
44162
44448
  }));
44163
44449
  };
44164
44450
 
44165
- var css_248z = ".ff-grid-container {\n display: grid;\n grid-template-columns: 1fr 4fr 1fr 6fr;\n padding: 24px 0;\n grid-auto-rows: auto;\n}\n.ff-grid-container .ff-selectedMachines {\n display: contents;\n}\n.ff-grid-container .ff-selectedMachines-input {\n grid-column: 2/3;\n display: grid;\n}\n.ff-grid-container .ff-input-box-container {\n border: 1px solid var(--description-text);\n width: 100%;\n height: 32px;\n}\n.ff-grid-container .ff-machine-instance-row {\n display: contents;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line {\n grid-column: 3/4;\n position: relative;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line .ff-line {\n position: absolute;\n height: 1px;\n background-color: var(--brand-color);\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line .ff-left-icon {\n height: 8px;\n width: 8px;\n background-color: var(--brand-color);\n border-radius: 50%;\n margin-right: 5px;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line .ff-selectedMachines-connecting-line-text {\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n background-color: var(--brand-color);\n color: var(--tooltip-text-color);\n padding: 4px;\n border-radius: 12px;\n text-align: center;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line .ff-right-icon {\n width: 0;\n height: 0;\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n border-left: 8px solid var(--brand-color);\n margin-left: 84px;\n bottom: -4px;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line.ff-second-line {\n position: relative;\n margin-left: 20px;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line .ff-vertical-line {\n position: absolute;\n left: 22px;\n top: 0;\n width: 1px;\n height: auto;\n background-color: var(--brand-color);\n}\n.ff-grid-container .ff-machine-instance {\n grid-column: 4/5;\n}\n.ff-grid-container .ff-machine-instance .ff-add-browser-device {\n margin-bottom: 16px;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line {\n margin-top: 20px;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line.ff-no-instance-line {\n margin-top: 20px;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line.ff-no-instance-line .ff-line {\n width: 100%;\n background-color: var(--brand-color);\n height: 1px;\n position: relative;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line.ff-no-instance-line .ff-selectedMachines-connecting-line-text {\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n background-color: var(--brand-color);\n color: var(--tooltip-text-color);\n font-weight: bold;\n font-size: 8px;\n padding: 4px;\n border-radius: 12px;\n text-align: center;\n}\n.ff-grid-container .ff-run-level-execution-dataset p {\n margin: 0;\n font-size: 12px;\n}\n.ff-grid-container .ff-run-level-execution-dataset {\n min-height: 70px;\n max-width: 600px;\n border: 1px solid var(--description-text);\n margin-bottom: 8px;\n border-radius: 4px;\n margin-bottom: 16px;\n position: relative;\n}\n.ff-grid-container .ff-run-level-execution-dataset .ff-curved-connector {\n position: absolute;\n left: -12%;\n transform: translateX(-50%);\n width: 40px;\n height: 0;\n}\n.ff-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-curve {\n position: relative;\n width: 88px;\n height: 0;\n border: 1px dashed var(--brand-color);\n border-top: none;\n border-right: none;\n border-bottom-left-radius: 8px;\n display: flex;\n flex-direction: column-reverse;\n}\n.ff-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-curve .ff-curve-right-icon {\n width: 0;\n height: 0;\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n border-left: 8px solid var(--brand-color);\n margin-left: 84px;\n position: absolute;\n bottom: -4px;\n}\n.ff-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-curve .ff-selectedMachines-connecting-line-text {\n position: absolute;\n left: 50%;\n top: 85px;\n transform: translateX(-50%);\n background-color: var(--brand-color);\n color: var(--tooltip-text-color);\n font-weight: 400;\n font-size: 8px;\n padding: 4px;\n border-radius: 12px;\n text-align: center;\n width: 44px;\n}\n.ff-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-connector-0 {\n bottom: 8px;\n border: none;\n}\n.ff-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-curve-right-icon-0 {\n display: none;\n}\n.ff-grid-container .ff-select-machine-input {\n grid-column: 2/3;\n}\n.ff-grid-container .ff-select-machine-input input {\n width: 430px;\n height: 32px;\n}\n.ff-grid-container .ff-grid-item.ff-dynamic-item {\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n place-self: first baseline;\n top: 1px;\n left: 20px;\n}\n.ff-grid-container .ff-script-count-container {\n grid-column: 1;\n align-self: center;\n background-color: var(--brand-color);\n color: var(--tooltip-text-color);\n text-align: center;\n border-radius: 4px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 4px;\n}\n.ff-grid-container .ff-script-count-container .ff-script-count-box {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}";
44166
- styleInject(css_248z);
44451
+ var css_248z$1 = ".ff-grid-container {\n display: grid;\n grid-template-columns: 1fr 4fr 1fr 6fr;\n padding: 24px 0;\n grid-auto-rows: auto;\n}\n.ff-grid-container .ff-selectedMachines {\n display: contents;\n}\n.ff-grid-container .ff-selectedMachines-input {\n grid-column: 2/3;\n display: grid;\n}\n.ff-grid-container .ff-input-box-container {\n border: 1px solid var(--description-text);\n width: 100%;\n height: 32px;\n}\n.ff-grid-container .ff-machine-instance-row {\n display: contents;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line {\n grid-column: 3/4;\n position: relative;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line .ff-line {\n position: absolute;\n height: 1px;\n background-color: var(--brand-color);\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line .ff-left-icon {\n height: 8px;\n width: 8px;\n background-color: var(--brand-color);\n border-radius: 50%;\n margin-right: 5px;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line .ff-selectedMachines-connecting-line-text {\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n background-color: var(--brand-color);\n color: var(--tooltip-text-color);\n padding: 4px;\n border-radius: 12px;\n text-align: center;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line .ff-right-icon {\n width: 0;\n height: 0;\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n border-left: 8px solid var(--brand-color);\n margin-left: 84px;\n bottom: -4px;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line.ff-second-line {\n position: relative;\n margin-left: 20px;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line .ff-vertical-line {\n position: absolute;\n left: 22px;\n top: 0;\n width: 1px;\n height: auto;\n background-color: var(--brand-color);\n}\n.ff-grid-container .ff-machine-instance {\n grid-column: 4/5;\n}\n.ff-grid-container .ff-machine-instance .ff-add-browser-device {\n margin-bottom: 16px;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line {\n margin-top: 20px;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line.ff-no-instance-line {\n margin-top: 20px;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line.ff-no-instance-line .ff-line {\n width: 100%;\n background-color: var(--brand-color);\n height: 1px;\n position: relative;\n}\n.ff-grid-container .ff-selectedMachines-connecting-line.ff-no-instance-line .ff-selectedMachines-connecting-line-text {\n position: absolute;\n top: -10px;\n left: 50%;\n transform: translateX(-50%);\n background-color: var(--brand-color);\n color: var(--tooltip-text-color);\n font-weight: bold;\n font-size: 8px;\n padding: 4px;\n border-radius: 12px;\n text-align: center;\n}\n.ff-grid-container .ff-run-level-execution-dataset p {\n margin: 0;\n font-size: 12px;\n}\n.ff-grid-container .ff-run-level-execution-dataset {\n min-height: 70px;\n max-width: 600px;\n border: 1px solid var(--description-text);\n margin-bottom: 8px;\n border-radius: 4px;\n margin-bottom: 16px;\n position: relative;\n}\n.ff-grid-container .ff-run-level-execution-dataset .ff-curved-connector {\n position: absolute;\n left: -12%;\n transform: translateX(-50%);\n width: 40px;\n height: 0;\n}\n.ff-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-curve {\n position: relative;\n width: 88px;\n height: 0;\n border: 1px dashed var(--brand-color);\n border-top: none;\n border-right: none;\n border-bottom-left-radius: 8px;\n display: flex;\n flex-direction: column-reverse;\n}\n.ff-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-curve .ff-curve-right-icon {\n width: 0;\n height: 0;\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n border-left: 8px solid var(--brand-color);\n margin-left: 84px;\n position: absolute;\n bottom: -4px;\n}\n.ff-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-curve .ff-selectedMachines-connecting-line-text {\n position: absolute;\n left: 50%;\n top: 85px;\n transform: translateX(-50%);\n background-color: var(--brand-color);\n color: var(--tooltip-text-color);\n font-weight: 400;\n font-size: 8px;\n padding: 4px;\n border-radius: 12px;\n text-align: center;\n width: 44px;\n}\n.ff-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-connector-0 {\n bottom: 8px;\n border: none;\n}\n.ff-grid-container .ff-run-level-execution-dataset .ff-curved-connector .ff-curve-right-icon-0 {\n display: none;\n}\n.ff-grid-container .ff-select-machine-input {\n grid-column: 2/3;\n}\n.ff-grid-container .ff-select-machine-input input {\n width: 430px;\n height: 32px;\n}\n.ff-grid-container .ff-grid-item.ff-dynamic-item {\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n place-self: first baseline;\n top: 1px;\n left: 20px;\n}\n.ff-grid-container .ff-script-count-container {\n grid-column: 1;\n align-self: center;\n background-color: var(--brand-color);\n color: var(--tooltip-text-color);\n text-align: center;\n border-radius: 4px;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 4px;\n}\n.ff-grid-container .ff-script-count-container .ff-script-count-box {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}";
44452
+ styleInject(css_248z$1);
44167
44453
 
44168
44454
  var reactArcher$1 = {exports: {}};
44169
44455
 
@@ -45767,5 +46053,81 @@ const saveFileFromBlob = (blob, filename) => {
45767
46053
  }
45768
46054
  };
45769
46055
 
45770
- export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button$1 as Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FileDropzone, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LazyLoad, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row$1 as Row, Search, Select$1 as Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table$1 as Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useTheme };
46056
+ var css_248z = ".warning_modal_container {\n height: 100%;\n}\n\n.warning_modal_content {\n display: flex;\n height: 80%;\n width: 100%;\n}\n\n.warning_modal_icon {\n position: relative;\n bottom: 16px;\n right: 4px;\n}\n\n.warning_modal_title_wrapper {\n line-height: 30px;\n}\n\n.warning_modal_message_wrapper {\n padding-top: 8px;\n display: flex;\n height: 100%;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.warning_modal_message {\n display: flex;\n flex-direction: column;\n line-height: 24px;\n}\n\n.warning_modal_footer_button {\n height: 20%;\n width: 100%;\n display: flex;\n align-items: flex-end;\n justify-content: flex-end;\n gap: 8px;\n}";
46057
+ styleInject(css_248z);
46058
+
46059
+ const PopUpModal = ({
46060
+ isOpen,
46061
+ onClose,
46062
+ onContinue,
46063
+ titleMessage = 'Warning!',
46064
+ subTitleMessage = 'Unsaved Changes.',
46065
+ iconName,
46066
+ modalMessage = 'Your web service data will be lost. Are you sure you want to exit?',
46067
+ footerMessage = 'How do you want to proceed?',
46068
+ firstButtonLabel = 'Cancel',
46069
+ secondButtonLabel = 'Continue',
46070
+ buttonVariant = 'warning',
46071
+ border = '1px solid var(--warning-modal-border-color)'
46072
+ }) => {
46073
+ return jsx(Modal, {
46074
+ overlayClassName: "custom-overlay",
46075
+ isOpen: isOpen,
46076
+ onClose: onClose,
46077
+ isHeaderDisplayed: false,
46078
+ children: jsxs("div", {
46079
+ className: 'warning_modal_container',
46080
+ children: [jsxs("div", {
46081
+ className: 'warning_modal_content',
46082
+ children: [jsx(Icon, {
46083
+ name: iconName,
46084
+ className: 'warning_modal_icon',
46085
+ width: 94,
46086
+ height: 94
46087
+ }), jsxs("div", {
46088
+ className: 'warning_modal_message',
46089
+ children: [jsxs(Typography, {
46090
+ fontSize: 20,
46091
+ fontWeight: "semi-bold",
46092
+ className: "warning_modal_title_wrapper",
46093
+ children: [' ', jsxs(Typography, {
46094
+ color: "var(--status-button-bg-warning)",
46095
+ fontSize: 20,
46096
+ fontWeight: "semi-bold",
46097
+ children: [' ', titleMessage, ' ']
46098
+ }), ' ', subTitleMessage]
46099
+ }), jsxs("div", {
46100
+ className: "warning_modal_message_wrapper",
46101
+ children: [jsx(Typography, {
46102
+ fontSize: 16,
46103
+ children: modalMessage
46104
+ }), jsx(Typography, {
46105
+ fontSize: 16,
46106
+ children: footerMessage
46107
+ })]
46108
+ })]
46109
+ })]
46110
+ }), jsxs("div", {
46111
+ className: 'warning_modal_footer_button',
46112
+ children: [jsx(Button$1, {
46113
+ variant: "secondary",
46114
+ label: firstButtonLabel,
46115
+ onClick: onClose
46116
+ }), jsx(Button$1, {
46117
+ variant: buttonVariant || 'warning',
46118
+ label: secondButtonLabel,
46119
+ onClick: onContinue
46120
+ })]
46121
+ })]
46122
+ }),
46123
+ ariaHideApp: true,
46124
+ isFooterDisplayed: false,
46125
+ customWidth: "420px",
46126
+ customHeight: "226px",
46127
+ boxShadow: "0px 1px 4px 0px var(--toaster-boxshadow)",
46128
+ border: border
46129
+ });
46130
+ };
46131
+
46132
+ export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button$1 as Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LazyLoad, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, PopUpModal, RadialChart, RadioButton, RadioGroup, Recaptcha, Row$1 as Row, Search, Select$1 as Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table$1 as Table, TreeTable as TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };
45771
46133
  //# sourceMappingURL=index.esm.js.map