@billgangcom/theme-lib 1.26.0 → 1.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/dist/App.d.ts +3 -3
  2. package/dist/abstractions/PageContext.d.ts +20 -20
  3. package/dist/abstractions/Variable.d.ts +4 -1
  4. package/dist/{components → builder/components}/Sidebar/AddSections/RenderBlockSettings/settings.d.ts +1 -1
  5. package/dist/{constants → builder/constants}/blocks.d.ts +1 -1
  6. package/dist/{store → builder/store}/useBlocksStore.d.ts +1 -1
  7. package/dist/{store → builder/store}/useDeviceStore.d.ts +1 -1
  8. package/dist/builder/store/useErrorStore.d.ts +12 -0
  9. package/dist/{store → builder/store}/useLayersStore.d.ts +1 -1
  10. package/dist/{store → builder/store}/useLayoutStore.d.ts +1 -1
  11. package/dist/{store → builder/store}/useNavbarStore.d.ts +1 -1
  12. package/dist/{store → builder/store}/useNotificationStore.d.ts +1 -1
  13. package/dist/{store → builder/store}/usePagesStore.d.ts +2 -2
  14. package/dist/{store → builder/store}/useSettingsStore.d.ts +1 -1
  15. package/dist/{store → builder/store}/useThemeSettingsStore.d.ts +1 -1
  16. package/dist/{shared → builder}/ui/Icon/index.d.ts +1 -1
  17. package/dist/{shared → builder}/ui/Picker/index.d.ts +1 -1
  18. package/dist/builder/ui/index.d.ts +6 -0
  19. package/dist/{shared/lib → builder/utils}/api.d.ts +11 -23
  20. package/dist/builder/utils/index.d.ts +2 -0
  21. package/dist/builder.cjs.js +8 -8
  22. package/dist/builder.es.js +1416 -1136
  23. package/dist/index-BeV20nM7.cjs +146 -0
  24. package/dist/{index-CeRgFjoD.js → index-Dq4uNns7.js} +10039 -10254
  25. package/dist/lib/api.d.ts +26 -0
  26. package/dist/{shared/lib → lib}/index.d.ts +0 -1
  27. package/dist/pages/error-page/index.d.ts +1 -0
  28. package/dist/pages/not-found-page/index.d.ts +1 -0
  29. package/dist/ui/Button/index.d.ts +13 -0
  30. package/dist/ui/ButtonsSettings/index.d.ts +1 -1
  31. package/dist/ui/HeaderButtons/index.d.ts +3 -0
  32. package/dist/ui/Input/index.d.ts +21 -0
  33. package/dist/ui/ListingSelector/index.d.ts +12 -7
  34. package/dist/ui/ListingSelector/popup.d.ts +11 -4
  35. package/dist/ui/Textarea/index.d.ts +11 -0
  36. package/dist/ui/index.d.ts +7 -2
  37. package/dist/ui.cjs.js +1 -1
  38. package/dist/ui.es.js +1183 -939
  39. package/package.json +2 -1
  40. package/dist/index-ChU5WGPr.cjs +0 -146
  41. package/dist/shared/ui/index.d.ts +0 -16
  42. /package/dist/{components → builder/components}/Header/Buttons/index.d.ts +0 -0
  43. /package/dist/{components → builder/components}/Header/Devices/index.d.ts +0 -0
  44. /package/dist/{components → builder/components}/Header/PreviewButton/index.d.ts +0 -0
  45. /package/dist/{components → builder/components}/Header/Settings/Language/index.d.ts +0 -0
  46. /package/dist/{components → builder/components}/Header/Settings/Pages/ModifyPage/index.d.ts +0 -0
  47. /package/dist/{components → builder/components}/Header/Settings/Pages/index.d.ts +0 -0
  48. /package/dist/{components → builder/components}/Header/Settings/Zoom/index.d.ts +0 -0
  49. /package/dist/{components → builder/components}/Header/Settings/index.d.ts +0 -0
  50. /package/dist/{components → builder/components}/Header/SwitchTheme/index.d.ts +0 -0
  51. /package/dist/{components → builder/components}/Header/index.d.ts +0 -0
  52. /package/dist/{components → builder/components}/Navbar/ExitButton/index.d.ts +0 -0
  53. /package/dist/{components → builder/components}/Navbar/index.d.ts +0 -0
  54. /package/dist/{components → builder/components}/Preview/PreviewBlockSidebar/index.d.ts +0 -0
  55. /package/dist/{components → builder/components}/Preview/PreviewContent/index.d.ts +0 -0
  56. /package/dist/{components → builder/components}/Preview/PreviewHeader/index.d.ts +0 -0
  57. /package/dist/{components → builder/components}/Preview/Render/index.d.ts +0 -0
  58. /package/dist/{components → builder/components}/Preview/index.d.ts +0 -0
  59. /package/dist/{components → builder/components}/Sidebar/AddSections/RenderBlockSettings/index.d.ts +0 -0
  60. /package/dist/{components → builder/components}/Sidebar/AddSections/SearchSections/index.d.ts +0 -0
  61. /package/dist/{components → builder/components}/Sidebar/AddSections/index.d.ts +0 -0
  62. /package/dist/{components → builder/components}/Sidebar/Layers/FooterLayer/index.d.ts +0 -0
  63. /package/dist/{components → builder/components}/Sidebar/Layers/HeaderLayer/index.d.ts +0 -0
  64. /package/dist/{components → builder/components}/Sidebar/Layers/index.d.ts +0 -0
  65. /package/dist/{components → builder/components}/Sidebar/Settings/index.d.ts +0 -0
  66. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Colors/index.d.ts +0 -0
  67. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Fonts/index.d.ts +0 -0
  68. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Inputs/index.d.ts +0 -0
  69. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Item/Border/index.d.ts +0 -0
  70. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Item/Button/index.d.ts +0 -0
  71. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Item/Font/index.d.ts +0 -0
  72. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Item/index.d.ts +0 -0
  73. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/index.d.ts +0 -0
  74. /package/dist/{components → builder/components}/Sidebar/Theme/index.d.ts +0 -0
  75. /package/dist/{components → builder/components}/Sidebar/index.d.ts +0 -0
  76. /package/dist/{components → builder/components}/index.d.ts +0 -0
  77. /package/dist/{components → builder/components}/layout.d.ts +0 -0
  78. /package/dist/{constants → builder/constants}/api.d.ts +0 -0
  79. /package/dist/{constants → builder/constants}/device.d.ts +0 -0
  80. /package/dist/{constants → builder/constants}/font.d.ts +0 -0
  81. /package/dist/{constants → builder/constants}/icon.d.ts +0 -0
  82. /package/dist/{constants → builder/constants}/index.d.ts +0 -0
  83. /package/dist/{constants → builder/constants}/navbar.d.ts +0 -0
  84. /package/dist/{constants → builder/constants}/notification.d.ts +0 -0
  85. /package/dist/{constants → builder/constants}/pages.d.ts +0 -0
  86. /package/dist/{constants → builder/constants}/theme-settings.d.ts +0 -0
  87. /package/dist/{store → builder/store}/index.d.ts +0 -0
  88. /package/dist/{store → builder/store}/useChooseImageStore.d.ts +0 -0
  89. /package/dist/{store → builder/store}/useColorPickerStore.d.ts +0 -0
  90. /package/dist/{store → builder/store}/useFontsStore.d.ts +0 -0
  91. /package/dist/{store → builder/store}/useHistoryState.d.ts +0 -0
  92. /package/dist/{store → builder/store}/usePreviewStore.d.ts +0 -0
  93. /package/dist/{store → builder/store}/useShareLinkStore.d.ts +0 -0
  94. /package/dist/{store → builder/store}/useSubmodalStore.d.ts +0 -0
  95. /package/dist/{shared → builder}/ui/Button/index.d.ts +0 -0
  96. /package/dist/{ui → builder/ui}/ChooseImage/index.d.ts +0 -0
  97. /package/dist/{shared → builder}/ui/ColorPicker/index.d.ts +0 -0
  98. /package/dist/{shared → builder}/ui/ColorPicker/modal.d.ts +0 -0
  99. /package/dist/{shared → builder}/ui/ErrorableBlock/index.d.ts +0 -0
  100. /package/dist/{shared → builder}/ui/Input/index.d.ts +0 -0
  101. /package/dist/{shared → builder}/ui/Loader/index.d.ts +0 -0
  102. /package/dist/{shared → builder}/ui/Modal/index.d.ts +0 -0
  103. /package/dist/{shared → builder}/ui/Radio/index.d.ts +0 -0
  104. /package/dist/{shared → builder}/ui/Select/index.d.ts +0 -0
  105. /package/dist/{shared → builder}/ui/Submodal/index.d.ts +0 -0
  106. /package/dist/{shared → builder}/ui/Switch/index.d.ts +0 -0
  107. /package/dist/{shared → builder}/ui/Textarea/index.d.ts +0 -0
  108. /package/dist/{shared → builder}/ui/Tip/index.d.ts +0 -0
  109. /package/dist/{shared/lib → builder/utils}/formatLabel.d.ts +0 -0
  110. /package/dist/{shared/lib → lib}/checkAuth.d.ts +0 -0
  111. /package/dist/{shared/lib → lib}/clearQueryParams.d.ts +0 -0
  112. /package/dist/{shared/lib → lib}/generateDynamicStyles.d.ts +0 -0
  113. /package/dist/{shared/lib → lib}/getDynamicRoutes.d.ts +0 -0
  114. /package/dist/{shared/lib → lib}/injectStylesToDOM.d.ts +0 -0
  115. /package/dist/{shared/ui → ui}/Accordion/index.d.ts +0 -0
  116. /package/dist/{shared/ui → ui}/Checkbox/index.d.ts +0 -0
@@ -1,7 +1,7 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._button_143au_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_143au_1:disabled{opacity:.7;cursor:auto}._primary_143au_13{color:var(--text-inverted);background-color:var(--surface-action1)}._secondary_143au_18,._tertiary_143au_23{color:var(--text-secondary);background-color:var(--surface-secondary)}._content_143au_28{display:flex;flex-direction:row;gap:4px;align-items:center}._wrapper_1mken_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1mken_9{width:100%;color:var(--text-secondary);line-height:20px;font-size:14px;font-weight:400}._input_1mken_17{width:100%;background-color:var(--surface-secondary);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--surface-secondary)}._input_1mken_17::placeholder{color:var(--text-tertiary)}._input_1mken_17:disabled{background-color:var(--surface-secondary);opacity:.7}._required_1mken_36{border:1px solid var(--border-warning)}._paddingless_1mken_40{padding:0}._content_1mken_44{display:flex;flex-direction:row;gap:8px;position:relative;align-items:center}._borderless_1mken_52{border-radius:0;border:none}._rightIcon_1mken_57{position:absolute;top:10px;right:12px}._wrapper_18y7k_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_18y7k_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_18y7k_17{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;align-items:center;justify-content:space-between;cursor:pointer}._icon_18y7k_32{transition:.2s}._rotate_18y7k_36{transform:rotate(180deg)}._content_18y7k_40{position:relative}._options_18y7k_44{display:flex;flex-direction:column;gap:0px;position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_18y7k_44{padding:10px 12px;border-radius:12px}._option_18y7k_44:hover{background-color:#e6e6e6}._addon_18y7k_69{display:flex;flex-direction:row;gap:6px;align-items:center}._wrapper_1gywd_1{display:flex;flex-direction:row;gap:8px;width:fit-content;align-items:center;border-radius:12px;line-height:20px;color:var(--main-color);font-size:14px;font-weight:400}._switch_1gywd_14{display:flex;flex-direction:row;gap:0px;width:40px;height:24px;background-color:#ccc;border-radius:25px;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_1gywd_14._active_1gywd_27{background:#ff3f19}._switch_1gywd_14 ._toggle_1gywd_30{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_1gywd_14._active_1gywd_27 ._toggle_1gywd_30{transform:translate(18px)}._background_1gywd_42{background-color:var(--background-color)}._padding_1gywd_46{padding:8px}._wrapper_q0sfn_1{display:flex;flex-direction:row;gap:0px;border:var(--default-border);width:fit-content;height:fit-content;max-height:500px;max-width:500px;min-width:300px;padding:10px;left:10px;top:10px;position:absolute;z-index:1000;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._blocks_emecf_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_emecf_1{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_emecf_21{border:1px solid #ff3f19}._applyButton_11q4y_2{flex:0 1 50%;font-weight:400}._cancelButton_11q4y_7{background-color:var(--background-color);color:var(--accent-color)}._content_11q4y_12{display:flex;flex-direction:column;gap:0px;width:100%}._label_11q4y_19{display:flex;flex-direction:row;gap:8px;padding:8px 12px;border-radius:8px;align-items:center;position:relative;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_11q4y_32{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_11q4y_39{display:flex;flex-direction:column;gap:10px;left:15px;width:288px;overflow-y:auto;z-index:100000000;position:fixed;background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e6e6e6;height:400px;font-size:16px;line-height:24px;font-weight:700}._colorMap_11q4y_58{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_11q4y_66{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_11q4y_75{width:80%;left:30px;height:8px;position:absolute;bottom:80px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red,red);border-radius:5px}input[type=range]{display:flex;flex-direction:row;gap:0px;-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;justify-content:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:50%;cursor:pointer}._slider_11q4y_106{width:100%;cursor:pointer}._buttons_11q4y_111{display:flex;flex-direction:row;gap:5px;width:100%}._name_11q4y_118{line-height:20px;padding:0 4px 4px}._secondary_11q4y_123{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_11q4y_131{line-height:20px;font-size:14px;font-weight:400}._modal_18a97_1{display:flex;flex-direction:row;gap:0px;position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;padding:20px;justify-content:center;align-items:center;overflow:hidden}._wrapper_1qvfi_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_1qvfi_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._textarea_1qvfi_18{width:100%;background-color:var(--background-color);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_1qvfi_18::placeholder{color:#c2c2c2}._length_1qvfi_33{position:absolute;bottom:12px;right:12px;color:#c2c2c2;line-height:20px}._wrapper_ba9vp_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_ba9vp_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_ba9vp_18{display:flex;flex-direction:row;gap:20px}._radioLabel_ba9vp_24{display:flex;flex-direction:row;gap:0px;align-items:center;cursor:pointer;position:relative}._radio_ba9vp_24{position:absolute;opacity:0;cursor:pointer}._custom_ba9vp_39{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_ba9vp_24:checked+._custom_ba9vp_39{border-color:#ff3f19;background:#ffeae5}._custom_ba9vp_39:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#e53e3e;opacity:0}._radio_ba9vp_24:checked+._custom_ba9vp_39:after{opacity:1}._option_ba9vp_18{font-size:16px;line-height:24px;font-weight:400}._tip_q9ixw_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:8px;border-radius:12px;width:100%;height:100%}._text_q9ixw_12{flex:1 1 auto;line-height:20px;font-size:14px}._warning_q9ixw_18{background:#faf8e6;color:#c1972a}._error_q9ixw_23{background:#ffc3b7;color:#ff3f19}._success_q9ixw_28{background:#e5fadd;color:#338b13}._hide_q9ixw_33{display:none}._customCheckbox_1b69m_1{display:inline-block;cursor:pointer;position:relative}._checkboxBox_1b69m_7{display:inline-block;width:20px;height:20px;border:1px solid #e6e6e6;border-radius:6px;position:relative}._checkboxBox_1b69m_7._checked_1b69m_16{background:#ffeae5;border:1px solid #ff3f19}._icon_1b69m_21{position:absolute;top:3px;left:3px}._loader_nftwq_1{border:4px solid rgba(0,0,0,.1);border-left-color:var(--background-color);border-radius:50%;width:40px;height:40px;animation:_spin_nftwq_1 1s linear infinite}@keyframes _spin_nftwq_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._wrapper_5w9s8_1{width:100%;padding:20px;text-align:center}._wrapper_5y1c1_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_5y1c1_9{color:var(--accent-color);font-weight:400;font-size:14px;line-height:20px}._icon_5y1c1_16{display:flex;flex-direction:row;gap:0px;padding:4px;background-color:#fff;border:var(--default-border);justify-content:center;align-items:center;border-radius:6px}._text_5y1c1_28{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_5y1c1_35{display:flex;flex-direction:row;gap:6px;align-items:center;cursor:pointer;background-color:var(--background-color);border-radius:12px;padding:6px 8px}._modal_5y1c1_46{background-color:var(--background-color);border:var(--default-border);border-radius:16px;width:100%;max-width:640px}._top_5y1c1_54{display:flex;flex-direction:row;gap:0px;padding:16px 24px;align-items:center;justify-content:space-between}._title_5y1c1_63{color:var(--main-color);font-weight:400;font-size:18px;line-height:24px}._modalContent_5y1c1_70{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:var(--default-border);border-bottom:var(--default-border);background-color:#fff}._images_5y1c1_79{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_5y1c1_88{display:flex;flex-direction:column;gap:8px;padding:43px 16px;border:1px dashed #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._description_5y1c1_100{text-align:center;color:var(--main-color);font-size:14px;line-height:20px}._description_5y1c1_100 span:last-child{padding-top:4px}._bottom_5y1c1_110{display:flex;flex-direction:row;gap:0px;justify-content:end;align-items:center;width:100%;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 24px 12px;gap:6px}._cancel_5y1c1_124{background-color:var(--background-color);color:var(--accent-color)}._highlight_5y1c1_129{color:#ff3f19;cursor:pointer}._accent_5y1c1_134{color:var(--accent-color)}._image_5y1c1_79{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_5y1c1_148{border:1px solid #ff3f19}._checkbox_5y1c1_152{position:absolute;top:12px;left:12px}._loading_5y1c1_158{display:flex;flex-direction:row;gap:0px;position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:var(--background-color);justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._spinner_5y1c1_172{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:var(--background-color);border-radius:50%;animation:_spin_5y1c1_172 1s linear infinite}@keyframes _spin_5y1c1_172{to{transform:rotate(360deg)}}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}*{padding:0;margin:0;border:0}*,*:before,*:after{box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{width:100%;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6,a{font-size:inherit}a{color:inherit}*{-webkit-tap-highlight-color:transparent}input{border:none;background:none;outline:none;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border:none;background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}:root{--default-border: 1px solid #f0f0f0;--accent-color: #757575;--main-color: #252525;--background-color: #f8f8f8}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100dvh;overflow:hidden}._wrapper_1dfbs_1{display:flex;flex-direction:column;gap:0px;height:100%;overflow-y:scroll}._main_1dfbs_9{flex:1 1 auto}._loading_1dfbs_13{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._buttons_uu72s_1{display:flex;flex-direction:row;gap:5px;align-items:center}._button_uu72s_1{cursor:pointer;padding:10px;border-radius:12px}._button_uu72s_1:hover{background-color:#f0f0f0}._disabled_uu72s_17{cursor:default}._disabled_uu72s_17:hover{background-color:inherit}._devices_1b6y1_1{display:flex;flex-direction:row;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_1b6y1_1{display:flex;flex-direction:row;gap:0px;padding:6px 8px;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_1b6y1_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_1b6y1_26{background-color:#fff}._active_1b6y1_26:hover{border:1px solid var(--background-color);box-shadow:none}._header_2d8xd_1{display:flex;flex-direction:row;gap:24px;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);align-items:center;justify-content:space-between}._left_2d8xd_13,._right_2d8xd_14{display:flex;flex-direction:row;gap:24px;align-items:center}._preview_93shy_2{display:flex;flex-direction:row;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:10px 16px;cursor:pointer;border:1px solid #fff;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._preview_93shy_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_93shy_23{background-color:var(--background-color)}._active_93shy_23:hover{border:1px solid #fff;box-shadow:none}._settings_u4cv4_1{display:flex;flex-direction:row;gap:20px;align-items:center;color:var(--accent-color)}._pages_1mwe1_1{position:relative}._default_1mwe1_5{display:flex;flex-direction:row;gap:4px;align-items:center;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_1mwe1_17{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_1mwe1_23{display:flex;flex-direction:row;gap:0px;position:absolute;top:45px;width:320px;left:0;z-index:5000;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;flex-direction:column}._page_1mwe1_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_1mwe1_49{background-color:var(--background-color)}._separator_1mwe1_53{border-bottom:var(--default-border)}._button_1mwe1_57{display:flex;flex-direction:row;gap:8px;background:inherit;color:#ff3f19;align-items:center;justify-content:start;padding:16px 8px 12px;transition:.2s}._button_1mwe1_57:hover{background-color:var(--background-color)}._items_1mwe1_72{max-height:400px;overflow-y:scroll;height:100%}._zoom_1q1ud_1{display:flex;flex-direction:row;gap:4px;align-items:center;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_1jz2h_1{display:flex;flex-direction:row;gap:4px;align-items:center;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_1wk4t_1{display:flex;flex-direction:row;gap:8px;border-bottom:var(--default-border);align-items:center;padding:22px;cursor:pointer}._text_1wk4t_11{color:var(--main-color);line-height:20px}._navbar_14j8e_1{width:100px;border-right:var(--default-border)}._main_14j8e_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_14j8e_13{display:flex;flex-direction:column;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_14j8e_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_14j8e_30{background-color:var(--background-color);color:var(--main-color)}._active_14j8e_30:hover{border:1px solid #fff;box-shadow:none}._preview_1howr_1{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;align-items:center;justify-content:center;z-index:500}._main_1howr_14{display:flex;flex-direction:column;gap:0px;width:100%;overflow-y:auto;height:calc(100vh - 85px);position:relative;z-index:1}._content_1howr_25{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1howr_32{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._loader_1howr_42{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_1howr_1 1s linear infinite}@keyframes _spin_1howr_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_obebc_1{display:flex;flex-direction:row;gap:0px;width:100%;padding:18px;justify-content:center;border:var(--default-border);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:none;z-index:5}._circles_obebc_16{display:flex;flex-direction:row;gap:8px;left:28px;top:28px;position:absolute;align-items:center}._circle_obebc_16{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_obebc_33{background:#ff5f57}._green_obebc_37{background:#28c840}._yellow_obebc_41{background:#febc2e}._input_obebc_45{display:flex;flex-direction:row;gap:0px;background-color:var(--background-color);padding:6px 8px;max-width:480px;width:100%;border-radius:6px}._main_obebc_56{display:flex;flex-direction:row;gap:4px;flex:1 1 auto;align-items:center;justify-content:center}._text_obebc_65{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_glpob_1{display:flex;flex-direction:column;gap:0px;width:100%;height:100%}._main_glpob_9{flex:1 0 auto}._block_glpob_13{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_glpob_20{border:2px solid #ff3f19}._name_glpob_24{z-index:10;position:absolute;top:-28px;left:-2px;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;background:#ff3f19;padding:4px 12px;line-height:20px;text-align:center}._empty_glpob_38{display:flex;flex-direction:column;gap:4px;height:100%;width:100%;align-items:center;justify-content:center;text-align:center}._icon_glpob_49{display:flex;flex-direction:row;gap:0px;width:64px;height:64px;background-color:var(--background-color);border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_glpob_62{font-weight:700;font-size:24px;line-height:32px}._text_glpob_68{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_glpob_74{display:flex;flex-direction:row;gap:24px;padding:0 20px;margin:20px 0 0;flex-wrap:wrap;justify-content:center}._section_glpob_74{display:flex;flex-direction:row;gap:10px;cursor:pointer;max-width:288px;width:100%;align-items:center;justify-content:space-between;padding:24px;background-color:var(--background-color);border-radius:24px;color:var(--accent-color)}._sidebar_1cz73_1{display:flex;flex-direction:row;gap:0px;position:absolute;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1cz73_14{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1cz73_24{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1cz73_34:hover{background-color:var(--background-color)}._border_1cz73_38{border-bottom:var(--default-border)}._deleteButton_1cz73_42:hover{background-color:#dd6363;color:#fff}._results_12p5x_1{display:flex;flex-direction:column;gap:20px;padding:8px}._name_12p5x_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_12p5x_15{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between;cursor:pointer}._search_186hm_1{display:flex;flex-direction:row;gap:10px;background:var(--background-color);padding:8px 12px;align-items:center;border-radius:12px;width:100%;margin:8px 0}._input_186hm_13{width:100%;font-size:16px;line-height:24px;color:var(--main-color)}._input_186hm_13::placeholder{color:#c2c2c2}._sidebar_1yyyy_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:calc(100vh - 60px);position:relative}._title_1yyyy_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_1yyyy_18{display:flex;flex-direction:row;gap:8px;align-items:center}._layers_1on0q_1{display:flex;flex-direction:column;gap:0px;position:relative;height:100%}._block_1on0q_9{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1on0q_9:hover{background-color:var(--background-color)}._dragging_1on0q_25{box-shadow:0 2.1px 4.36px #00000004;box-shadow:0 5.3px 10.22px #00000005;border:var(--default-border);box-shadow:0 10.81px 19.93px #00000006;cursor:grabbing}._active_1on0q_33{background:#ffeae5}._add_1on0q_37{display:flex;flex-direction:row;gap:0px;z-index:2;position:absolute;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_1on0q_51{display:flex;flex-direction:row;gap:0px;position:relative;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_1on0q_66{display:flex;flex-direction:column;gap:4px;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;color:var(--accent-color)}._title_1on0q_78{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_1on0q_85{margin:0 0 12px}._text_1on0q_89{font-size:16px;font-weight:400;line-height:24px}._highlight_1on0q_95{color:#ff3f19;cursor:pointer}._block_586dq_1{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_586dq_1:hover{background-color:var(--background-color)}._theme_1wwlz_1{display:flex;flex-direction:column;gap:0px}._block_1wwlz_7{display:flex;flex-direction:row;gap:8px;justify-content:start;align-items:center;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1wwlz_7:hover{background-color:var(--background-color)}._name_1wwlz_22{flex:1 1 auto}._back_2jwrk_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding-bottom:8px}._render_2jwrk_9{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:501}._open_2jwrk_24{animation:.2s _open_2jwrk_24 forwards}@keyframes _open_2jwrk_24{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_2jwrk_51{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_2jwrk_51{animation:.2s _close_2jwrk_51 forwards}._clicked_2jwrk_55{opacity:0}._title_2jwrk_59{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._button_2jwrk_67{align-self:center;flex:1}._loading_2jwrk_72{flex:1 1 auto}._settings_2jwrk_76{flex:1 1 100%;overflow-y:scroll;overflow-x:hidden}._deleteButton_2jwrk_82{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_2jwrk_82:hover{background-color:#dd6363;color:#fff}._settings_ss3tc_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:3}._open_ss3tc_16{transform:translate(0)}._close_ss3tc_20{transform:translate(320px)}._header_ss3tc_24{display:flex;flex-direction:row;gap:8px;align-items:center}._title_ss3tc_31{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_ss3tc_38{display:flex;flex-direction:row;gap:4px;color:#ff3f19;align-items:center;cursor:pointer}._wrapper_joj7w_1{overflow-y:scroll}._category_joj7w_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_joj7w_11{font-weight:600;font-size:16px;line-height:24px}._color_joj7w_17{display:flex;flex-direction:column;gap:0px}._color_joj7w_17:not(:last-child){border-bottom:var(--default-border)}._content_joj7w_26{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;flex:1 1 auto}._preview_joj7w_35{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._wrapper_dv4am_2{overflow-y:scroll}._category_dv4am_6{display:flex;flex-direction:column;gap:0px}._categoryTitle_dv4am_12{font-weight:600;font-size:16px;line-height:24px}._color_dv4am_18{display:flex;flex-direction:column;gap:8px}._name_dv4am_24{line-height:20px;padding:0 4px 4px}._content_dv4am_29{display:flex;flex-direction:column;gap:0px;width:100%}._label_dv4am_36{display:flex;flex-direction:row;gap:5px;padding:8px 12px;border-radius:12px;align-items:center;width:100%;background-color:var(--background-color);cursor:pointer}._input_dv4am_48[type=color]{width:20px;height:20px;padding:1px}._input_dv4am_48{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_dv4am_48::-webkit-color-swatch{border-radius:50%;border:none}._input_dv4am_48::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_dv4am_74{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_dv4am_82{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_dv4am_82:not(:last-child){border-bottom:var(--default-border)}._alignments_dv4am_92{display:flex;flex-direction:column;gap:10px}._lineField_dv4am_98{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center}._style_dv4am_106{display:flex;flex-direction:column;gap:8px;flex:1 0 50%}._header_dv4am_113{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._wrapper_lov6e_1{overflow-y:scroll}._category_lov6e_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_lov6e_11{font-weight:600;font-size:16px;line-height:24px}._font_lov6e_17{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_lov6e_17:hover{background-color:var(--background-color);border-radius:8px}._font_lov6e_17:not(:last-child){border-bottom:var(--default-border)}._font_lov6e_17:not(:last-child):hover{border-bottom:1px solid var(--background-color)}._content_lov6e_38{display:flex;flex-direction:column;gap:0px;width:100%}._icon_lov6e_45{display:flex;flex-direction:row;gap:0px;padding:8px;border-radius:8px;background-color:var(--background-color);align-items:center;justify-content:center}._paragraph_lov6e_56{padding:12px}._deleteIcon_lov6e_60{position:absolute;right:10px;width:20px;height:20px}._iconButton_lov6e_67{width:32px;height:32px}._wrapper_smgf8_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_smgf8_16{transform:translate(0)}._close_smgf8_20{transform:translate(320px)}._header_smgf8_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_smgf8_32{font-weight:700;font-size:20px;line-height:24px}._options_smgf8_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_smgf8_45{opacity:0}._wrapper_1phvv_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_1phvv_16{transform:translate(0)}._close_1phvv_20{transform:translate(320px)}._header_1phvv_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_1phvv_32{font-weight:700;font-size:20px;line-height:24px}._options_1phvv_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1phvv_45{opacity:0}._label_1phvv_49{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1phvv_56{display:flex;flex-direction:column;gap:10px}._blocks_1phvv_62{display:flex;flex-direction:row;gap:8px;align-items:center}._alignment_1phvv_56{padding:8px;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1phvv_77{border:1px solid #ff3f19}._wrapper_gibny_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_gibny_12{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_gibny_23{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_gibny_31{display:flex;flex-direction:row;gap:12px;justify-content:end}._cancel_gibny_38{background-color:var(--background-color);color:var(--accent-color)}._label_gibny_43,._description_gibny_44{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_gibny_52{display:flex;flex-direction:column;gap:10px}._block_gibny_58{display:flex;flex-direction:column;gap:0px;padding:24px;border:1px solid var(--background-color);border-radius:8px}._slug_gibny_67{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_gibny_73{font-weight:600;font-size:16px;line-height:24px}._layout_3kge3_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;position:relative}._main_3kge3_10{display:flex;flex-direction:column;gap:0px;width:100%;position:relative}._content_3kge3_18{display:flex;flex-direction:row;gap:0px;position:relative;height:100%}._notification_3kge3_26{z-index:100000000;position:fixed;bottom:5px;right:5px;min-height:50px;min-width:200px}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--billgang-color-signal-danger: #c12a2a;--billgang-color-brand-default: #ff3f19;--billgang-color-brand-light: #ffeae5;--billgang-color-brand-lighter: rgba(255, 64, 26, .1);--billgang-color-surface-0: #f8f8f8;--billgang-color-surface-100: #ffffff;--billgang-color-surface-200: #c2c2c2;--billgang-color-text-brandDefault: #252525;--billgang-color-text-secondary: #757575;--billgang-color-border-default: #f0f0f0;--billgang-color-border-hover: #e6e6e6;--billgang-color-shadow-0: #dfdfdf;--billgang-color-success-background: #e5fadd;--billgang-color-success-text: #338b13;--billgang-color-warning-background: #faf8e6;--billgang-color-warning-text: #c1972a;--billgang-color-error-background: #fae6e6;--billgang-color-dialog-backdrop: rgba(37, 37, 37, .25);--billgang-color-field-background-default: var( --billgang-color-surface-200 );--billgang-color-field-background-hover: var(--billgang-color-surface-100);--billgang-color-field-background-focus: var(--billgang-color-surface-100);--billgang-color-field-border-default: var(--billgang-color-surface-200);--billgang-color-field-border-hover: var(--billgang-color-surface-200);--billgang-color-field-border-focus: var(--billgang-color-brand-default);--billgang-shadow-0: 0 1px 0 var(--billgang-color-shadow-0);--billgang-shadow-field: 0 0 0 3px var(--billgang-color-brand-light);--billgang-shadow-dialog: 0 10px 20px rgba(0, 0, 0, .05)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.flex-center{display:flex;align-items:center;justify-content:center}.icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:24px;background-color:var(--billgang-color-surface-0)}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-4{top:1rem;right:1rem;bottom:1rem;left:1rem}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-3{bottom:.75rem}.bottom-\\[60px\\]{bottom:60px}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.right-\\[14px\\]{right:14px}.top-0{top:0}.top-6{top:1.5rem}.top-8{top:2rem}.-z-50{z-index:-50}.z-10{z-index:10}.z-50{z-index:50}.z-\\[1000\\]{z-index:1000}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.row-span-2{grid-row:span 2 / span 2}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-\\[6px\\]{margin-left:6px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[1px\\]{margin-top:1px}.mt-\\[2px\\]{margin-top:2px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-12{width:3rem;height:3rem}.size-4{width:1rem;height:1rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[21px\\]{height:21px}.h-\\[276px\\]{height:276px}.h-\\[28px\\]{height:28px}.h-\\[38px\\]{height:38px}.h-\\[4px\\]{height:4px}.h-\\[56px\\]{height:56px}.h-\\[80\\%\\]{height:80%}.h-\\[92\\%\\]{height:92%}.h-\\[92px\\]{height:92px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-8{max-height:2rem}.max-h-\\[230px\\]{max-height:230px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[96px\\]{min-height:96px}.min-h-svh{min-height:100svh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[120px\\]{width:120px}.w-\\[160px\\]{width:160px}.w-\\[20px\\]{width:20px}.w-\\[21px\\]{width:21px}.w-\\[256px\\]{width:256px}.w-\\[28px\\]{width:28px}.w-\\[56px\\]{width:56px}.w-\\[calc\\(100\\%\\/6\\)\\]{width:calc(100% / 6)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-12{min-width:3rem}.min-w-4{min-width:1rem}.min-w-8{min-width:2rem}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[18px\\]{min-width:18px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[1120px\\]{max-width:1120px}.max-w-\\[368px\\]{max-width:368px}.max-w-\\[376px\\]{max-width:376px}.max-w-\\[40\\%\\]{max-width:40%}.max-w-\\[456px\\]{max-width:456px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[85\\%\\]{max-width:85%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\\[minmax\\(120px\\,auto\\)_minmax\\(0\\,20\\%\\)_repeat\\(4\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) minmax(0,20%) repeat(4,minmax(min-content,auto))}.grid-cols-\\[minmax\\(120px\\,auto\\)_repeat\\(5\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) repeat(5,minmax(min-content,auto))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.\\!items-start{align-items:flex-start!important}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\\[6px\\]{gap:6px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[100px\\]{border-radius:100px}.rounded-\\[32px\\]{border-radius:32px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[6px\\]{border-radius:6px}.rounded-base{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:24px}.rounded-t-xl{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\\!border-brandDefault{border-color:var(--billgang-color-brand-default)!important}.border-borderDefault{border-color:var(--billgang-color-border-default)}.border-borderHover{border-color:var(--billgang-color-border-hover)}.border-brandDefault{border-color:var(--billgang-color-brand-default)}.border-textPrimary{border-color:var(--billgang-color-text-brandDefault)}.border-transparent{border-color:transparent}.border-x-borderDefault{border-left-color:var(--billgang-color-border-default);border-right-color:var(--billgang-color-border-default)}.border-x-brandDefault{border-left-color:var(--billgang-color-brand-default);border-right-color:var(--billgang-color-brand-default)}.border-x-surface100{border-left-color:var(--billgang-color-surface-100);border-right-color:var(--billgang-color-surface-100)}.border-b-transparent{border-bottom-color:transparent}.border-t-borderDefault{border-top-color:var(--billgang-color-border-default)}.border-t-brandDefault{border-top-color:var(--billgang-color-brand-default)}.border-t-surface100{border-top-color:var(--billgang-color-surface-100)}.\\!bg-surface0{background-color:var(--billgang-color-surface-0)!important}.bg-\\[rgba\\(37\\,37\\,37\\,0\\.24\\)\\]{background-color:#2525253d}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-borderDefault{background-color:var(--billgang-color-border-default)}.bg-brandDefault{background-color:var(--billgang-color-brand-default)}.bg-brandLight{background-color:var(--billgang-color-brand-light)}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-signalDangerBackground{background-color:var(--billgang-color-error-background)}.bg-successBackground{background-color:var(--billgang-color-success-background)}.bg-surface0{background-color:var(--billgang-color-surface-0)}.bg-surface100{background-color:var(--billgang-color-surface-100)}.bg-textPrimary{background-color:var(--billgang-color-text-brandDefault)}.bg-transparent{background-color:transparent}.bg-warningBackground{background-color:var(--billgang-color-warning-background)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.fill-brandDefault{fill:var(--billgang-color-brand-default)}.fill-signalDanger{fill:var(--billgang-color-signal-danger)}.fill-surface100{fill:var(--billgang-color-surface-100)}.fill-textPrimary{fill:var(--billgang-color-text-brandDefault)}.fill-textSecondary{fill:var(--billgang-color-text-secondary)}.stroke-borderDefault{stroke:var(--billgang-color-border-default)}.stroke-brandDefault{stroke:var(--billgang-color-brand-default)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[12px_16px\\]{padding:12px 16px}.p-\\[12px_16px_10px\\]{padding:12px 16px 10px}.p-\\[4px_8px\\]{padding:4px 8px}.p-\\[6px\\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-9{padding-bottom:2.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pl-\\[6px\\]{padding-left:6px}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:16px}.text-lg{font-size:20px}.text-sm{font-size:14px}.text-xl{font-size:24px}.text-xs{font-size:12px}.text-xxl{font-size:32px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-10{line-height:2.5rem}.text-brandDefault{color:var(--billgang-color-brand-default)}.text-signalDanger{color:var(--billgang-color-signal-danger)}.text-successText{color:var(--billgang-color-success-text)}.text-surface100{color:var(--billgang-color-surface-100)}.text-surface200{color:var(--billgang-color-surface-200)}.text-textPrimary{color:var(--billgang-color-text-brandDefault)}.text-textSecondary{color:var(--billgang-color-text-secondary)}.text-warningText{color:var(--billgang-color-warning-text)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-shadow0{--tw-shadow: var(--billgang-shadow-0);--tw-shadow-colored: var(--billgang-shadow-0);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: var(--billgang-color-shadow-0);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-2{outline-width:2px}.outline-offset-\\[-1px\\]{outline-offset:-1px}.outline-brandDefault{outline-color:var(--billgang-color-brand-default)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{font-family:Archivo,sans-serif;color:var(--billgang-color-text-brandDefault)}html,body,#root{height:100%}.grecaptcha-badge{visibility:hidden}.placeholder\\:text-surface200::-moz-placeholder{color:var(--billgang-color-surface-200)}.placeholder\\:text-surface200::placeholder{color:var(--billgang-color-surface-200)}.first\\:rounded-l-base:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.last\\:rounded-r-base:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.last\\:border-r-0:last-child{border-right-width:0px}.last-of-type\\:border-none:last-of-type{border-style:none}.last-of-type\\:pb-0:last-of-type{padding-bottom:0}.hover\\:bg-surface100:hover{background-color:var(--billgang-color-surface-100)}.hover\\:text-textPrimary:hover{color:var(--billgang-color-text-brandDefault)}.hover\\:underline:hover{text-decoration-line:underline}.disabled\\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 768px){.md\\:bottom-auto{bottom:auto}.md\\:left-1\\/2{left:50%}.md\\:top-1\\/2{top:50%}.md\\:mb-0{margin-bottom:0}.md\\:ml-auto{margin-left:auto}.md\\:mr-4{margin-right:1rem}.md\\:mt-0{margin-top:0}.md\\:mt-5{margin-top:1.25rem}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-\\[92px\\]{height:92px}.md\\:h-auto{height:auto}.md\\:h-full{height:100%}.md\\:h-svh{height:100svh}.md\\:max-h-svh{max-height:100svh}.md\\:min-h-\\[92px\\]{min-height:92px}.md\\:w-\\[320px\\]{width:320px}.md\\:w-\\[40\\%\\]{width:40%}.md\\:w-\\[50\\%\\]{width:50%}.md\\:w-\\[640px\\]{width:640px}.md\\:w-\\[720px\\]{width:720px}.md\\:w-auto{width:auto}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:w-full{width:100%}.md\\:max-w-\\[520px\\]{max-width:520px}.md\\:-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-\\[1\\]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:flex-col-reverse{flex-direction:column-reverse}.md\\:items-start{align-items:flex-start}.md\\:items-end{align-items:flex-end}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-2{gap:.5rem}.md\\:gap-3{gap:.75rem}.md\\:overflow-auto{overflow:auto}.md\\:rounded-none{border-radius:0}.md\\:rounded-xl{border-radius:24px}.md\\:border-none{border-style:none}.md\\:bg-transparent{background-color:transparent}.md\\:p-10{padding:2.5rem}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-6{padding-bottom:1.5rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-0{padding-top:0}.md\\:opacity-0{opacity:0}.md\\:opacity-100{opacity:1}}@media (min-width: 1024px){.lg\\:bottom-10{bottom:2.5rem}.lg\\:left-auto{left:auto}.lg\\:right-0{right:0}.lg\\:col-span-1{grid-column:span 1 / span 1}.lg\\:col-span-4{grid-column:span 4 / span 4}.lg\\:mb-0{margin-bottom:0}.lg\\:ml-3{margin-left:.75rem}.lg\\:h-\\[72px\\]{height:72px}.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-4{gap:1rem}.lg\\:p-6{padding:1.5rem}.lg\\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\\:pb-6{padding-bottom:1.5rem}}@media (min-width: 1280px){.xl\\:mt-1{margin-top:.25rem}.xl\\:block{display:block}.xl\\:flex{display:flex}.xl\\:max-w-\\[320px\\]{max-width:320px}.xl\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\\:flex-row{flex-direction:row}.xl\\:rounded-base{border-radius:12px}.xl\\:border-r{border-right-width:1px}.xl\\:border-none{border-style:none}.xl\\:bg-surface0{background-color:var(--billgang-color-surface-0)}.xl\\:p-6{padding:1.5rem}.xl\\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.xl\\:pr-0{padding-right:0}.xl\\:pr-10{padding-right:2.5rem}.xl\\:pr-4{padding-right:1rem}.xl\\:hover\\:bg-surface0:hover{background-color:var(--billgang-color-surface-0)}}._accordion_9e4oa_1{border-radius:24px;overflow:hidden;transition:all .3s ease;background-color:var(--background-color);padding:24px}._header_9e4oa_9{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}._header_9e4oa_9 ._icon_9e4oa_18{transition:transform .3s ease}._header_9e4oa_9 ._icon_9e4oa_18._open_9e4oa_21{transform:rotate(180deg)}._content_9e4oa_25{overflow:hidden;transition:height .3s ease}._wrapper_9rr5j_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_9rr5j_8{display:flex;flex-direction:column;gap:6px;padding:10px 0 16px}._title_9rr5j_15{font-weight:700;line-height:24px;font-size:16px;color:var(--main-color)}._subtitle_9rr5j_22{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._alignmentContent_9rr5j_29{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:stretch}._alignments_9rr5j_37{border-radius:12px;background:var(--background-color);display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_9rr5j_8{display:flex;flex-direction:row;gap:0px;cursor:pointer;height:100%;width:100%;align-items:center;justify-content:center}._circle_9rr5j_58{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_9rr5j_65{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_9rr5j_65{display:flex;flex-direction:row;gap:4px;width:68px;align-items:center;background:var(--background-color);border-radius:12px;padding:10px 8px}._input_9rr5j_84{width:100%}._subtitle_1qrz9_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1qrz9_8,._text_1qrz9_9{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._top_1qrz9_17{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1qrz9_26{display:flex;flex-direction:column;gap:6px}._typeTexts_rcw8p_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_rcw8p_8{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_rcw8p_21{border:1px solid #ff3f19}._subtitle_cuny2_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_cuny2_8,._text_cuny2_9,._productsBlock_cuny2_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_cuny2_10{position:relative}._top_cuny2_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_cuny2_31{display:flex;flex-direction:column;gap:6px}._typeTexts_cuny2_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_cuny2_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_cuny2_57{border:1px solid #ff3f19}._products_cuny2_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_cuny2_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_cuny2_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._disabled_cuny2_87{color:var(--accent-color)}._image_cuny2_91{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_cuny2_98{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_cuny2_110{flex:1 1 100%}._buttons_cuny2_114{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_cuny2_121{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_cuny2_121 ._top_cuny2_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_cuny2_141{display:flex;flex-direction:column;gap:8px}._modalOptions_cuny2_147{display:flex;flex-direction:column;gap:10px}._other_g74jx_1{display:flex;flex-direction:column;gap:6px}._subtitle_g74jx_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._items_g74jx_14{display:flex;flex-direction:column;gap:8px}._subtitle_1fb9q_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1fb9q_8,._text_1fb9q_9,._productsBlock_1fb9q_10,._buttonsBlock_1fb9q_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px}._buttonsBlock_1fb9q_11{position:relative}._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1fb9q_31{display:flex;flex-direction:column;gap:6px}._typeTexts_1fb9q_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_1fb9q_44{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1fb9q_56{border:1px solid #ff3f19}._products_1fb9q_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_1fb9q_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_1fb9q_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_1fb9q_86{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_1fb9q_93{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_1fb9q_105{flex:1 1 100%}._buttons_1fb9q_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_1fb9q_116{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_1fb9q_116 ._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_1fb9q_135{display:flex;flex-direction:column;gap:6px}._options_1fb9q_141{display:flex;flex-direction:column;gap:15px}._subtitle_m8qel_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_m8qel_8,._text_m8qel_9,._productsBlock_m8qel_10,._buttonsBlock_m8qel_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._buttonsBlock_m8qel_11{position:relative}._top_m8qel_23{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_m8qel_32{display:flex;flex-direction:column;gap:6px}._typeTexts_m8qel_38{display:flex;flex-direction:row;gap:8px;align-items:center}._block_m8qel_45{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_m8qel_58{border:1px solid #ff3f19}._products_m8qel_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_m8qel_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_m8qel_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_m8qel_88{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_m8qel_95{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_m8qel_107{flex:1 1 100%}._buttons_m8qel_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_m8qel_118{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_m8qel_118 ._top_m8qel_23{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_m8qel_137{display:flex;flex-direction:column;gap:6px}._options_m8qel_143{display:flex;flex-direction:column;gap:15px}._wrapper_m18qi_1{display:flex;flex-direction:column;gap:6px}._subtitle_m18qi_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._content_m18qi_14{display:flex;flex-direction:row;gap:10px;align-items:center;width:100%}._range_m18qi_22{position:relative;flex:1}._track_m18qi_27{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_m18qi_36{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_m18qi_46{display:flex;flex-direction:row;gap:0px;position:absolute;justify-content:space-between;width:100%}._dot_m18qi_46{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_m18qi_46._active_m18qi_65{background-color:#ff3f19;transform:scale(1)}._dot_m18qi_46:not(._active_m18qi_65){background-color:#e5e7eb;transform:scale(.9)}._dot_m18qi_46:hover{transform:scale(1.1)}._input_m18qi_77{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_m18qi_77::-webkit-slider-thumb,._input_m18qi_77::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_m18qi_91{display:flex;flex-direction:row;gap:10px;align-items:center;padding:8px 12px;background:var(--background-color);border-radius:12px}._count_m18qi_91{font-size:16px;font-weight:400;line-height:24px}._controls_m18qi_107{display:flex;flex-direction:column;gap:0px}._button_m18qi_113{transition:background-color .2s}._button_m18qi_113:hover{background-color:#f3f4f6}._button_m18qi_113:disabled{opacity:.5}._subtitle_16rdk_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_16rdk_8,._text_16rdk_9,._productsBlock_16rdk_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_16rdk_10{position:relative}._top_16rdk_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_16rdk_31{display:flex;flex-direction:column;gap:6px}._typeTexts_16rdk_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_16rdk_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_16rdk_57{border:1px solid #ff3f19}._products_16rdk_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_16rdk_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_16rdk_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_16rdk_87{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_16rdk_94{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_16rdk_106{flex:1 1 100%}._buttons_16rdk_110{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_16rdk_117{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_16rdk_117 ._top_16rdk_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_16rdk_137{display:flex;flex-direction:column;gap:8px}._modalOptions_16rdk_143{display:flex;flex-direction:column;gap:10px}._options_11lki_1{display:flex;flex-direction:column;gap:20px;border-radius:16px;border:var(--default-border);width:100%;height:fit-content;padding:24px}._price_11lki_12{display:flex;flex-direction:row;gap:4px;align-items:flex-start}._oldPrice_11lki_19{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:var(--accent-color)}._newPrice_11lki_27{font-size:20px;font-weight:700;line-height:24px;color:var(--main-color)}._meta_11lki_34{display:flex;flex-direction:column;gap:10px}._info_11lki_40{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}._infoRight_11lki_48{display:flex;flex-direction:row;gap:5px;align-items:center}._buttons_11lki_55{display:flex;flex-direction:column;gap:8px;width:100%}._variants_11lki_62{display:flex;flex-direction:column;gap:20px}._variant_11lki_62{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;border-radius:12px;padding:12px 16px;border:2px solid #e6e6e6}._stock_11lki_79{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._variantInfo_11lki_86{display:flex;flex-direction:column;gap:4px}._quantity_11lki_92{display:flex;flex-direction:row;gap:10px;align-items:stretch}._count_11lki_99{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_11lki_55{display:flex;flex-direction:row;gap:0px;background:var(--background-color);border-radius:50%;padding:8px;justify-content:center;align-items:center}._activeVariant_11lki_120{border:2px solid #ff3f19}._chargeTypes_11lki_124{display:flex;flex-direction:row;gap:5px;padding:4px;border-radius:16px;background-color:var(--background-color)}._charge_11lki_124{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;color:var(--accent-color);padding:8px;border-radius:12px}._chargeActive_11lki_145{background-color:#fff;color:var(--main-color)}._title_11lki_150{font-size:16px;font-weight:700;line-height:24px}._button_1kcpz_1{display:flex;flex-direction:row;gap:0px;align-items:center;padding:10px;background-color:var(--surface-secondary);border-radius:12px;color:var(--text-secondary);cursor:pointer;position:relative}._login_1kcpz_14{padding:12px 16px}._signUp_1kcpz_18{background-color:var(--surface-action1);color:var(--text-inverted)}._buttons_1kcpz_23{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px}._modal_1kcpz_32{background-color:#fff;height:100vh;position:absolute;right:0;top:0;bottom:0;align-self:flex-end;justify-self:flex-end;border-top-left-radius:24px;border-bottom-left-radius:24px;width:100%;min-width:300px;max-width:450px}._info_1kcpz_48{display:flex;flex-direction:row;gap:8px;align-items:center}._top_1kcpz_55{display:flex;flex-direction:row;padding:26px 24px;border-bottom:var(--default-border);align-items:center;justify-content:space-between;gap:8px}._title_1kcpz_66{font-size:20px;font-weight:700;line-height:24px}._clear_1kcpz_72{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_1kcpz_79{color:#ff3f19}._count_1kcpz_83{display:flex;flex-direction:row;gap:0px;background:#ff3f19;color:#fff;width:100%;height:100%;border-radius:50%;min-width:20px;min-height:20px;align-items:center;justify-content:center}._cart_1kcpz_98{display:flex;flex-direction:column;gap:0px;height:calc(100% - 76px);width:100%}._empty_1kcpz_106{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;height:100%;flex:1 1 auto;color:var(--accent-color)}._empty_1kcpz_106 div{padding-bottom:16px}._empty_1kcpz_106 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_1kcpz_106 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_1kcpz_132{display:flex;flex-direction:row;gap:0px;padding:26px 24px;align-items:center;justify-content:space-between}._products_1kcpz_141{display:flex;flex-direction:column;gap:0px;flex:1 1 auto;overflow-y:scroll}._image_1kcpz_149{width:56px;height:56px;border-radius:12px}._productInfo_1kcpz_155{display:flex;flex-direction:row;gap:12px;align-items:center}._content_1kcpz_162{display:flex;flex-direction:column;gap:4px}._name_1kcpz_168{font-size:16px;font-weight:600;line-height:24px}._price_1kcpz_174{font-size:16px;font-weight:400;line-height:24px}._productButtons_1kcpz_180{display:flex;flex-direction:row;gap:5px;align-items:center}._productButton_1kcpz_180{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;min-width:36px;min-height:36px;background-color:var(--background-color)}._productCount_1kcpz_200{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:var(--main-color);background-color:var(--background-color)}._bottom_1kcpz_216{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_1kcpz_224{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._block_1kcpz_232{display:flex;flex-direction:row;gap:10px;align-items:center}._shoppingCount_1kcpz_239{display:flex;flex-direction:row;gap:0px;width:12px;height:12px;border-radius:50%;align-items:center;justify-content:center;background-color:#ff3f19;color:#fff;font-size:10px;font-weight:500;line-height:12px;text-align:center;position:absolute;top:8px;right:8px}._total_1kcpz_259{font-size:20px;font-weight:700;line-height:24px}._link_1kcpz_265{font-size:16px;font-weight:400;line-height:24px;color:var(--text-link)}._share_9g414_1{padding:10px;border-radius:12px;background:#f8f8f8;cursor:pointer}._modal_9g414_8{border-radius:12px;background:#fff;width:fit-content}._header_9g414_14{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:var(--default-border)}._socials_9g414_24{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between;padding:24px 24px 16px}._social_9g414_24,._copy_9g414_34{padding:12px;border-radius:12px;background:#f8f8f8;cursor:pointer}._title_9g414_41{font-size:24px;font-weight:700;line-height:32px}._copyWrapper_9g414_47{display:flex;flex-direction:row;gap:16px;width:100%;align-items:center;padding:0 24px 24px}._copyText_9g414_56{flex:1 1 auto}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- import { n as $, o as Y, p as D, q as X, r as H, f as Ye, j as e, L as we, s as Je, t as Ze, E as Ce, w as et, x as tt, c as F, I as C, y as Ie, z as Z, A as nt, B as J, F as Re, G as ot, J as ve, K as st, N as xe, O as Ee, Q as G, h as at, D as rt, H as it, u as lt, d as ct, i as ce, k as Oe, a as R, b as ae, U as _e, S as Le, P as Ne, V as Ue, W as dt, T as ut, R as ht, X as gt, M as Te, m as pt, Y as ke, Z as Pe, _ as mt, e as St, $ as bt, a0 as ft, a1 as Ct, a2 as _t, a3 as wt, a4 as vt, a5 as xt, a6 as kt, a7 as jt } from "./index-CeRgFjoD.js";
3
- import p, { useMemo as qe } from "react";
4
- const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "", yt = [
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._modal_18a97_1{display:flex;flex-direction:row;gap:0px;position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;padding:20px;justify-content:center;align-items:center;overflow:hidden}._wrapper_1gywd_1{display:flex;flex-direction:row;gap:8px;width:fit-content;align-items:center;border-radius:12px;line-height:20px;color:var(--main-color);font-size:14px;font-weight:400}._switch_1gywd_14{display:flex;flex-direction:row;gap:0px;width:40px;height:24px;background-color:#ccc;border-radius:25px;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_1gywd_14._active_1gywd_27{background:#ff3f19}._switch_1gywd_14 ._toggle_1gywd_30{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_1gywd_14._active_1gywd_27 ._toggle_1gywd_30{transform:translate(18px)}._background_1gywd_42{background-color:var(--background-color)}._padding_1gywd_46{padding:8px}._loader_nftwq_1{border:4px solid rgba(0,0,0,.1);border-left-color:var(--background-color);border-radius:50%;width:40px;height:40px;animation:_spin_nftwq_1 1s linear infinite}@keyframes _spin_nftwq_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._wrapper_18y7k_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_18y7k_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_18y7k_17{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;align-items:center;justify-content:space-between;cursor:pointer}._icon_18y7k_32{transition:.2s}._rotate_18y7k_36{transform:rotate(180deg)}._content_18y7k_40{position:relative}._options_18y7k_44{display:flex;flex-direction:column;gap:0px;position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_18y7k_44{padding:10px 12px;border-radius:12px}._option_18y7k_44:hover{background-color:#e6e6e6}._addon_18y7k_69{display:flex;flex-direction:row;gap:6px;align-items:center}._wrapper_5y1c1_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_5y1c1_9{color:var(--accent-color);font-weight:400;font-size:14px;line-height:20px}._icon_5y1c1_16{display:flex;flex-direction:row;gap:0px;padding:4px;background-color:#fff;border:var(--default-border);justify-content:center;align-items:center;border-radius:6px}._text_5y1c1_28{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_5y1c1_35{display:flex;flex-direction:row;gap:6px;align-items:center;cursor:pointer;background-color:var(--background-color);border-radius:12px;padding:6px 8px}._modal_5y1c1_46{background-color:var(--background-color);border:var(--default-border);border-radius:16px;width:100%;max-width:640px}._top_5y1c1_54{display:flex;flex-direction:row;gap:0px;padding:16px 24px;align-items:center;justify-content:space-between}._title_5y1c1_63{color:var(--main-color);font-weight:400;font-size:18px;line-height:24px}._modalContent_5y1c1_70{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:var(--default-border);border-bottom:var(--default-border);background-color:#fff}._images_5y1c1_79{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_5y1c1_88{display:flex;flex-direction:column;gap:8px;padding:43px 16px;border:1px dashed #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._description_5y1c1_100{text-align:center;color:var(--main-color);font-size:14px;line-height:20px}._description_5y1c1_100 span:last-child{padding-top:4px}._bottom_5y1c1_110{display:flex;flex-direction:row;gap:0px;justify-content:end;align-items:center;width:100%;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 24px 12px;gap:6px}._cancel_5y1c1_124{background-color:var(--background-color);color:var(--accent-color)}._highlight_5y1c1_129{color:#ff3f19;cursor:pointer}._accent_5y1c1_134{color:var(--accent-color)}._image_5y1c1_79{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_5y1c1_148{border:1px solid #ff3f19}._checkbox_5y1c1_152{position:absolute;top:12px;left:12px}._loading_5y1c1_158{display:flex;flex-direction:row;gap:0px;position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:var(--background-color);justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._spinner_5y1c1_172{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:var(--background-color);border-radius:50%;animation:_spin_5y1c1_172 1s linear infinite}@keyframes _spin_5y1c1_172{to{transform:rotate(360deg)}}._button_jrah7_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_jrah7_1:disabled{opacity:.7;cursor:auto}._primary_jrah7_13{color:#fff;background-color:#ff3f19}._secondary_jrah7_18,._tertiary_jrah7_23{color:#757575;background-color:#f0f0f0}._content_jrah7_28{display:flex;flex-direction:row;gap:4px;align-items:center}._customCheckbox_1b69m_1{display:inline-block;cursor:pointer;position:relative}._checkboxBox_1b69m_7{display:inline-block;width:20px;height:20px;border:1px solid #e6e6e6;border-radius:6px;position:relative}._checkboxBox_1b69m_7._checked_1b69m_16{background:#ffeae5;border:1px solid #ff3f19}._icon_1b69m_21{position:absolute;top:3px;left:3px}._wrapper_xswxt_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_xswxt_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_xswxt_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--background-color)}._input_xswxt_17::placeholder{color:#c2c2c2}._input_xswxt_17:disabled{background-color:var(--background-color);opacity:.7}._required_xswxt_36{border:1px solid #ff3f19}._paddingless_xswxt_40{padding:0}._content_xswxt_44{display:flex;flex-direction:row;gap:8px;position:relative;align-items:center}._borderless_xswxt_52{border-radius:0;border:none}._rightIcon_xswxt_57{position:absolute;top:10px;right:12px}._wrapper_1qvfi_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_1qvfi_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._textarea_1qvfi_18{width:100%;background-color:var(--background-color);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_1qvfi_18::placeholder{color:#c2c2c2}._length_1qvfi_33{position:absolute;bottom:12px;right:12px;color:#c2c2c2;line-height:20px}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}*{padding:0;margin:0;border:0}*,*:before,*:after{box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{width:100%;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6,a{font-size:inherit}a{color:inherit}*{-webkit-tap-highlight-color:transparent}input{border:none;background:none;outline:none;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border:none;background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}:root{--default-border: 1px solid #f0f0f0;--accent-color: #757575;--main-color: #252525;--background-color: #f8f8f8}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100dvh;overflow:hidden}._buttons_uu72s_1{display:flex;flex-direction:row;gap:5px;align-items:center}._button_uu72s_1{cursor:pointer;padding:10px;border-radius:12px}._button_uu72s_1:hover{background-color:#f0f0f0}._disabled_uu72s_17{cursor:default}._disabled_uu72s_17:hover{background-color:inherit}._wrapper_1dfbs_1{display:flex;flex-direction:column;gap:0px;height:100%;overflow-y:scroll}._main_1dfbs_9{flex:1 1 auto}._loading_1dfbs_13{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._wrapper_5w9s8_1{width:100%;padding:20px;text-align:center}._wrapper_rccv2_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;align-items:center;justify-content:center}._content_rccv2_11{display:flex;flex-direction:column;gap:10px;background-color:var(--background-color);border:var(--default-border);padding:24px;border-radius:12px}._title_rccv2_21{font-weight:700;color:#252525;font-size:20px;line-height:24px;padding-bottom:10px}._devices_1b6y1_1{display:flex;flex-direction:row;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_1b6y1_1{display:flex;flex-direction:row;gap:0px;padding:6px 8px;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_1b6y1_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_1b6y1_26{background-color:#fff}._active_1b6y1_26:hover{border:1px solid var(--background-color);box-shadow:none}._header_2d8xd_1{display:flex;flex-direction:row;gap:24px;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);align-items:center;justify-content:space-between}._left_2d8xd_13,._right_2d8xd_14{display:flex;flex-direction:row;gap:24px;align-items:center}._preview_93shy_2{display:flex;flex-direction:row;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:10px 16px;cursor:pointer;border:1px solid #fff;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._preview_93shy_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_93shy_23{background-color:var(--background-color)}._active_93shy_23:hover{border:1px solid #fff;box-shadow:none}._settings_u4cv4_1{display:flex;flex-direction:row;gap:20px;align-items:center;color:var(--accent-color)}._pages_1mwe1_1{position:relative}._default_1mwe1_5{display:flex;flex-direction:row;gap:4px;align-items:center;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_1mwe1_17{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_1mwe1_23{display:flex;flex-direction:row;gap:0px;position:absolute;top:45px;width:320px;left:0;z-index:5000;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;flex-direction:column}._page_1mwe1_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_1mwe1_49{background-color:var(--background-color)}._separator_1mwe1_53{border-bottom:var(--default-border)}._button_1mwe1_57{display:flex;flex-direction:row;gap:8px;background:inherit;color:#ff3f19;align-items:center;justify-content:start;padding:16px 8px 12px;transition:.2s}._button_1mwe1_57:hover{background-color:var(--background-color)}._items_1mwe1_72{max-height:400px;overflow-y:scroll;height:100%}._zoom_1q1ud_1{display:flex;flex-direction:row;gap:4px;align-items:center;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_1jz2h_1{display:flex;flex-direction:row;gap:4px;align-items:center;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_1wk4t_1{display:flex;flex-direction:row;gap:8px;border-bottom:var(--default-border);align-items:center;padding:22px;cursor:pointer}._text_1wk4t_11{color:var(--main-color);line-height:20px}._navbar_14j8e_1{width:100px;border-right:var(--default-border)}._main_14j8e_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_14j8e_13{display:flex;flex-direction:column;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_14j8e_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_14j8e_30{background-color:var(--background-color);color:var(--main-color)}._active_14j8e_30:hover{border:1px solid #fff;box-shadow:none}._preview_1howr_1{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;align-items:center;justify-content:center;z-index:500}._main_1howr_14{display:flex;flex-direction:column;gap:0px;width:100%;overflow-y:auto;height:calc(100vh - 85px);position:relative;z-index:1}._content_1howr_25{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1howr_32{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._loader_1howr_42{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_1howr_1 1s linear infinite}@keyframes _spin_1howr_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_obebc_1{display:flex;flex-direction:row;gap:0px;width:100%;padding:18px;justify-content:center;border:var(--default-border);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:none;z-index:5}._circles_obebc_16{display:flex;flex-direction:row;gap:8px;left:28px;top:28px;position:absolute;align-items:center}._circle_obebc_16{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_obebc_33{background:#ff5f57}._green_obebc_37{background:#28c840}._yellow_obebc_41{background:#febc2e}._input_obebc_45{display:flex;flex-direction:row;gap:0px;background-color:var(--background-color);padding:6px 8px;max-width:480px;width:100%;border-radius:6px}._main_obebc_56{display:flex;flex-direction:row;gap:4px;flex:1 1 auto;align-items:center;justify-content:center}._text_obebc_65{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_glpob_1{display:flex;flex-direction:column;gap:0px;width:100%;height:100%}._main_glpob_9{flex:1 0 auto}._block_glpob_13{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_glpob_20{border:2px solid #ff3f19}._name_glpob_24{z-index:10;position:absolute;top:-28px;left:-2px;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;background:#ff3f19;padding:4px 12px;line-height:20px;text-align:center}._empty_glpob_38{display:flex;flex-direction:column;gap:4px;height:100%;width:100%;align-items:center;justify-content:center;text-align:center}._icon_glpob_49{display:flex;flex-direction:row;gap:0px;width:64px;height:64px;background-color:var(--background-color);border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_glpob_62{font-weight:700;font-size:24px;line-height:32px}._text_glpob_68{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_glpob_74{display:flex;flex-direction:row;gap:24px;padding:0 20px;margin:20px 0 0;flex-wrap:wrap;justify-content:center}._section_glpob_74{display:flex;flex-direction:row;gap:10px;cursor:pointer;max-width:288px;width:100%;align-items:center;justify-content:space-between;padding:24px;background-color:var(--background-color);border-radius:24px;color:var(--accent-color)}._sidebar_1cz73_1{display:flex;flex-direction:row;gap:0px;position:absolute;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1cz73_14{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1cz73_24{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1cz73_34:hover{background-color:var(--background-color)}._border_1cz73_38{border-bottom:var(--default-border)}._deleteButton_1cz73_42:hover{background-color:#dd6363;color:#fff}._results_12p5x_1{display:flex;flex-direction:column;gap:20px;padding:8px}._name_12p5x_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_12p5x_15{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between;cursor:pointer}._search_186hm_1{display:flex;flex-direction:row;gap:10px;background:var(--background-color);padding:8px 12px;align-items:center;border-radius:12px;width:100%;margin:8px 0}._input_186hm_13{width:100%;font-size:16px;line-height:24px;color:var(--main-color)}._input_186hm_13::placeholder{color:#c2c2c2}._wrapper_q0sfn_1{display:flex;flex-direction:row;gap:0px;border:var(--default-border);width:fit-content;height:fit-content;max-height:500px;max-width:500px;min-width:300px;padding:10px;left:10px;top:10px;position:absolute;z-index:1000;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._applyButton_11q4y_2{flex:0 1 50%;font-weight:400}._cancelButton_11q4y_7{background-color:var(--background-color);color:var(--accent-color)}._content_11q4y_12{display:flex;flex-direction:column;gap:0px;width:100%}._label_11q4y_19{display:flex;flex-direction:row;gap:8px;padding:8px 12px;border-radius:8px;align-items:center;position:relative;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_11q4y_32{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_11q4y_39{display:flex;flex-direction:column;gap:10px;left:15px;width:288px;overflow-y:auto;z-index:100000000;position:fixed;background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e6e6e6;height:400px;font-size:16px;line-height:24px;font-weight:700}._colorMap_11q4y_58{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_11q4y_66{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_11q4y_75{width:80%;left:30px;height:8px;position:absolute;bottom:80px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red,red);border-radius:5px}input[type=range]{display:flex;flex-direction:row;gap:0px;-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;justify-content:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:50%;cursor:pointer}._slider_11q4y_106{width:100%;cursor:pointer}._buttons_11q4y_111{display:flex;flex-direction:row;gap:5px;width:100%}._name_11q4y_118{line-height:20px;padding:0 4px 4px}._secondary_11q4y_123{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_11q4y_131{line-height:20px;font-size:14px;font-weight:400}._sidebar_1yyyy_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:calc(100vh - 60px);position:relative}._title_1yyyy_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_1yyyy_18{display:flex;flex-direction:row;gap:8px;align-items:center}._layers_1on0q_1{display:flex;flex-direction:column;gap:0px;position:relative;height:100%}._block_1on0q_9{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1on0q_9:hover{background-color:var(--background-color)}._dragging_1on0q_25{box-shadow:0 2.1px 4.36px #00000004;box-shadow:0 5.3px 10.22px #00000005;border:var(--default-border);box-shadow:0 10.81px 19.93px #00000006;cursor:grabbing}._active_1on0q_33{background:#ffeae5}._add_1on0q_37{display:flex;flex-direction:row;gap:0px;z-index:2;position:absolute;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_1on0q_51{display:flex;flex-direction:row;gap:0px;position:relative;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_1on0q_66{display:flex;flex-direction:column;gap:4px;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;color:var(--accent-color)}._title_1on0q_78{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_1on0q_85{margin:0 0 12px}._text_1on0q_89{font-size:16px;font-weight:400;line-height:24px}._highlight_1on0q_95{color:#ff3f19;cursor:pointer}._block_586dq_1{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_586dq_1:hover{background-color:var(--background-color)}._theme_1wwlz_1{display:flex;flex-direction:column;gap:0px}._block_1wwlz_7{display:flex;flex-direction:row;gap:8px;justify-content:start;align-items:center;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1wwlz_7:hover{background-color:var(--background-color)}._name_1wwlz_22{flex:1 1 auto}._back_2jwrk_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding-bottom:8px}._render_2jwrk_9{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:501}._open_2jwrk_24{animation:.2s _open_2jwrk_24 forwards}@keyframes _open_2jwrk_24{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_2jwrk_51{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_2jwrk_51{animation:.2s _close_2jwrk_51 forwards}._clicked_2jwrk_55{opacity:0}._title_2jwrk_59{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._button_2jwrk_67{align-self:center;flex:1}._loading_2jwrk_72{flex:1 1 auto}._settings_2jwrk_76{flex:1 1 100%;overflow-y:scroll;overflow-x:hidden}._deleteButton_2jwrk_82{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_2jwrk_82:hover{background-color:#dd6363;color:#fff}._settings_ss3tc_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:3}._open_ss3tc_16{transform:translate(0)}._close_ss3tc_20{transform:translate(320px)}._header_ss3tc_24{display:flex;flex-direction:row;gap:8px;align-items:center}._title_ss3tc_31{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_ss3tc_38{display:flex;flex-direction:row;gap:4px;color:#ff3f19;align-items:center;cursor:pointer}._wrapper_joj7w_1{overflow-y:scroll}._category_joj7w_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_joj7w_11{font-weight:600;font-size:16px;line-height:24px}._color_joj7w_17{display:flex;flex-direction:column;gap:0px}._color_joj7w_17:not(:last-child){border-bottom:var(--default-border)}._content_joj7w_26{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;flex:1 1 auto}._preview_joj7w_35{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._tip_q9ixw_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:8px;border-radius:12px;width:100%;height:100%}._text_q9ixw_12{flex:1 1 auto;line-height:20px;font-size:14px}._warning_q9ixw_18{background:#faf8e6;color:#c1972a}._error_q9ixw_23{background:#ffc3b7;color:#ff3f19}._success_q9ixw_28{background:#e5fadd;color:#338b13}._hide_q9ixw_33{display:none}._wrapper_dv4am_2{overflow-y:scroll}._category_dv4am_6{display:flex;flex-direction:column;gap:0px}._categoryTitle_dv4am_12{font-weight:600;font-size:16px;line-height:24px}._color_dv4am_18{display:flex;flex-direction:column;gap:8px}._name_dv4am_24{line-height:20px;padding:0 4px 4px}._content_dv4am_29{display:flex;flex-direction:column;gap:0px;width:100%}._label_dv4am_36{display:flex;flex-direction:row;gap:5px;padding:8px 12px;border-radius:12px;align-items:center;width:100%;background-color:var(--background-color);cursor:pointer}._input_dv4am_48[type=color]{width:20px;height:20px;padding:1px}._input_dv4am_48{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_dv4am_48::-webkit-color-swatch{border-radius:50%;border:none}._input_dv4am_48::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_dv4am_74{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_dv4am_82{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_dv4am_82:not(:last-child){border-bottom:var(--default-border)}._alignments_dv4am_92{display:flex;flex-direction:column;gap:10px}._lineField_dv4am_98{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center}._style_dv4am_106{display:flex;flex-direction:column;gap:8px;flex:1 0 50%}._header_dv4am_113{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._blocks_emecf_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_emecf_1{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_emecf_21{border:1px solid #ff3f19}._wrapper_lov6e_1{overflow-y:scroll}._category_lov6e_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_lov6e_11{font-weight:600;font-size:16px;line-height:24px}._font_lov6e_17{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_lov6e_17:hover{background-color:var(--background-color);border-radius:8px}._font_lov6e_17:not(:last-child){border-bottom:var(--default-border)}._font_lov6e_17:not(:last-child):hover{border-bottom:1px solid var(--background-color)}._content_lov6e_38{display:flex;flex-direction:column;gap:0px;width:100%}._icon_lov6e_45{display:flex;flex-direction:row;gap:0px;padding:8px;border-radius:8px;background-color:var(--background-color);align-items:center;justify-content:center}._paragraph_lov6e_56{padding:12px}._deleteIcon_lov6e_60{position:absolute;right:10px;width:20px;height:20px}._iconButton_lov6e_67{width:32px;height:32px}._wrapper_smgf8_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_smgf8_16{transform:translate(0)}._close_smgf8_20{transform:translate(320px)}._header_smgf8_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_smgf8_32{font-weight:700;font-size:20px;line-height:24px}._options_smgf8_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_smgf8_45{opacity:0}._wrapper_1phvv_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_1phvv_16{transform:translate(0)}._close_1phvv_20{transform:translate(320px)}._header_1phvv_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_1phvv_32{font-weight:700;font-size:20px;line-height:24px}._options_1phvv_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1phvv_45{opacity:0}._label_1phvv_49{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1phvv_56{display:flex;flex-direction:column;gap:10px}._blocks_1phvv_62{display:flex;flex-direction:row;gap:8px;align-items:center}._alignment_1phvv_56{padding:8px;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1phvv_77{border:1px solid #ff3f19}._wrapper_gibny_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_gibny_12{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_gibny_23{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_gibny_31{display:flex;flex-direction:row;gap:12px;justify-content:end}._cancel_gibny_38{background-color:var(--background-color);color:var(--accent-color)}._label_gibny_43,._description_gibny_44{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_gibny_52{display:flex;flex-direction:column;gap:10px}._block_gibny_58{display:flex;flex-direction:column;gap:0px;padding:24px;border:1px solid var(--background-color);border-radius:8px}._slug_gibny_67{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_gibny_73{font-weight:600;font-size:16px;line-height:24px}._wrapper_ba9vp_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_ba9vp_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_ba9vp_18{display:flex;flex-direction:row;gap:20px}._radioLabel_ba9vp_24{display:flex;flex-direction:row;gap:0px;align-items:center;cursor:pointer;position:relative}._radio_ba9vp_24{position:absolute;opacity:0;cursor:pointer}._custom_ba9vp_39{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_ba9vp_24:checked+._custom_ba9vp_39{border-color:#ff3f19;background:#ffeae5}._custom_ba9vp_39:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#e53e3e;opacity:0}._radio_ba9vp_24:checked+._custom_ba9vp_39:after{opacity:1}._option_ba9vp_18{font-size:16px;line-height:24px;font-weight:400}._layout_3kge3_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;position:relative}._main_3kge3_10{display:flex;flex-direction:column;gap:0px;width:100%;position:relative}._content_3kge3_18{display:flex;flex-direction:row;gap:0px;position:relative;height:100%}._notification_3kge3_26{z-index:100000000;position:fixed;bottom:5px;right:5px;min-height:50px;min-width:200px}._wrapper_5ve9u_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;align-items:center;justify-content:center}._error_5ve9u_11{display:flex;flex-direction:column;gap:10px;background-color:var(--background-color);border:var(--default-border);padding:24px;border-radius:12px}._title_5ve9u_21{font-weight:700;color:#252525;font-size:20px;line-height:24px;padding-bottom:10px}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--billgang-color-signal-danger: #c12a2a;--billgang-color-brand-default: #ff3f19;--billgang-color-brand-light: #ffeae5;--billgang-color-brand-lighter: rgba(255, 64, 26, .1);--billgang-color-surface-0: #f8f8f8;--billgang-color-surface-100: #ffffff;--billgang-color-surface-200: #c2c2c2;--billgang-color-text-brandDefault: #252525;--billgang-color-text-secondary: #757575;--billgang-color-border-default: #f0f0f0;--billgang-color-border-hover: #e6e6e6;--billgang-color-shadow-0: #dfdfdf;--billgang-color-success-background: #e5fadd;--billgang-color-success-text: #338b13;--billgang-color-warning-background: #faf8e6;--billgang-color-warning-text: #c1972a;--billgang-color-error-background: #fae6e6;--billgang-color-dialog-backdrop: rgba(37, 37, 37, .25);--billgang-color-field-background-default: var( --billgang-color-surface-200 );--billgang-color-field-background-hover: var(--billgang-color-surface-100);--billgang-color-field-background-focus: var(--billgang-color-surface-100);--billgang-color-field-border-default: var(--billgang-color-surface-200);--billgang-color-field-border-hover: var(--billgang-color-surface-200);--billgang-color-field-border-focus: var(--billgang-color-brand-default);--billgang-shadow-0: 0 1px 0 var(--billgang-color-shadow-0);--billgang-shadow-field: 0 0 0 3px var(--billgang-color-brand-light);--billgang-shadow-dialog: 0 10px 20px rgba(0, 0, 0, .05)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.flex-center{display:flex;align-items:center;justify-content:center}.icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:24px;background-color:var(--billgang-color-surface-0)}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-4{top:1rem;right:1rem;bottom:1rem;left:1rem}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-3{bottom:.75rem}.bottom-\\[60px\\]{bottom:60px}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.right-\\[14px\\]{right:14px}.top-0{top:0}.top-6{top:1.5rem}.top-8{top:2rem}.-z-50{z-index:-50}.z-10{z-index:10}.z-50{z-index:50}.z-\\[1000\\]{z-index:1000}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.row-span-2{grid-row:span 2 / span 2}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-\\[6px\\]{margin-left:6px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[1px\\]{margin-top:1px}.mt-\\[2px\\]{margin-top:2px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-12{width:3rem;height:3rem}.size-4{width:1rem;height:1rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[21px\\]{height:21px}.h-\\[276px\\]{height:276px}.h-\\[28px\\]{height:28px}.h-\\[38px\\]{height:38px}.h-\\[4px\\]{height:4px}.h-\\[56px\\]{height:56px}.h-\\[80\\%\\]{height:80%}.h-\\[92\\%\\]{height:92%}.h-\\[92px\\]{height:92px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-8{max-height:2rem}.max-h-\\[230px\\]{max-height:230px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[96px\\]{min-height:96px}.min-h-svh{min-height:100svh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[120px\\]{width:120px}.w-\\[160px\\]{width:160px}.w-\\[20px\\]{width:20px}.w-\\[21px\\]{width:21px}.w-\\[256px\\]{width:256px}.w-\\[28px\\]{width:28px}.w-\\[56px\\]{width:56px}.w-\\[calc\\(100\\%\\/6\\)\\]{width:calc(100% / 6)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-12{min-width:3rem}.min-w-4{min-width:1rem}.min-w-8{min-width:2rem}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[18px\\]{min-width:18px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[1120px\\]{max-width:1120px}.max-w-\\[368px\\]{max-width:368px}.max-w-\\[376px\\]{max-width:376px}.max-w-\\[40\\%\\]{max-width:40%}.max-w-\\[456px\\]{max-width:456px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[85\\%\\]{max-width:85%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\\[minmax\\(120px\\,auto\\)_minmax\\(0\\,20\\%\\)_repeat\\(4\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) minmax(0,20%) repeat(4,minmax(min-content,auto))}.grid-cols-\\[minmax\\(120px\\,auto\\)_repeat\\(5\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) repeat(5,minmax(min-content,auto))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.\\!items-start{align-items:flex-start!important}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\\[6px\\]{gap:6px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[100px\\]{border-radius:100px}.rounded-\\[32px\\]{border-radius:32px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[6px\\]{border-radius:6px}.rounded-base{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:24px}.rounded-t-xl{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\\!border-brandDefault{border-color:var(--billgang-color-brand-default)!important}.border-borderDefault{border-color:var(--billgang-color-border-default)}.border-borderHover{border-color:var(--billgang-color-border-hover)}.border-brandDefault{border-color:var(--billgang-color-brand-default)}.border-textPrimary{border-color:var(--billgang-color-text-brandDefault)}.border-transparent{border-color:transparent}.border-x-borderDefault{border-left-color:var(--billgang-color-border-default);border-right-color:var(--billgang-color-border-default)}.border-x-brandDefault{border-left-color:var(--billgang-color-brand-default);border-right-color:var(--billgang-color-brand-default)}.border-x-surface100{border-left-color:var(--billgang-color-surface-100);border-right-color:var(--billgang-color-surface-100)}.border-b-transparent{border-bottom-color:transparent}.border-t-borderDefault{border-top-color:var(--billgang-color-border-default)}.border-t-brandDefault{border-top-color:var(--billgang-color-brand-default)}.border-t-surface100{border-top-color:var(--billgang-color-surface-100)}.\\!bg-surface0{background-color:var(--billgang-color-surface-0)!important}.bg-\\[rgba\\(37\\,37\\,37\\,0\\.24\\)\\]{background-color:#2525253d}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-borderDefault{background-color:var(--billgang-color-border-default)}.bg-brandDefault{background-color:var(--billgang-color-brand-default)}.bg-brandLight{background-color:var(--billgang-color-brand-light)}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-signalDangerBackground{background-color:var(--billgang-color-error-background)}.bg-successBackground{background-color:var(--billgang-color-success-background)}.bg-surface0{background-color:var(--billgang-color-surface-0)}.bg-surface100{background-color:var(--billgang-color-surface-100)}.bg-textPrimary{background-color:var(--billgang-color-text-brandDefault)}.bg-transparent{background-color:transparent}.bg-warningBackground{background-color:var(--billgang-color-warning-background)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.fill-brandDefault{fill:var(--billgang-color-brand-default)}.fill-signalDanger{fill:var(--billgang-color-signal-danger)}.fill-surface100{fill:var(--billgang-color-surface-100)}.fill-textPrimary{fill:var(--billgang-color-text-brandDefault)}.fill-textSecondary{fill:var(--billgang-color-text-secondary)}.stroke-borderDefault{stroke:var(--billgang-color-border-default)}.stroke-brandDefault{stroke:var(--billgang-color-brand-default)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[12px_16px\\]{padding:12px 16px}.p-\\[12px_16px_10px\\]{padding:12px 16px 10px}.p-\\[4px_8px\\]{padding:4px 8px}.p-\\[6px\\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-9{padding-bottom:2.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pl-\\[6px\\]{padding-left:6px}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:16px}.text-lg{font-size:20px}.text-sm{font-size:14px}.text-xl{font-size:24px}.text-xs{font-size:12px}.text-xxl{font-size:32px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-10{line-height:2.5rem}.text-brandDefault{color:var(--billgang-color-brand-default)}.text-signalDanger{color:var(--billgang-color-signal-danger)}.text-successText{color:var(--billgang-color-success-text)}.text-surface100{color:var(--billgang-color-surface-100)}.text-surface200{color:var(--billgang-color-surface-200)}.text-textPrimary{color:var(--billgang-color-text-brandDefault)}.text-textSecondary{color:var(--billgang-color-text-secondary)}.text-warningText{color:var(--billgang-color-warning-text)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-shadow0{--tw-shadow: var(--billgang-shadow-0);--tw-shadow-colored: var(--billgang-shadow-0);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: var(--billgang-color-shadow-0);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-2{outline-width:2px}.outline-offset-\\[-1px\\]{outline-offset:-1px}.outline-brandDefault{outline-color:var(--billgang-color-brand-default)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{font-family:Archivo,sans-serif;color:var(--billgang-color-text-brandDefault)}html,body,#root{height:100%}.grecaptcha-badge{visibility:hidden}.placeholder\\:text-surface200::-moz-placeholder{color:var(--billgang-color-surface-200)}.placeholder\\:text-surface200::placeholder{color:var(--billgang-color-surface-200)}.first\\:rounded-l-base:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.last\\:rounded-r-base:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.last\\:border-r-0:last-child{border-right-width:0px}.last-of-type\\:border-none:last-of-type{border-style:none}.last-of-type\\:pb-0:last-of-type{padding-bottom:0}.hover\\:bg-surface100:hover{background-color:var(--billgang-color-surface-100)}.hover\\:text-textPrimary:hover{color:var(--billgang-color-text-brandDefault)}.hover\\:underline:hover{text-decoration-line:underline}.disabled\\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 768px){.md\\:bottom-auto{bottom:auto}.md\\:left-1\\/2{left:50%}.md\\:top-1\\/2{top:50%}.md\\:mb-0{margin-bottom:0}.md\\:ml-auto{margin-left:auto}.md\\:mr-4{margin-right:1rem}.md\\:mt-0{margin-top:0}.md\\:mt-5{margin-top:1.25rem}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-\\[92px\\]{height:92px}.md\\:h-auto{height:auto}.md\\:h-full{height:100%}.md\\:h-svh{height:100svh}.md\\:max-h-svh{max-height:100svh}.md\\:min-h-\\[92px\\]{min-height:92px}.md\\:w-\\[320px\\]{width:320px}.md\\:w-\\[40\\%\\]{width:40%}.md\\:w-\\[50\\%\\]{width:50%}.md\\:w-\\[640px\\]{width:640px}.md\\:w-\\[720px\\]{width:720px}.md\\:w-auto{width:auto}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:w-full{width:100%}.md\\:max-w-\\[520px\\]{max-width:520px}.md\\:-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-\\[1\\]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:flex-col-reverse{flex-direction:column-reverse}.md\\:items-start{align-items:flex-start}.md\\:items-end{align-items:flex-end}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-2{gap:.5rem}.md\\:gap-3{gap:.75rem}.md\\:overflow-auto{overflow:auto}.md\\:rounded-none{border-radius:0}.md\\:rounded-xl{border-radius:24px}.md\\:border-none{border-style:none}.md\\:bg-transparent{background-color:transparent}.md\\:p-10{padding:2.5rem}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-6{padding-bottom:1.5rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-0{padding-top:0}.md\\:opacity-0{opacity:0}.md\\:opacity-100{opacity:1}}@media (min-width: 1024px){.lg\\:bottom-10{bottom:2.5rem}.lg\\:left-auto{left:auto}.lg\\:right-0{right:0}.lg\\:col-span-1{grid-column:span 1 / span 1}.lg\\:col-span-4{grid-column:span 4 / span 4}.lg\\:mb-0{margin-bottom:0}.lg\\:ml-3{margin-left:.75rem}.lg\\:h-\\[72px\\]{height:72px}.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-4{gap:1rem}.lg\\:p-6{padding:1.5rem}.lg\\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\\:pb-6{padding-bottom:1.5rem}}@media (min-width: 1280px){.xl\\:mt-1{margin-top:.25rem}.xl\\:block{display:block}.xl\\:flex{display:flex}.xl\\:max-w-\\[320px\\]{max-width:320px}.xl\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\\:flex-row{flex-direction:row}.xl\\:rounded-base{border-radius:12px}.xl\\:border-r{border-right-width:1px}.xl\\:border-none{border-style:none}.xl\\:bg-surface0{background-color:var(--billgang-color-surface-0)}.xl\\:p-6{padding:1.5rem}.xl\\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.xl\\:pr-0{padding-right:0}.xl\\:pr-10{padding-right:2.5rem}.xl\\:pr-4{padding-right:1rem}.xl\\:hover\\:bg-surface0:hover{background-color:var(--billgang-color-surface-0)}}._wrapper_9rr5j_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_9rr5j_8{display:flex;flex-direction:column;gap:6px;padding:10px 0 16px}._title_9rr5j_15{font-weight:700;line-height:24px;font-size:16px;color:var(--main-color)}._subtitle_9rr5j_22{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._alignmentContent_9rr5j_29{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:stretch}._alignments_9rr5j_37{border-radius:12px;background:var(--background-color);display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_9rr5j_8{display:flex;flex-direction:row;gap:0px;cursor:pointer;height:100%;width:100%;align-items:center;justify-content:center}._circle_9rr5j_58{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_9rr5j_65{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_9rr5j_65{display:flex;flex-direction:row;gap:4px;width:68px;align-items:center;background:var(--background-color);border-radius:12px;padding:10px 8px}._input_9rr5j_84{width:100%}._subtitle_1qrz9_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1qrz9_8,._text_1qrz9_9{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._top_1qrz9_17{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1qrz9_26{display:flex;flex-direction:column;gap:6px}._typeTexts_rcw8p_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_rcw8p_8{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_rcw8p_21{border:1px solid #ff3f19}._subtitle_cuny2_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_cuny2_8,._text_cuny2_9,._productsBlock_cuny2_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_cuny2_10{position:relative}._top_cuny2_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_cuny2_31{display:flex;flex-direction:column;gap:6px}._typeTexts_cuny2_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_cuny2_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_cuny2_57{border:1px solid #ff3f19}._products_cuny2_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_cuny2_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_cuny2_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._disabled_cuny2_87{color:var(--accent-color)}._image_cuny2_91{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_cuny2_98{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_cuny2_110{flex:1 1 100%}._buttons_cuny2_114{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_cuny2_121{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_cuny2_121 ._top_cuny2_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_cuny2_141{display:flex;flex-direction:column;gap:8px}._modalOptions_cuny2_147{display:flex;flex-direction:column;gap:10px}._other_g74jx_1{display:flex;flex-direction:column;gap:6px}._subtitle_g74jx_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._items_g74jx_14{display:flex;flex-direction:column;gap:8px}._subtitle_1fb9q_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1fb9q_8,._text_1fb9q_9,._productsBlock_1fb9q_10,._buttonsBlock_1fb9q_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px}._buttonsBlock_1fb9q_11{position:relative}._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1fb9q_31{display:flex;flex-direction:column;gap:6px}._typeTexts_1fb9q_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_1fb9q_44{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1fb9q_56{border:1px solid #ff3f19}._products_1fb9q_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_1fb9q_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_1fb9q_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_1fb9q_86{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_1fb9q_93{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_1fb9q_105{flex:1 1 100%}._buttons_1fb9q_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_1fb9q_116{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_1fb9q_116 ._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_1fb9q_135{display:flex;flex-direction:column;gap:6px}._options_1fb9q_141{display:flex;flex-direction:column;gap:15px}._subtitle_m8qel_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_m8qel_8,._text_m8qel_9,._productsBlock_m8qel_10,._buttonsBlock_m8qel_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._buttonsBlock_m8qel_11{position:relative}._top_m8qel_23{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_m8qel_32{display:flex;flex-direction:column;gap:6px}._typeTexts_m8qel_38{display:flex;flex-direction:row;gap:8px;align-items:center}._block_m8qel_45{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_m8qel_58{border:1px solid #ff3f19}._products_m8qel_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_m8qel_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_m8qel_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_m8qel_88{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_m8qel_95{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_m8qel_107{flex:1 1 100%}._buttons_m8qel_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_m8qel_118{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_m8qel_118 ._top_m8qel_23{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_m8qel_137{display:flex;flex-direction:column;gap:6px}._options_m8qel_143{display:flex;flex-direction:column;gap:15px}._wrapper_m18qi_1{display:flex;flex-direction:column;gap:6px}._subtitle_m18qi_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._content_m18qi_14{display:flex;flex-direction:row;gap:10px;align-items:center;width:100%}._range_m18qi_22{position:relative;flex:1}._track_m18qi_27{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_m18qi_36{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_m18qi_46{display:flex;flex-direction:row;gap:0px;position:absolute;justify-content:space-between;width:100%}._dot_m18qi_46{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_m18qi_46._active_m18qi_65{background-color:#ff3f19;transform:scale(1)}._dot_m18qi_46:not(._active_m18qi_65){background-color:#e5e7eb;transform:scale(.9)}._dot_m18qi_46:hover{transform:scale(1.1)}._input_m18qi_77{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_m18qi_77::-webkit-slider-thumb,._input_m18qi_77::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_m18qi_91{display:flex;flex-direction:row;gap:10px;align-items:center;padding:8px 12px;background:var(--background-color);border-radius:12px}._count_m18qi_91{font-size:16px;font-weight:400;line-height:24px}._controls_m18qi_107{display:flex;flex-direction:column;gap:0px}._button_m18qi_113{transition:background-color .2s}._button_m18qi_113:hover{background-color:#f3f4f6}._button_m18qi_113:disabled{opacity:.5}._subtitle_16rdk_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_16rdk_8,._text_16rdk_9,._productsBlock_16rdk_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_16rdk_10{position:relative}._top_16rdk_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_16rdk_31{display:flex;flex-direction:column;gap:6px}._typeTexts_16rdk_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_16rdk_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_16rdk_57{border:1px solid #ff3f19}._products_16rdk_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_16rdk_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_16rdk_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_16rdk_87{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_16rdk_94{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_16rdk_106{flex:1 1 100%}._buttons_16rdk_110{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_16rdk_117{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_16rdk_117 ._top_16rdk_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_16rdk_137{display:flex;flex-direction:column;gap:8px}._modalOptions_16rdk_143{display:flex;flex-direction:column;gap:10px}._options_1u21a_1{display:flex;flex-direction:column;gap:20px;border-radius:16px;border:var(--default-border);width:100%;height:fit-content;padding:24px}._price_1u21a_12{display:flex;flex-direction:row;gap:4px;align-items:flex-start}._oldPrice_1u21a_19{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:var(--accent-color)}._newPrice_1u21a_27{font-size:20px;font-weight:700;line-height:24px;color:var(--main-color)}._meta_1u21a_34{display:flex;flex-direction:column;gap:10px}._info_1u21a_40{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}._infoRight_1u21a_48{display:flex;flex-direction:row;gap:5px;align-items:center}._buttons_1u21a_55{display:flex;flex-direction:column;gap:8px;width:100%}._variants_1u21a_62{display:flex;flex-direction:column;gap:20px}._variant_1u21a_62{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;border-radius:12px;padding:12px 16px;border:2px solid #e6e6e6}._stock_1u21a_79{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._variantInfo_1u21a_86{display:flex;flex-direction:column;gap:4px}._quantity_1u21a_92{display:flex;flex-direction:row;gap:10px;align-items:stretch}._count_1u21a_99{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_1u21a_55{display:flex;flex-direction:row;gap:0px;background:var(--background-color);border-radius:50%;padding:8px;justify-content:center;align-items:center}._button_1u21a_55:disabled{opacity:.7}._activeVariant_1u21a_124{border:2px solid #ff3f19}._chargeTypes_1u21a_128{display:flex;flex-direction:row;gap:5px;padding:4px;border-radius:16px;background-color:var(--background-color)}._charge_1u21a_128{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;color:var(--accent-color);padding:8px;border-radius:12px}._chargeActive_1u21a_149{background-color:#fff;color:var(--main-color)}._title_1u21a_154{font-size:16px;font-weight:700;line-height:24px}._button_iohac_1{display:flex;flex-direction:row;gap:0px;align-items:center;padding:10px;background-color:var(--surface-secondary);border-radius:12px;color:var(--text-secondary);cursor:pointer;position:relative}._login_iohac_14{padding:12px 16px}._signUp_iohac_18{background-color:var(--surface-action1);color:var(--text-inverted)}._buttons_iohac_23{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px}._modal_iohac_32{background-color:#fff;height:100vh;position:absolute;right:0;top:0;bottom:0;align-self:flex-end;justify-self:flex-end;border-top-left-radius:24px;border-bottom-left-radius:24px;width:100%;min-width:300px;max-width:450px}._info_iohac_48{display:flex;flex-direction:row;gap:8px;align-items:center}._top_iohac_55{display:flex;flex-direction:row;padding:26px 24px;border-bottom:var(--default-border);align-items:center;justify-content:space-between;gap:8px}._title_iohac_66{font-size:20px;font-weight:700;line-height:24px}._clear_iohac_72{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_iohac_79{color:#ff3f19}._count_iohac_83{display:flex;flex-direction:row;gap:0px;background:#ff3f19;color:#fff;width:100%;height:100%;border-radius:50%;min-width:20px;min-height:20px;align-items:center;justify-content:center}._cart_iohac_98{display:flex;flex-direction:column;gap:0px;height:calc(100% - 76px);width:100%}._empty_iohac_106{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;height:100%;flex:1 1 auto;color:var(--accent-color)}._empty_iohac_106 div{padding-bottom:16px}._empty_iohac_106 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_iohac_106 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_iohac_132{display:flex;flex-direction:row;gap:0px;padding:26px 24px;align-items:center;justify-content:space-between}._products_iohac_141{display:flex;flex-direction:column;gap:0px;flex:1 1 auto;overflow-y:scroll}._image_iohac_149{width:56px;height:56px;border-radius:12px}._productInfo_iohac_155{display:flex;flex-direction:row;gap:12px;align-items:center}._content_iohac_162{display:flex;flex-direction:column;gap:4px}._name_iohac_168{font-size:16px;font-weight:600;line-height:24px}._price_iohac_174{font-size:16px;font-weight:400;line-height:24px}._productButtons_iohac_180{display:flex;flex-direction:row;gap:5px;align-items:center}._productButton_iohac_180{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;min-width:36px;min-height:36px;background-color:var(--background-color)}._productCount_iohac_200{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:var(--main-color);background-color:var(--background-color)}._bottom_iohac_216{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_iohac_224{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._block_iohac_232{display:flex;flex-direction:row;gap:10px;align-items:center}._shoppingCount_iohac_239{display:flex;flex-direction:row;gap:0px;width:12px;height:12px;border-radius:50%;align-items:center;justify-content:center;background-color:#ff3f19;color:#fff;font-size:10px;font-weight:500;line-height:12px;text-align:center;position:absolute;top:8px;right:8px}._total_iohac_259{font-size:20px;font-weight:700;line-height:24px}._link_iohac_265{font-size:16px;font-weight:400;line-height:24px;color:var(--text-link)}._userInfo_iohac_272{display:flex;flex-direction:row;gap:8px;background-color:var(--surface-secondary);cursor:pointer;align-items:center;border-radius:16px;padding:6px}._button_143au_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_143au_1:disabled{opacity:.7;cursor:auto}._primary_143au_13{color:var(--text-inverted);background-color:var(--surface-action1)}._secondary_143au_18,._tertiary_143au_23{color:var(--text-secondary);background-color:var(--surface-secondary)}._content_143au_28{display:flex;flex-direction:row;gap:4px;align-items:center}._share_9g414_1{padding:10px;border-radius:12px;background:#f8f8f8;cursor:pointer}._modal_9g414_8{border-radius:12px;background:#fff;width:fit-content}._header_9g414_14{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:var(--default-border)}._socials_9g414_24{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between;padding:24px 24px 16px}._social_9g414_24,._copy_9g414_34{padding:12px;border-radius:12px;background:#f8f8f8;cursor:pointer}._title_9g414_41{font-size:24px;font-weight:700;line-height:32px}._copyWrapper_9g414_47{display:flex;flex-direction:row;gap:16px;width:100%;align-items:center;padding:0 24px 24px}._copyText_9g414_56{flex:1 1 auto}._accordion_9e4oa_1{border-radius:24px;overflow:hidden;transition:all .3s ease;background-color:var(--background-color);padding:24px}._header_9e4oa_9{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}._header_9e4oa_9 ._icon_9e4oa_18{transition:transform .3s ease}._header_9e4oa_9 ._icon_9e4oa_18._open_9e4oa_21{transform:rotate(180deg)}._content_9e4oa_25{overflow:hidden;transition:height .3s ease}._wrapper_1mken_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1mken_9{width:100%;color:var(--text-secondary);line-height:20px;font-size:14px;font-weight:400}._input_1mken_17{width:100%;background-color:var(--surface-secondary);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--surface-secondary)}._input_1mken_17::placeholder{color:var(--text-tertiary)}._input_1mken_17:disabled{background-color:var(--surface-secondary);opacity:.7}._required_1mken_36{border:1px solid var(--border-warning)}._paddingless_1mken_40{padding:0}._content_1mken_44{display:flex;flex-direction:row;gap:8px;position:relative;align-items:center}._borderless_1mken_52{border-radius:0;border:none}._rightIcon_1mken_57{position:absolute;top:10px;right:12px}._wrapper_st58d_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_st58d_10{width:100%;color:var(--text-secondary);line-height:20px;font-size:14px;font-weight:400}._textarea_st58d_18{width:100%;background-color:var(--surface-secondary);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_st58d_18::placeholder{color:var(--text-tertiary)}._length_st58d_33{position:absolute;bottom:12px;right:12px;color:var(--text-tertiary);line-height:20px}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ import { i as ke, A as De, G as at, k as M, l as $, m as X, n as J, j as e, e as Me, B as K, o as I, f as rt, L as ye, p as it, q as lt, r as ct, s as dt, c as N, I as v, t as Ve, w as ee, x as ut, y as Xe, z as ht, E as je, F as pt, J as pe, K as He, D as gt, H as mt, u as _t, d as St, a as O, b as ie, N as ve, S as Ie, O as Ye, P as bt, T as ft, Q as Ct, M as Ee, h as wt, R as vt, U as xt, V as kt, W as yt, X as jt, Y as Bt, Z as At, _ as Pt, $ as Lt, a0 as Nt, a1 as Tt } from "./index-Dq4uNns7.js";
3
+ import m, { useMemo as Qe } from "react";
4
+ const Ft = [
5
5
  {
6
6
  icon: "Desktop",
7
7
  value: "desktop"
@@ -14,7 +14,7 @@ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
14
14
  icon: "DeviceMobileCamera",
15
15
  value: "mobile"
16
16
  }
17
- ], Bt = [
17
+ ], $t = [
18
18
  {
19
19
  icon: "PaintBrushBroad",
20
20
  name: "Colors"
@@ -35,7 +35,7 @@ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
35
35
  icon: "Textbox",
36
36
  name: "Inputs"
37
37
  }
38
- ], de = [
38
+ ], he = [
39
39
  "home",
40
40
  "reviews",
41
41
  "faqs",
@@ -43,7 +43,7 @@ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
43
43
  "product",
44
44
  "ticket",
45
45
  "login"
46
- ], je = {
46
+ ], Be = {
47
47
  home: {
48
48
  path: "/",
49
49
  name: "home",
@@ -114,83 +114,213 @@ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
114
114
  },
115
115
  visibility: "public"
116
116
  }
117
- }, za = ["Acorn", "Activity", "AddressBook", "AddressBookTabs", "AirTrafficControl", "Airplane", "AirplaneInFlight", "AirplaneLanding", "AirplaneTakeoff", "AirplaneTaxiing", "AirplaneTilt", "Airplay", "Alarm", "Alien", "AlignBottom", "AlignBottomSimple", "AlignCenterHorizontal", "AlignCenterHorizontalSimple", "AlignCenterVertical", "AlignCenterVerticalSimple", "AlignLeft", "AlignLeftSimple", "AlignRight", "AlignRightSimple", "AlignTop", "AlignTopSimple", "AmazonLogo", "Ambulance", "Anchor", "AnchorSimple", "AndroidLogo", "Angle", "AngularLogo", "Aperture", "AppStoreLogo", "AppWindow", "AppleLogo", "ApplePodcastsLogo", "ApproximateEquals", "Archive", "ArchiveBox", "ArchiveTray", "Armchair", "ArrowArcLeft", "ArrowArcRight", "ArrowBendDoubleUpLeft", "ArrowBendDoubleUpRight", "ArrowBendDownLeft", "ArrowBendDownRight", "ArrowBendLeftDown", "ArrowBendLeftUp", "ArrowBendRightDown", "ArrowBendRightUp", "ArrowBendUpLeft", "ArrowBendUpRight", "ArrowCircleDown", "ArrowCircleDownLeft", "ArrowCircleDownRight", "ArrowCircleLeft", "ArrowCircleRight", "ArrowCircleUp", "ArrowCircleUpLeft", "ArrowCircleUpRight", "ArrowClockwise", "ArrowCounterClockwise", "ArrowDown", "ArrowDownLeft", "ArrowDownRight", "ArrowElbowDownLeft", "ArrowElbowDownRight", "ArrowElbowLeft", "ArrowElbowLeftDown", "ArrowElbowLeftUp", "ArrowElbowRight", "ArrowElbowRightDown", "ArrowElbowRightUp", "ArrowElbowUpLeft", "ArrowElbowUpRight", "ArrowFatDown", "ArrowFatLeft", "ArrowFatLineDown", "ArrowFatLineLeft", "ArrowFatLineRight", "ArrowFatLineUp", "ArrowFatLinesDown", "ArrowFatLinesLeft", "ArrowFatLinesRight", "ArrowFatLinesUp", "ArrowFatRight", "ArrowFatUp", "ArrowLeft", "ArrowLineDown", "ArrowLineDownLeft", "ArrowLineDownRight", "ArrowLineLeft", "ArrowLineRight", "ArrowLineUp", "ArrowLineUpLeft", "ArrowLineUpRight", "ArrowRight", "ArrowSquareDown", "ArrowSquareDownLeft", "ArrowSquareDownRight", "ArrowSquareIn", "ArrowSquareLeft", "ArrowSquareOut", "ArrowSquareRight", "ArrowSquareUp", "ArrowSquareUpLeft", "ArrowSquareUpRight", "ArrowUDownLeft", "ArrowUDownRight", "ArrowULeftDown", "ArrowULeftUp", "ArrowURightDown", "ArrowURightUp", "ArrowUUpLeft", "ArrowUUpRight", "ArrowUp", "ArrowUpLeft", "ArrowUpRight", "ArrowsClockwise", "ArrowsCounterClockwise", "ArrowsDownUp", "ArrowsHorizontal", "ArrowsIn", "ArrowsInCardinal", "ArrowsInLineHorizontal", "ArrowsInLineVertical", "ArrowsInSimple", "ArrowsLeftRight", "ArrowsMerge", "ArrowsOut", "ArrowsOutCardinal", "ArrowsOutLineHorizontal", "ArrowsOutLineVertical", "ArrowsOutSimple", "ArrowsSplit", "ArrowsVertical", "Article", "ArticleMedium", "ArticleNyTimes", "Asclepius", "Asterisk", "AsteriskSimple", "At", "Atom", "Avocado", "Axe", "Baby", "BabyCarriage", "Backpack", "Backspace", "Bag", "BagSimple", "Balloon", "Bandaids", "Bank", "Barbell", "Barcode", "Barn", "Barricade", "Baseball", "BaseballCap", "BaseballHelmet", "Basket", "Basketball", "Bathtub", "BatteryCharging", "BatteryChargingVertical", "BatteryEmpty", "BatteryFull", "BatteryHigh", "BatteryLow", "BatteryMedium", "BatteryPlus", "BatteryPlusVertical", "BatteryVerticalEmpty", "BatteryVerticalFull", "BatteryVerticalHigh", "BatteryVerticalLow", "BatteryVerticalMedium", "BatteryWarning", "BatteryWarningVertical", "BeachBall", "Beanie", "Bed", "BeerBottle", "BeerStein", "BehanceLogo", "Bell", "BellRinging", "BellSimple", "BellSimpleRinging", "BellSimpleSlash", "BellSimpleZ", "BellSlash", "BellZ", "Belt", "BezierCurve", "Bicycle", "Binary", "Binoculars", "Biohazard", "Bird", "Blueprint", "Bluetooth", "BluetoothConnected", "BluetoothSlash", "BluetoothX", "Boat", "Bomb", "Bone", "Book", "BookBookmark", "BookOpen", "BookOpenText", "BookOpenUser", "Bookmark", "BookmarkSimple", "Bookmarks", "BookmarksSimple", "Books", "Boot", "Boules", "BoundingBox", "BowlFood", "BowlSteam", "BowlingBall", "BoxArrowDown", "BoxArrowUp", "BoxingGlove", "BracketsAngle", "BracketsCurly", "BracketsRound", "BracketsSquare", "Brain", "Brandy", "Bread", "Bridge", "Briefcase", "BriefcaseMetal", "Broadcast", "Broom", "Browser", "Browsers", "Bug", "BugBeetle", "BugDroid", "Building", "BuildingApartment", "BuildingOffice", "Buildings", "Bulldozer", "Bus", "Butterfly", "CableCar", "Cactus", "Caduceus", "Cake", "Calculator", "Calendar", "CalendarBlank", "CalendarCheck", "CalendarDot", "CalendarDots", "CalendarHeart", "CalendarMinus", "CalendarPlus", "CalendarSlash", "CalendarStar", "CalendarX", "CallBell", "Camera", "CameraPlus", "CameraRotate", "CameraSlash", "Campfire", "Car", "CarBattery", "CarProfile", "CarSimple", "Cardholder", "Cards", "CardsThree", "CaretCircleDoubleDown", "CaretCircleDoubleLeft", "CaretCircleDoubleRight", "CaretCircleDoubleUp", "CaretCircleDown", "CaretCircleLeft", "CaretCircleRight", "CaretCircleUp", "CaretCircleUpDown", "CaretDoubleDown", "CaretDoubleLeft", "CaretDoubleRight", "CaretDoubleUp", "CaretDown", "CaretLeft", "CaretLineDown", "CaretLineLeft", "CaretLineRight", "CaretLineUp", "CaretRight", "CaretUp", "CaretUpDown", "Carrot", "CashRegister", "CassetteTape", "CastleTurret", "Cat", "CellSignalFull", "CellSignalHigh", "CellSignalLow", "CellSignalMedium", "CellSignalNone", "CellSignalSlash", "CellSignalX", "CellTower", "Certificate", "Chair", "Chalkboard", "ChalkboardSimple", "ChalkboardTeacher", "Champagne", "ChargingStation", "ChartBar", "ChartBarHorizontal", "ChartDonut", "ChartLine", "ChartLineDown", "ChartLineUp", "ChartPie", "ChartPieSlice", "ChartPolar", "ChartScatter", "Chat", "ChatCentered", "ChatCenteredDots", "ChatCenteredSlash", "ChatCenteredText", "ChatCircle", "ChatCircleDots", "ChatCircleSlash", "ChatCircleText", "ChatDots", "ChatSlash", "ChatTeardrop", "ChatTeardropDots", "ChatTeardropSlash", "ChatTeardropText", "ChatText", "Chats", "ChatsCircle", "ChatsTeardrop", "Check", "CheckCircle", "CheckFat", "CheckSquare", "CheckSquareOffset", "Checkerboard", "Checks", "Cheers", "Cheese", "ChefHat", "Cherries", "Church", "Cigarette", "CigaretteSlash", "Circle", "CircleDashed", "CircleHalf", "CircleHalfTilt", "CircleNotch", "CircleWavy", "CircleWavyCheck", "CircleWavyQuestion", "CircleWavyWarning", "CirclesFour", "CirclesThree", "CirclesThreePlus", "Circuitry", "City", "Clipboard", "ClipboardText", "Clock", "ClockAfternoon", "ClockClockwise", "ClockCountdown", "ClockCounterClockwise", "ClockUser", "ClosedCaptioning", "Cloud", "CloudArrowDown", "CloudArrowUp", "CloudCheck", "CloudFog", "CloudLightning", "CloudMoon", "CloudRain", "CloudSlash", "CloudSnow", "CloudSun", "CloudWarning", "CloudX", "Clover", "Club", "CoatHanger", "CodaLogo", "Code", "CodeBlock", "CodeSimple", "CodepenLogo", "CodesandboxLogo", "Coffee", "CoffeeBean", "Coin", "CoinVertical", "Coins", "Columns", "ColumnsPlusLeft", "ColumnsPlusRight", "Command", "Compass", "CompassRose", "CompassTool", "ComputerTower", "Confetti", "ContactlessPayment", "Control", "Cookie", "CookingPot", "Copy", "CopySimple", "Copyleft", "Copyright", "CornersIn", "CornersOut", "Couch", "CourtBasketball", "Cow", "CowboyHat", "Cpu", "Crane", "CraneTower", "CreditCard", "Cricket", "Crop", "Cross", "Crosshair", "CrosshairSimple", "Crown", "CrownCross", "CrownSimple", "Cube", "CubeFocus", "CubeTransparent", "CurrencyBtc", "CurrencyCircleDollar", "CurrencyCny", "CurrencyDollar", "CurrencyDollarSimple", "CurrencyEth", "CurrencyEur", "CurrencyGbp", "CurrencyInr", "CurrencyJpy", "CurrencyKrw", "CurrencyKzt", "CurrencyNgn", "CurrencyRub", "Cursor", "CursorClick", "CursorText", "Cylinder", "Database", "Desk", "Desktop", "DesktopTower", "Detective", "DevToLogo", "DeviceMobile", "DeviceMobileCamera", "DeviceMobileSlash", "DeviceMobileSpeaker", "DeviceRotate", "DeviceTablet", "DeviceTabletCamera", "DeviceTabletSpeaker", "Devices", "Diamond", "DiamondsFour", "DiceFive", "DiceFour", "DiceOne", "DiceSix", "DiceThree", "DiceTwo", "Disc", "DiscoBall", "DiscordLogo", "Divide", "Dna", "Dog", "Door", "DoorOpen", "Dot", "DotOutline", "DotsNine", "DotsSix", "DotsSixVertical", "DotsThree", "DotsThreeCircle", "DotsThreeCircleVertical", "DotsThreeOutline", "DotsThreeOutlineVertical", "DotsThreeVertical", "Download", "DownloadSimple", "Dress", "Dresser", "DribbbleLogo", "Drone", "Drop", "DropHalf", "DropHalfBottom", "DropSimple", "DropSlash", "DropboxLogo", "Ear", "EarSlash", "Egg", "EggCrack", "Eject", "EjectSimple", "Elevator", "Empty", "Engine", "Envelope", "EnvelopeOpen", "EnvelopeSimple", "EnvelopeSimpleOpen", "Equalizer", "Equals", "Eraser", "EscalatorDown", "EscalatorUp", "Exam", "ExclamationMark", "Exclude", "ExcludeSquare", "Export", "Eye", "EyeClosed", "EyeSlash", "Eyedropper", "EyedropperSample", "Eyeglasses", "Eyes", "FaceMask", "FacebookLogo", "Factory", "Faders", "FadersHorizontal", "FalloutShelter", "Fan", "Farm", "FastForward", "FastForwardCircle", "Feather", "FediverseLogo", "FigmaLogo", "File", "FileArchive", "FileArrowDown", "FileArrowUp", "FileAudio", "FileC", "FileCSharp", "FileCloud", "FileCode", "FileCpp", "FileCss", "FileCsv", "FileDashed", "FileDoc", "FileDotted", "FileHtml", "FileImage", "FileIni", "FileJpg", "FileJs", "FileJsx", "FileLock", "FileMagnifyingGlass", "FileMd", "FileMinus", "FilePdf", "FilePlus", "FilePng", "FilePpt", "FilePy", "FileRs", "FileSearch", "FileSql", "FileSvg", "FileText", "FileTs", "FileTsx", "FileTxt", "FileVideo", "FileVue", "FileX", "FileXls", "FileZip", "Files", "FilmReel", "FilmScript", "FilmSlate", "FilmStrip", "Fingerprint", "FingerprintSimple", "FinnTheHuman", "Fire", "FireExtinguisher", "FireSimple", "FireTruck", "FirstAid", "FirstAidKit", "Fish", "FishSimple", "Flag", "FlagBanner", "FlagBannerFold", "FlagCheckered", "FlagPennant", "Flame", "Flashlight", "Flask", "FlipHorizontal", "FlipVertical", "FloppyDisk", "FloppyDiskBack", "FlowArrow", "Flower", "FlowerLotus", "FlowerTulip", "FlyingSaucer", "Folder", "FolderDashed", "FolderDotted", "FolderLock", "FolderMinus", "FolderNotch", "FolderNotchMinus", "FolderNotchOpen", "FolderNotchPlus", "FolderOpen", "FolderPlus", "FolderSimple", "FolderSimpleDashed", "FolderSimpleDotted", "FolderSimpleLock", "FolderSimpleMinus", "FolderSimplePlus", "FolderSimpleStar", "FolderSimpleUser", "FolderStar", "FolderUser", "Folders", "Football", "FootballHelmet", "Footprints", "ForkKnife", "FourK", "FrameCorners", "FramerLogo", "Function", "Funnel", "FunnelSimple", "FunnelSimpleX", "FunnelX", "GameController", "Garage", "GasCan", "GasPump", "Gauge", "Gavel", "Gear", "GearFine", "GearSix", "GenderFemale", "GenderIntersex", "GenderMale", "GenderNeuter", "GenderNonbinary", "GenderTransgender", "Ghost", "Gif", "Gift", "GitBranch", "GitCommit", "GitDiff", "GitFork", "GitMerge", "GitPullRequest", "GithubLogo", "GitlabLogo", "GitlabLogoSimple", "Globe", "GlobeHemisphereEast", "GlobeHemisphereWest", "GlobeSimple", "GlobeSimpleX", "GlobeStand", "GlobeX", "Goggles", "Golf", "GoodreadsLogo", "GoogleCardboardLogo", "GoogleChromeLogo", "GoogleDriveLogo", "GoogleLogo", "GooglePhotosLogo", "GooglePlayLogo", "GooglePodcastsLogo", "Gps", "GpsFix", "GpsSlash", "Gradient", "GraduationCap", "Grains", "GrainsSlash", "Graph", "GraphicsCard", "GreaterThan", "GreaterThanOrEqual", "GridFour", "GridNine", "Guitar", "HairDryer", "Hamburger", "Hammer", "Hand", "HandArrowDown", "HandArrowUp", "HandCoins", "HandDeposit", "HandEye", "HandFist", "HandGrabbing", "HandHeart", "HandPalm", "HandPeace", "HandPointing", "HandSoap", "HandSwipeLeft", "HandSwipeRight", "HandTap", "HandWaving", "HandWithdraw", "Handbag", "HandbagSimple", "HandsClapping", "HandsPraying", "Handshake", "HardDrive", "HardDrives", "HardHat", "Hash", "HashStraight", "HeadCircuit", "Headlights", "Headphones", "Headset", "Heart", "HeartBreak", "HeartHalf", "HeartStraight", "HeartStraightBreak", "Heartbeat", "Hexagon", "HighDefinition", "HighHeel", "Highlighter", "HighlighterCircle", "Hockey", "Hoodie", "Horse", "Hospital", "Hourglass", "HourglassHigh", "HourglassLow", "HourglassMedium", "HourglassSimple", "HourglassSimpleHigh", "HourglassSimpleLow", "HourglassSimpleMedium", "House", "HouseLine", "HouseSimple", "Hurricane", "IceCream", "IconBase", "IconContext", "IdentificationBadge", "IdentificationCard", "Image", "ImageBroken", "ImageSquare", "Images", "ImagesSquare", "Infinity", "Info", "InstagramLogo", "Intersect", "IntersectSquare", "IntersectThree", "Intersection", "Invoice", "Island", "Jar", "JarLabel", "Jeep", "Joystick", "Kanban", "Key", "KeyReturn", "Keyboard", "Keyhole", "Knife", "Ladder", "LadderSimple", "Lamp", "LampPendant", "Laptop", "Lasso", "LastfmLogo", "Layout", "Leaf", "Lectern", "Lego", "LegoSmiley", "Lemniscate", "LessThan", "LessThanOrEqual", "LetterCircleH", "LetterCircleP", "LetterCircleV", "Lifebuoy", "Lightbulb", "LightbulbFilament", "Lighthouse", "Lightning", "LightningA", "LightningSlash", "LineSegment", "LineSegments", "LineVertical", "Link", "LinkBreak", "LinkSimple", "LinkSimpleBreak", "LinkSimpleHorizontal", "LinkSimpleHorizontalBreak", "LinkedinLogo", "LinktreeLogo", "LinuxLogo", "List", "ListBullets", "ListChecks", "ListDashes", "ListHeart", "ListMagnifyingGlass", "ListNumbers", "ListPlus", "ListStar", "Lock", "LockKey", "LockKeyOpen", "LockLaminated", "LockLaminatedOpen", "LockOpen", "LockSimple", "LockSimpleOpen", "Lockers", "Log", "MagicWand", "Magnet", "MagnetStraight", "MagnifyingGlass", "MagnifyingGlassMinus", "MagnifyingGlassPlus", "Mailbox", "MapPin", "MapPinArea", "MapPinLine", "MapPinPlus", "MapPinSimple", "MapPinSimpleArea", "MapPinSimpleLine", "MapTrifold", "MarkdownLogo", "MarkerCircle", "Martini", "MaskHappy", "MaskSad", "MastodonLogo", "MathOperations", "MatrixLogo", "Medal", "MedalMilitary", "MediumLogo", "Megaphone", "MegaphoneSimple", "MemberOf", "Memory", "MessengerLogo", "MetaLogo", "Meteor", "Metronome", "Microphone", "MicrophoneSlash", "MicrophoneStage", "Microscope", "MicrosoftExcelLogo", "MicrosoftOutlookLogo", "MicrosoftPowerpointLogo", "MicrosoftTeamsLogo", "MicrosoftWordLogo", "Minus", "MinusCircle", "MinusSquare", "Money", "MoneyWavy", "Monitor", "MonitorArrowUp", "MonitorPlay", "Moon", "MoonStars", "Moped", "MopedFront", "Mosque", "Motorcycle", "Mountains", "Mouse", "MouseLeftClick", "MouseMiddleClick", "MouseRightClick", "MouseScroll", "MouseSimple", "MusicNote", "MusicNoteSimple", "MusicNotes", "MusicNotesMinus", "MusicNotesPlus", "MusicNotesSimple", "NavigationArrow", "Needle", "Network", "NetworkSlash", "NetworkX", "Newspaper", "NewspaperClipping", "NotEquals", "NotMemberOf", "NotSubsetOf", "NotSupersetOf", "Notches", "Note", "NoteBlank", "NotePencil", "Notebook", "Notepad", "Notification", "NotionLogo", "NuclearPlant", "NumberCircleEight", "NumberCircleFive", "NumberCircleFour", "NumberCircleNine", "NumberCircleOne", "NumberCircleSeven", "NumberCircleSix", "NumberCircleThree", "NumberCircleTwo", "NumberCircleZero", "NumberEight", "NumberFive", "NumberFour", "NumberNine", "NumberOne", "NumberSeven", "NumberSix", "NumberSquareEight", "NumberSquareFive", "NumberSquareFour", "NumberSquareNine", "NumberSquareOne", "NumberSquareSeven", "NumberSquareSix", "NumberSquareThree", "NumberSquareTwo", "NumberSquareZero", "NumberThree", "NumberTwo", "NumberZero", "Numpad", "Nut", "NyTimesLogo", "Octagon", "OfficeChair", "Onigiri", "OpenAiLogo", "Option", "Orange", "OrangeSlice", "Oven", "Package", "PaintBrush", "PaintBrushBroad", "PaintBrushHousehold", "PaintBucket", "PaintRoller", "Palette", "Panorama", "Pants", "PaperPlane", "PaperPlaneRight", "PaperPlaneTilt", "Paperclip", "PaperclipHorizontal", "Parachute", "Paragraph", "Parallelogram", "Park", "Password", "Path", "PatreonLogo", "Pause", "PauseCircle", "PawPrint", "PaypalLogo", "Peace", "Pen", "PenNib", "PenNibStraight", "Pencil", "PencilCircle", "PencilLine", "PencilRuler", "PencilSimple", "PencilSimpleLine", "PencilSimpleSlash", "PencilSlash", "Pentagon", "Pentagram", "Pepper", "Percent", "Person", "PersonArmsSpread", "PersonSimple", "PersonSimpleBike", "PersonSimpleCircle", "PersonSimpleHike", "PersonSimpleRun", "PersonSimpleSki", "PersonSimpleSnowboard", "PersonSimpleSwim", "PersonSimpleTaiChi", "PersonSimpleThrow", "PersonSimpleWalk", "Perspective", "Phone", "PhoneCall", "PhoneDisconnect", "PhoneIncoming", "PhoneList", "PhoneOutgoing", "PhonePause", "PhonePlus", "PhoneSlash", "PhoneTransfer", "PhoneX", "PhosphorLogo", "Pi", "PianoKeys", "PicnicTable", "PictureInPicture", "PiggyBank", "Pill", "PingPong", "PintGlass", "PinterestLogo", "Pinwheel", "Pipe", "PipeWrench", "PixLogo", "Pizza", "Placeholder", "Planet", "Plant", "Play", "PlayCircle", "PlayPause", "Playlist", "Plug", "PlugCharging", "Plugs", "PlugsConnected", "Plus", "PlusCircle", "PlusMinus", "PlusSquare", "PokerChip", "PoliceCar", "Polygon", "Popcorn", "Popsicle", "PottedPlant", "Power", "Prescription", "Presentation", "PresentationChart", "Printer", "Prohibit", "ProhibitInset", "ProjectorScreen", "ProjectorScreenChart", "Pulse", "PushPin", "PushPinSimple", "PushPinSimpleSlash", "PushPinSlash", "PuzzlePiece", "QrCode", "Question", "QuestionMark", "Queue", "Quotes", "Rabbit", "Racquet", "Radical", "Radio", "RadioButton", "Radioactive", "Rainbow", "RainbowCloud", "Ranking", "ReadCvLogo", "Receipt", "ReceiptX", "Record", "Rectangle", "RectangleDashed", "Recycle", "RedditLogo", "Repeat", "RepeatOnce", "ReplitLogo", "Resize", "Rewind", "RewindCircle", "RoadHorizon", "Robot", "Rocket", "RocketLaunch", "Rows", "RowsPlusBottom", "RowsPlusTop", "Rss", "RssSimple", "Rug", "Ruler", "SSR", "Sailboat", "Scales", "Scan", "ScanSmiley", "Scissors", "Scooter", "Screencast", "Screwdriver", "Scribble", "ScribbleLoop", "Scroll", "Seal", "SealCheck", "SealPercent", "SealQuestion", "SealWarning", "Seat", "Seatbelt", "SecurityCamera", "Selection", "SelectionAll", "SelectionBackground", "SelectionForeground", "SelectionInverse", "SelectionPlus", "SelectionSlash", "Shapes", "Share", "ShareFat", "ShareNetwork", "Shield", "ShieldCheck", "ShieldCheckered", "ShieldChevron", "ShieldPlus", "ShieldSlash", "ShieldStar", "ShieldWarning", "ShippingContainer", "ShirtFolded", "ShootingStar", "ShoppingBag", "ShoppingBagOpen", "ShoppingCart", "ShoppingCartSimple", "Shovel", "Shower", "Shrimp", "Shuffle", "ShuffleAngular", "ShuffleSimple", "Sidebar", "SidebarSimple", "Sigma", "SignIn", "SignOut", "Signature", "Signpost", "SimCard", "Siren", "SketchLogo", "SkipBack", "SkipBackCircle", "SkipForward", "SkipForwardCircle", "Skull", "SkypeLogo", "SlackLogo", "Sliders", "SlidersHorizontal", "Slideshow", "Smiley", "SmileyAngry", "SmileyBlank", "SmileyMeh", "SmileyMelting", "SmileyNervous", "SmileySad", "SmileySticker", "SmileyWink", "SmileyXEyes", "SnapchatLogo", "Sneaker", "SneakerMove", "Snowflake", "SoccerBall", "Sock", "SolarPanel", "SolarRoof", "SortAscending", "SortDescending", "SoundcloudLogo", "Spade", "Sparkle", "SpeakerHifi", "SpeakerHigh", "SpeakerLow", "SpeakerNone", "SpeakerSimpleHigh", "SpeakerSimpleLow", "SpeakerSimpleNone", "SpeakerSimpleSlash", "SpeakerSimpleX", "SpeakerSlash", "SpeakerX", "Speedometer", "Sphere", "Spinner", "SpinnerBall", "SpinnerGap", "Spiral", "SplitHorizontal", "SplitVertical", "SpotifyLogo", "SprayBottle", "Square", "SquareHalf", "SquareHalfBottom", "SquareLogo", "SquareSplitHorizontal", "SquareSplitVertical", "SquaresFour", "Stack", "StackMinus", "StackOverflowLogo", "StackPlus", "StackSimple", "Stairs", "Stamp", "StandardDefinition", "Star", "StarAndCrescent", "StarFour", "StarHalf", "StarOfDavid", "SteamLogo", "SteeringWheel", "Steps", "Stethoscope", "Sticker", "Stool", "Stop", "StopCircle", "Storefront", "Strategy", "StripeLogo", "Student", "SubsetOf", "SubsetProperOf", "Subtitles", "SubtitlesSlash", "Subtract", "SubtractSquare", "Subway", "Suitcase", "SuitcaseRolling", "SuitcaseSimple", "Sun", "SunDim", "SunHorizon", "Sunglasses", "SupersetOf", "SupersetProperOf", "Swap", "Swatches", "SwimmingPool", "Sword", "Synagogue", "Syringe", "TShirt", "Table", "Tabs", "Tag", "TagChevron", "TagSimple", "Target", "Taxi", "TeaBag", "TelegramLogo", "Television", "TelevisionSimple", "TennisBall", "Tent", "Terminal", "TerminalWindow", "TestTube", "TextAUnderline", "TextAa", "TextAlignCenter", "TextAlignJustify", "TextAlignLeft", "TextAlignRight", "TextB", "TextBolder", "TextColumns", "TextH", "TextHFive", "TextHFour", "TextHOne", "TextHSix", "TextHThree", "TextHTwo", "TextIndent", "TextItalic", "TextOutdent", "TextStrikethrough", "TextSubscript", "TextSuperscript", "TextT", "TextTSlash", "TextUnderline", "Textbox", "Thermometer", "ThermometerCold", "ThermometerHot", "ThermometerSimple", "ThreadsLogo", "ThreeD", "ThumbsDown", "ThumbsUp", "Ticket", "TidalLogo", "TiktokLogo", "Tilde", "Timer", "TipJar", "Tipi", "Tire", "ToggleLeft", "ToggleRight", "Toilet", "ToiletPaper", "Toolbox", "Tooth", "Tornado", "Tote", "ToteSimple", "Towel", "Tractor", "Trademark", "TrademarkRegistered", "TrafficCone", "TrafficSign", "TrafficSignal", "Train", "TrainRegional", "TrainSimple", "Tram", "Translate", "Trash", "TrashSimple", "Tray", "TrayArrowDown", "TrayArrowUp", "TreasureChest", "Tree", "TreeEvergreen", "TreePalm", "TreeStructure", "TreeView", "TrendDown", "TrendUp", "Triangle", "TriangleDashed", "Trolley", "TrolleySuitcase", "Trophy", "Truck", "TruckTrailer", "TumblrLogo", "TwitchLogo", "TwitterLogo", "Umbrella", "UmbrellaSimple", "Union", "Unite", "UniteSquare", "Upload", "UploadSimple", "Usb", "User", "UserCheck", "UserCircle", "UserCircleCheck", "UserCircleDashed", "UserCircleGear", "UserCircleMinus", "UserCirclePlus", "UserFocus", "UserGear", "UserList", "UserMinus", "UserPlus", "UserRectangle", "UserSound", "UserSquare", "UserSwitch", "Users", "UsersFour", "UsersThree", "Van", "Vault", "VectorThree", "VectorTwo", "Vibrate", "Video", "VideoCamera", "VideoCameraSlash", "VideoConference", "Vignette", "VinylRecord", "VirtualReality", "Virus", "Visor", "Voicemail", "Volleyball", "Wall", "Wallet", "Warehouse", "Warning", "WarningCircle", "WarningDiamond", "WarningOctagon", "WashingMachine", "Watch", "WaveSawtooth", "WaveSine", "WaveSquare", "WaveTriangle", "Waveform", "WaveformSlash", "Waves", "Webcam", "WebcamSlash", "WebhooksLogo", "WechatLogo", "WhatsappLogo", "Wheelchair", "WheelchairMotion", "WifiHigh", "WifiLow", "WifiMedium", "WifiNone", "WifiSlash", "WifiX", "Wind", "Windmill", "WindowsLogo", "Wine", "Wrench", "X", "XCircle", "XLogo", "XSquare", "Yarn", "YinYang", "YoutubeLogo"];
118
- function At() {
117
+ }, Or = ["Acorn", "Activity", "AddressBook", "AddressBookTabs", "AirTrafficControl", "Airplane", "AirplaneInFlight", "AirplaneLanding", "AirplaneTakeoff", "AirplaneTaxiing", "AirplaneTilt", "Airplay", "Alarm", "Alien", "AlignBottom", "AlignBottomSimple", "AlignCenterHorizontal", "AlignCenterHorizontalSimple", "AlignCenterVertical", "AlignCenterVerticalSimple", "AlignLeft", "AlignLeftSimple", "AlignRight", "AlignRightSimple", "AlignTop", "AlignTopSimple", "AmazonLogo", "Ambulance", "Anchor", "AnchorSimple", "AndroidLogo", "Angle", "AngularLogo", "Aperture", "AppStoreLogo", "AppWindow", "AppleLogo", "ApplePodcastsLogo", "ApproximateEquals", "Archive", "ArchiveBox", "ArchiveTray", "Armchair", "ArrowArcLeft", "ArrowArcRight", "ArrowBendDoubleUpLeft", "ArrowBendDoubleUpRight", "ArrowBendDownLeft", "ArrowBendDownRight", "ArrowBendLeftDown", "ArrowBendLeftUp", "ArrowBendRightDown", "ArrowBendRightUp", "ArrowBendUpLeft", "ArrowBendUpRight", "ArrowCircleDown", "ArrowCircleDownLeft", "ArrowCircleDownRight", "ArrowCircleLeft", "ArrowCircleRight", "ArrowCircleUp", "ArrowCircleUpLeft", "ArrowCircleUpRight", "ArrowClockwise", "ArrowCounterClockwise", "ArrowDown", "ArrowDownLeft", "ArrowDownRight", "ArrowElbowDownLeft", "ArrowElbowDownRight", "ArrowElbowLeft", "ArrowElbowLeftDown", "ArrowElbowLeftUp", "ArrowElbowRight", "ArrowElbowRightDown", "ArrowElbowRightUp", "ArrowElbowUpLeft", "ArrowElbowUpRight", "ArrowFatDown", "ArrowFatLeft", "ArrowFatLineDown", "ArrowFatLineLeft", "ArrowFatLineRight", "ArrowFatLineUp", "ArrowFatLinesDown", "ArrowFatLinesLeft", "ArrowFatLinesRight", "ArrowFatLinesUp", "ArrowFatRight", "ArrowFatUp", "ArrowLeft", "ArrowLineDown", "ArrowLineDownLeft", "ArrowLineDownRight", "ArrowLineLeft", "ArrowLineRight", "ArrowLineUp", "ArrowLineUpLeft", "ArrowLineUpRight", "ArrowRight", "ArrowSquareDown", "ArrowSquareDownLeft", "ArrowSquareDownRight", "ArrowSquareIn", "ArrowSquareLeft", "ArrowSquareOut", "ArrowSquareRight", "ArrowSquareUp", "ArrowSquareUpLeft", "ArrowSquareUpRight", "ArrowUDownLeft", "ArrowUDownRight", "ArrowULeftDown", "ArrowULeftUp", "ArrowURightDown", "ArrowURightUp", "ArrowUUpLeft", "ArrowUUpRight", "ArrowUp", "ArrowUpLeft", "ArrowUpRight", "ArrowsClockwise", "ArrowsCounterClockwise", "ArrowsDownUp", "ArrowsHorizontal", "ArrowsIn", "ArrowsInCardinal", "ArrowsInLineHorizontal", "ArrowsInLineVertical", "ArrowsInSimple", "ArrowsLeftRight", "ArrowsMerge", "ArrowsOut", "ArrowsOutCardinal", "ArrowsOutLineHorizontal", "ArrowsOutLineVertical", "ArrowsOutSimple", "ArrowsSplit", "ArrowsVertical", "Article", "ArticleMedium", "ArticleNyTimes", "Asclepius", "Asterisk", "AsteriskSimple", "At", "Atom", "Avocado", "Axe", "Baby", "BabyCarriage", "Backpack", "Backspace", "Bag", "BagSimple", "Balloon", "Bandaids", "Bank", "Barbell", "Barcode", "Barn", "Barricade", "Baseball", "BaseballCap", "BaseballHelmet", "Basket", "Basketball", "Bathtub", "BatteryCharging", "BatteryChargingVertical", "BatteryEmpty", "BatteryFull", "BatteryHigh", "BatteryLow", "BatteryMedium", "BatteryPlus", "BatteryPlusVertical", "BatteryVerticalEmpty", "BatteryVerticalFull", "BatteryVerticalHigh", "BatteryVerticalLow", "BatteryVerticalMedium", "BatteryWarning", "BatteryWarningVertical", "BeachBall", "Beanie", "Bed", "BeerBottle", "BeerStein", "BehanceLogo", "Bell", "BellRinging", "BellSimple", "BellSimpleRinging", "BellSimpleSlash", "BellSimpleZ", "BellSlash", "BellZ", "Belt", "BezierCurve", "Bicycle", "Binary", "Binoculars", "Biohazard", "Bird", "Blueprint", "Bluetooth", "BluetoothConnected", "BluetoothSlash", "BluetoothX", "Boat", "Bomb", "Bone", "Book", "BookBookmark", "BookOpen", "BookOpenText", "BookOpenUser", "Bookmark", "BookmarkSimple", "Bookmarks", "BookmarksSimple", "Books", "Boot", "Boules", "BoundingBox", "BowlFood", "BowlSteam", "BowlingBall", "BoxArrowDown", "BoxArrowUp", "BoxingGlove", "BracketsAngle", "BracketsCurly", "BracketsRound", "BracketsSquare", "Brain", "Brandy", "Bread", "Bridge", "Briefcase", "BriefcaseMetal", "Broadcast", "Broom", "Browser", "Browsers", "Bug", "BugBeetle", "BugDroid", "Building", "BuildingApartment", "BuildingOffice", "Buildings", "Bulldozer", "Bus", "Butterfly", "CableCar", "Cactus", "Caduceus", "Cake", "Calculator", "Calendar", "CalendarBlank", "CalendarCheck", "CalendarDot", "CalendarDots", "CalendarHeart", "CalendarMinus", "CalendarPlus", "CalendarSlash", "CalendarStar", "CalendarX", "CallBell", "Camera", "CameraPlus", "CameraRotate", "CameraSlash", "Campfire", "Car", "CarBattery", "CarProfile", "CarSimple", "Cardholder", "Cards", "CardsThree", "CaretCircleDoubleDown", "CaretCircleDoubleLeft", "CaretCircleDoubleRight", "CaretCircleDoubleUp", "CaretCircleDown", "CaretCircleLeft", "CaretCircleRight", "CaretCircleUp", "CaretCircleUpDown", "CaretDoubleDown", "CaretDoubleLeft", "CaretDoubleRight", "CaretDoubleUp", "CaretDown", "CaretLeft", "CaretLineDown", "CaretLineLeft", "CaretLineRight", "CaretLineUp", "CaretRight", "CaretUp", "CaretUpDown", "Carrot", "CashRegister", "CassetteTape", "CastleTurret", "Cat", "CellSignalFull", "CellSignalHigh", "CellSignalLow", "CellSignalMedium", "CellSignalNone", "CellSignalSlash", "CellSignalX", "CellTower", "Certificate", "Chair", "Chalkboard", "ChalkboardSimple", "ChalkboardTeacher", "Champagne", "ChargingStation", "ChartBar", "ChartBarHorizontal", "ChartDonut", "ChartLine", "ChartLineDown", "ChartLineUp", "ChartPie", "ChartPieSlice", "ChartPolar", "ChartScatter", "Chat", "ChatCentered", "ChatCenteredDots", "ChatCenteredSlash", "ChatCenteredText", "ChatCircle", "ChatCircleDots", "ChatCircleSlash", "ChatCircleText", "ChatDots", "ChatSlash", "ChatTeardrop", "ChatTeardropDots", "ChatTeardropSlash", "ChatTeardropText", "ChatText", "Chats", "ChatsCircle", "ChatsTeardrop", "Check", "CheckCircle", "CheckFat", "CheckSquare", "CheckSquareOffset", "Checkerboard", "Checks", "Cheers", "Cheese", "ChefHat", "Cherries", "Church", "Cigarette", "CigaretteSlash", "Circle", "CircleDashed", "CircleHalf", "CircleHalfTilt", "CircleNotch", "CircleWavy", "CircleWavyCheck", "CircleWavyQuestion", "CircleWavyWarning", "CirclesFour", "CirclesThree", "CirclesThreePlus", "Circuitry", "City", "Clipboard", "ClipboardText", "Clock", "ClockAfternoon", "ClockClockwise", "ClockCountdown", "ClockCounterClockwise", "ClockUser", "ClosedCaptioning", "Cloud", "CloudArrowDown", "CloudArrowUp", "CloudCheck", "CloudFog", "CloudLightning", "CloudMoon", "CloudRain", "CloudSlash", "CloudSnow", "CloudSun", "CloudWarning", "CloudX", "Clover", "Club", "CoatHanger", "CodaLogo", "Code", "CodeBlock", "CodeSimple", "CodepenLogo", "CodesandboxLogo", "Coffee", "CoffeeBean", "Coin", "CoinVertical", "Coins", "Columns", "ColumnsPlusLeft", "ColumnsPlusRight", "Command", "Compass", "CompassRose", "CompassTool", "ComputerTower", "Confetti", "ContactlessPayment", "Control", "Cookie", "CookingPot", "Copy", "CopySimple", "Copyleft", "Copyright", "CornersIn", "CornersOut", "Couch", "CourtBasketball", "Cow", "CowboyHat", "Cpu", "Crane", "CraneTower", "CreditCard", "Cricket", "Crop", "Cross", "Crosshair", "CrosshairSimple", "Crown", "CrownCross", "CrownSimple", "Cube", "CubeFocus", "CubeTransparent", "CurrencyBtc", "CurrencyCircleDollar", "CurrencyCny", "CurrencyDollar", "CurrencyDollarSimple", "CurrencyEth", "CurrencyEur", "CurrencyGbp", "CurrencyInr", "CurrencyJpy", "CurrencyKrw", "CurrencyKzt", "CurrencyNgn", "CurrencyRub", "Cursor", "CursorClick", "CursorText", "Cylinder", "Database", "Desk", "Desktop", "DesktopTower", "Detective", "DevToLogo", "DeviceMobile", "DeviceMobileCamera", "DeviceMobileSlash", "DeviceMobileSpeaker", "DeviceRotate", "DeviceTablet", "DeviceTabletCamera", "DeviceTabletSpeaker", "Devices", "Diamond", "DiamondsFour", "DiceFive", "DiceFour", "DiceOne", "DiceSix", "DiceThree", "DiceTwo", "Disc", "DiscoBall", "DiscordLogo", "Divide", "Dna", "Dog", "Door", "DoorOpen", "Dot", "DotOutline", "DotsNine", "DotsSix", "DotsSixVertical", "DotsThree", "DotsThreeCircle", "DotsThreeCircleVertical", "DotsThreeOutline", "DotsThreeOutlineVertical", "DotsThreeVertical", "Download", "DownloadSimple", "Dress", "Dresser", "DribbbleLogo", "Drone", "Drop", "DropHalf", "DropHalfBottom", "DropSimple", "DropSlash", "DropboxLogo", "Ear", "EarSlash", "Egg", "EggCrack", "Eject", "EjectSimple", "Elevator", "Empty", "Engine", "Envelope", "EnvelopeOpen", "EnvelopeSimple", "EnvelopeSimpleOpen", "Equalizer", "Equals", "Eraser", "EscalatorDown", "EscalatorUp", "Exam", "ExclamationMark", "Exclude", "ExcludeSquare", "Export", "Eye", "EyeClosed", "EyeSlash", "Eyedropper", "EyedropperSample", "Eyeglasses", "Eyes", "FaceMask", "FacebookLogo", "Factory", "Faders", "FadersHorizontal", "FalloutShelter", "Fan", "Farm", "FastForward", "FastForwardCircle", "Feather", "FediverseLogo", "FigmaLogo", "File", "FileArchive", "FileArrowDown", "FileArrowUp", "FileAudio", "FileC", "FileCSharp", "FileCloud", "FileCode", "FileCpp", "FileCss", "FileCsv", "FileDashed", "FileDoc", "FileDotted", "FileHtml", "FileImage", "FileIni", "FileJpg", "FileJs", "FileJsx", "FileLock", "FileMagnifyingGlass", "FileMd", "FileMinus", "FilePdf", "FilePlus", "FilePng", "FilePpt", "FilePy", "FileRs", "FileSearch", "FileSql", "FileSvg", "FileText", "FileTs", "FileTsx", "FileTxt", "FileVideo", "FileVue", "FileX", "FileXls", "FileZip", "Files", "FilmReel", "FilmScript", "FilmSlate", "FilmStrip", "Fingerprint", "FingerprintSimple", "FinnTheHuman", "Fire", "FireExtinguisher", "FireSimple", "FireTruck", "FirstAid", "FirstAidKit", "Fish", "FishSimple", "Flag", "FlagBanner", "FlagBannerFold", "FlagCheckered", "FlagPennant", "Flame", "Flashlight", "Flask", "FlipHorizontal", "FlipVertical", "FloppyDisk", "FloppyDiskBack", "FlowArrow", "Flower", "FlowerLotus", "FlowerTulip", "FlyingSaucer", "Folder", "FolderDashed", "FolderDotted", "FolderLock", "FolderMinus", "FolderNotch", "FolderNotchMinus", "FolderNotchOpen", "FolderNotchPlus", "FolderOpen", "FolderPlus", "FolderSimple", "FolderSimpleDashed", "FolderSimpleDotted", "FolderSimpleLock", "FolderSimpleMinus", "FolderSimplePlus", "FolderSimpleStar", "FolderSimpleUser", "FolderStar", "FolderUser", "Folders", "Football", "FootballHelmet", "Footprints", "ForkKnife", "FourK", "FrameCorners", "FramerLogo", "Function", "Funnel", "FunnelSimple", "FunnelSimpleX", "FunnelX", "GameController", "Garage", "GasCan", "GasPump", "Gauge", "Gavel", "Gear", "GearFine", "GearSix", "GenderFemale", "GenderIntersex", "GenderMale", "GenderNeuter", "GenderNonbinary", "GenderTransgender", "Ghost", "Gif", "Gift", "GitBranch", "GitCommit", "GitDiff", "GitFork", "GitMerge", "GitPullRequest", "GithubLogo", "GitlabLogo", "GitlabLogoSimple", "Globe", "GlobeHemisphereEast", "GlobeHemisphereWest", "GlobeSimple", "GlobeSimpleX", "GlobeStand", "GlobeX", "Goggles", "Golf", "GoodreadsLogo", "GoogleCardboardLogo", "GoogleChromeLogo", "GoogleDriveLogo", "GoogleLogo", "GooglePhotosLogo", "GooglePlayLogo", "GooglePodcastsLogo", "Gps", "GpsFix", "GpsSlash", "Gradient", "GraduationCap", "Grains", "GrainsSlash", "Graph", "GraphicsCard", "GreaterThan", "GreaterThanOrEqual", "GridFour", "GridNine", "Guitar", "HairDryer", "Hamburger", "Hammer", "Hand", "HandArrowDown", "HandArrowUp", "HandCoins", "HandDeposit", "HandEye", "HandFist", "HandGrabbing", "HandHeart", "HandPalm", "HandPeace", "HandPointing", "HandSoap", "HandSwipeLeft", "HandSwipeRight", "HandTap", "HandWaving", "HandWithdraw", "Handbag", "HandbagSimple", "HandsClapping", "HandsPraying", "Handshake", "HardDrive", "HardDrives", "HardHat", "Hash", "HashStraight", "HeadCircuit", "Headlights", "Headphones", "Headset", "Heart", "HeartBreak", "HeartHalf", "HeartStraight", "HeartStraightBreak", "Heartbeat", "Hexagon", "HighDefinition", "HighHeel", "Highlighter", "HighlighterCircle", "Hockey", "Hoodie", "Horse", "Hospital", "Hourglass", "HourglassHigh", "HourglassLow", "HourglassMedium", "HourglassSimple", "HourglassSimpleHigh", "HourglassSimpleLow", "HourglassSimpleMedium", "House", "HouseLine", "HouseSimple", "Hurricane", "IceCream", "IconBase", "IconContext", "IdentificationBadge", "IdentificationCard", "Image", "ImageBroken", "ImageSquare", "Images", "ImagesSquare", "Infinity", "Info", "InstagramLogo", "Intersect", "IntersectSquare", "IntersectThree", "Intersection", "Invoice", "Island", "Jar", "JarLabel", "Jeep", "Joystick", "Kanban", "Key", "KeyReturn", "Keyboard", "Keyhole", "Knife", "Ladder", "LadderSimple", "Lamp", "LampPendant", "Laptop", "Lasso", "LastfmLogo", "Layout", "Leaf", "Lectern", "Lego", "LegoSmiley", "Lemniscate", "LessThan", "LessThanOrEqual", "LetterCircleH", "LetterCircleP", "LetterCircleV", "Lifebuoy", "Lightbulb", "LightbulbFilament", "Lighthouse", "Lightning", "LightningA", "LightningSlash", "LineSegment", "LineSegments", "LineVertical", "Link", "LinkBreak", "LinkSimple", "LinkSimpleBreak", "LinkSimpleHorizontal", "LinkSimpleHorizontalBreak", "LinkedinLogo", "LinktreeLogo", "LinuxLogo", "List", "ListBullets", "ListChecks", "ListDashes", "ListHeart", "ListMagnifyingGlass", "ListNumbers", "ListPlus", "ListStar", "Lock", "LockKey", "LockKeyOpen", "LockLaminated", "LockLaminatedOpen", "LockOpen", "LockSimple", "LockSimpleOpen", "Lockers", "Log", "MagicWand", "Magnet", "MagnetStraight", "MagnifyingGlass", "MagnifyingGlassMinus", "MagnifyingGlassPlus", "Mailbox", "MapPin", "MapPinArea", "MapPinLine", "MapPinPlus", "MapPinSimple", "MapPinSimpleArea", "MapPinSimpleLine", "MapTrifold", "MarkdownLogo", "MarkerCircle", "Martini", "MaskHappy", "MaskSad", "MastodonLogo", "MathOperations", "MatrixLogo", "Medal", "MedalMilitary", "MediumLogo", "Megaphone", "MegaphoneSimple", "MemberOf", "Memory", "MessengerLogo", "MetaLogo", "Meteor", "Metronome", "Microphone", "MicrophoneSlash", "MicrophoneStage", "Microscope", "MicrosoftExcelLogo", "MicrosoftOutlookLogo", "MicrosoftPowerpointLogo", "MicrosoftTeamsLogo", "MicrosoftWordLogo", "Minus", "MinusCircle", "MinusSquare", "Money", "MoneyWavy", "Monitor", "MonitorArrowUp", "MonitorPlay", "Moon", "MoonStars", "Moped", "MopedFront", "Mosque", "Motorcycle", "Mountains", "Mouse", "MouseLeftClick", "MouseMiddleClick", "MouseRightClick", "MouseScroll", "MouseSimple", "MusicNote", "MusicNoteSimple", "MusicNotes", "MusicNotesMinus", "MusicNotesPlus", "MusicNotesSimple", "NavigationArrow", "Needle", "Network", "NetworkSlash", "NetworkX", "Newspaper", "NewspaperClipping", "NotEquals", "NotMemberOf", "NotSubsetOf", "NotSupersetOf", "Notches", "Note", "NoteBlank", "NotePencil", "Notebook", "Notepad", "Notification", "NotionLogo", "NuclearPlant", "NumberCircleEight", "NumberCircleFive", "NumberCircleFour", "NumberCircleNine", "NumberCircleOne", "NumberCircleSeven", "NumberCircleSix", "NumberCircleThree", "NumberCircleTwo", "NumberCircleZero", "NumberEight", "NumberFive", "NumberFour", "NumberNine", "NumberOne", "NumberSeven", "NumberSix", "NumberSquareEight", "NumberSquareFive", "NumberSquareFour", "NumberSquareNine", "NumberSquareOne", "NumberSquareSeven", "NumberSquareSix", "NumberSquareThree", "NumberSquareTwo", "NumberSquareZero", "NumberThree", "NumberTwo", "NumberZero", "Numpad", "Nut", "NyTimesLogo", "Octagon", "OfficeChair", "Onigiri", "OpenAiLogo", "Option", "Orange", "OrangeSlice", "Oven", "Package", "PaintBrush", "PaintBrushBroad", "PaintBrushHousehold", "PaintBucket", "PaintRoller", "Palette", "Panorama", "Pants", "PaperPlane", "PaperPlaneRight", "PaperPlaneTilt", "Paperclip", "PaperclipHorizontal", "Parachute", "Paragraph", "Parallelogram", "Park", "Password", "Path", "PatreonLogo", "Pause", "PauseCircle", "PawPrint", "PaypalLogo", "Peace", "Pen", "PenNib", "PenNibStraight", "Pencil", "PencilCircle", "PencilLine", "PencilRuler", "PencilSimple", "PencilSimpleLine", "PencilSimpleSlash", "PencilSlash", "Pentagon", "Pentagram", "Pepper", "Percent", "Person", "PersonArmsSpread", "PersonSimple", "PersonSimpleBike", "PersonSimpleCircle", "PersonSimpleHike", "PersonSimpleRun", "PersonSimpleSki", "PersonSimpleSnowboard", "PersonSimpleSwim", "PersonSimpleTaiChi", "PersonSimpleThrow", "PersonSimpleWalk", "Perspective", "Phone", "PhoneCall", "PhoneDisconnect", "PhoneIncoming", "PhoneList", "PhoneOutgoing", "PhonePause", "PhonePlus", "PhoneSlash", "PhoneTransfer", "PhoneX", "PhosphorLogo", "Pi", "PianoKeys", "PicnicTable", "PictureInPicture", "PiggyBank", "Pill", "PingPong", "PintGlass", "PinterestLogo", "Pinwheel", "Pipe", "PipeWrench", "PixLogo", "Pizza", "Placeholder", "Planet", "Plant", "Play", "PlayCircle", "PlayPause", "Playlist", "Plug", "PlugCharging", "Plugs", "PlugsConnected", "Plus", "PlusCircle", "PlusMinus", "PlusSquare", "PokerChip", "PoliceCar", "Polygon", "Popcorn", "Popsicle", "PottedPlant", "Power", "Prescription", "Presentation", "PresentationChart", "Printer", "Prohibit", "ProhibitInset", "ProjectorScreen", "ProjectorScreenChart", "Pulse", "PushPin", "PushPinSimple", "PushPinSimpleSlash", "PushPinSlash", "PuzzlePiece", "QrCode", "Question", "QuestionMark", "Queue", "Quotes", "Rabbit", "Racquet", "Radical", "Radio", "RadioButton", "Radioactive", "Rainbow", "RainbowCloud", "Ranking", "ReadCvLogo", "Receipt", "ReceiptX", "Record", "Rectangle", "RectangleDashed", "Recycle", "RedditLogo", "Repeat", "RepeatOnce", "ReplitLogo", "Resize", "Rewind", "RewindCircle", "RoadHorizon", "Robot", "Rocket", "RocketLaunch", "Rows", "RowsPlusBottom", "RowsPlusTop", "Rss", "RssSimple", "Rug", "Ruler", "SSR", "Sailboat", "Scales", "Scan", "ScanSmiley", "Scissors", "Scooter", "Screencast", "Screwdriver", "Scribble", "ScribbleLoop", "Scroll", "Seal", "SealCheck", "SealPercent", "SealQuestion", "SealWarning", "Seat", "Seatbelt", "SecurityCamera", "Selection", "SelectionAll", "SelectionBackground", "SelectionForeground", "SelectionInverse", "SelectionPlus", "SelectionSlash", "Shapes", "Share", "ShareFat", "ShareNetwork", "Shield", "ShieldCheck", "ShieldCheckered", "ShieldChevron", "ShieldPlus", "ShieldSlash", "ShieldStar", "ShieldWarning", "ShippingContainer", "ShirtFolded", "ShootingStar", "ShoppingBag", "ShoppingBagOpen", "ShoppingCart", "ShoppingCartSimple", "Shovel", "Shower", "Shrimp", "Shuffle", "ShuffleAngular", "ShuffleSimple", "Sidebar", "SidebarSimple", "Sigma", "SignIn", "SignOut", "Signature", "Signpost", "SimCard", "Siren", "SketchLogo", "SkipBack", "SkipBackCircle", "SkipForward", "SkipForwardCircle", "Skull", "SkypeLogo", "SlackLogo", "Sliders", "SlidersHorizontal", "Slideshow", "Smiley", "SmileyAngry", "SmileyBlank", "SmileyMeh", "SmileyMelting", "SmileyNervous", "SmileySad", "SmileySticker", "SmileyWink", "SmileyXEyes", "SnapchatLogo", "Sneaker", "SneakerMove", "Snowflake", "SoccerBall", "Sock", "SolarPanel", "SolarRoof", "SortAscending", "SortDescending", "SoundcloudLogo", "Spade", "Sparkle", "SpeakerHifi", "SpeakerHigh", "SpeakerLow", "SpeakerNone", "SpeakerSimpleHigh", "SpeakerSimpleLow", "SpeakerSimpleNone", "SpeakerSimpleSlash", "SpeakerSimpleX", "SpeakerSlash", "SpeakerX", "Speedometer", "Sphere", "Spinner", "SpinnerBall", "SpinnerGap", "Spiral", "SplitHorizontal", "SplitVertical", "SpotifyLogo", "SprayBottle", "Square", "SquareHalf", "SquareHalfBottom", "SquareLogo", "SquareSplitHorizontal", "SquareSplitVertical", "SquaresFour", "Stack", "StackMinus", "StackOverflowLogo", "StackPlus", "StackSimple", "Stairs", "Stamp", "StandardDefinition", "Star", "StarAndCrescent", "StarFour", "StarHalf", "StarOfDavid", "SteamLogo", "SteeringWheel", "Steps", "Stethoscope", "Sticker", "Stool", "Stop", "StopCircle", "Storefront", "Strategy", "StripeLogo", "Student", "SubsetOf", "SubsetProperOf", "Subtitles", "SubtitlesSlash", "Subtract", "SubtractSquare", "Subway", "Suitcase", "SuitcaseRolling", "SuitcaseSimple", "Sun", "SunDim", "SunHorizon", "Sunglasses", "SupersetOf", "SupersetProperOf", "Swap", "Swatches", "SwimmingPool", "Sword", "Synagogue", "Syringe", "TShirt", "Table", "Tabs", "Tag", "TagChevron", "TagSimple", "Target", "Taxi", "TeaBag", "TelegramLogo", "Television", "TelevisionSimple", "TennisBall", "Tent", "Terminal", "TerminalWindow", "TestTube", "TextAUnderline", "TextAa", "TextAlignCenter", "TextAlignJustify", "TextAlignLeft", "TextAlignRight", "TextB", "TextBolder", "TextColumns", "TextH", "TextHFive", "TextHFour", "TextHOne", "TextHSix", "TextHThree", "TextHTwo", "TextIndent", "TextItalic", "TextOutdent", "TextStrikethrough", "TextSubscript", "TextSuperscript", "TextT", "TextTSlash", "TextUnderline", "Textbox", "Thermometer", "ThermometerCold", "ThermometerHot", "ThermometerSimple", "ThreadsLogo", "ThreeD", "ThumbsDown", "ThumbsUp", "Ticket", "TidalLogo", "TiktokLogo", "Tilde", "Timer", "TipJar", "Tipi", "Tire", "ToggleLeft", "ToggleRight", "Toilet", "ToiletPaper", "Toolbox", "Tooth", "Tornado", "Tote", "ToteSimple", "Towel", "Tractor", "Trademark", "TrademarkRegistered", "TrafficCone", "TrafficSign", "TrafficSignal", "Train", "TrainRegional", "TrainSimple", "Tram", "Translate", "Trash", "TrashSimple", "Tray", "TrayArrowDown", "TrayArrowUp", "TreasureChest", "Tree", "TreeEvergreen", "TreePalm", "TreeStructure", "TreeView", "TrendDown", "TrendUp", "Triangle", "TriangleDashed", "Trolley", "TrolleySuitcase", "Trophy", "Truck", "TruckTrailer", "TumblrLogo", "TwitchLogo", "TwitterLogo", "Umbrella", "UmbrellaSimple", "Union", "Unite", "UniteSquare", "Upload", "UploadSimple", "Usb", "User", "UserCheck", "UserCircle", "UserCircleCheck", "UserCircleDashed", "UserCircleGear", "UserCircleMinus", "UserCirclePlus", "UserFocus", "UserGear", "UserList", "UserMinus", "UserPlus", "UserRectangle", "UserSound", "UserSquare", "UserSwitch", "Users", "UsersFour", "UsersThree", "Van", "Vault", "VectorThree", "VectorTwo", "Vibrate", "Video", "VideoCamera", "VideoCameraSlash", "VideoConference", "Vignette", "VinylRecord", "VirtualReality", "Virus", "Visor", "Voicemail", "Volleyball", "Wall", "Wallet", "Warehouse", "Warning", "WarningCircle", "WarningDiamond", "WarningOctagon", "WashingMachine", "Watch", "WaveSawtooth", "WaveSine", "WaveSquare", "WaveTriangle", "Waveform", "WaveformSlash", "Waves", "Webcam", "WebcamSlash", "WebhooksLogo", "WechatLogo", "WhatsappLogo", "Wheelchair", "WheelchairMotion", "WifiHigh", "WifiLow", "WifiMedium", "WifiNone", "WifiSlash", "WifiX", "Wind", "Windmill", "WindowsLogo", "Wine", "Wrench", "X", "XCircle", "XLogo", "XSquare", "Yarn", "YinYang", "YoutubeLogo"], Dt = "_buttons_uu72s_1", Mt = "_button_uu72s_1", Ht = "_disabled_uu72s_17", le = {
118
+ buttons: Dt,
119
+ button: Mt,
120
+ disabled: Ht
121
+ };
122
+ async function te(t, n) {
123
+ const o = localStorage.getItem("shopId") || void 0, s = `${De}/${t}/builder/shops/${o}/${n}`, i = localStorage.getItem("sellerAccessToken") || void 0;
124
+ return (await ke.get(s, {
125
+ headers: {
126
+ Authorization: `Bearer ${i}`
127
+ }
128
+ })).data;
129
+ }
130
+ async function It() {
131
+ try {
132
+ const [t, n, o, s, i, a] = await Promise.allSettled([
133
+ te("v1", "general"),
134
+ te("v1", "faqs"),
135
+ te("v1", "listings"),
136
+ te("v1", "products"),
137
+ te("v1", "reviews"),
138
+ te("v1", "categories")
139
+ ]);
140
+ return {
141
+ general: t,
142
+ faqs: n,
143
+ listings: o,
144
+ products: s,
145
+ reviews: i,
146
+ categories: a
147
+ };
148
+ } catch (t) {
149
+ throw console.error("Error fetching page data:", t), t;
150
+ }
151
+ }
152
+ async function Et() {
153
+ try {
154
+ const { data: t } = await ke.get(
155
+ `${at}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
156
+ );
157
+ return t.items;
158
+ } catch (t) {
159
+ throw console.error("Error fetching page data:", t), t;
160
+ }
161
+ }
162
+ function Ur() {
163
+ try {
164
+ const {
165
+ editBlock: t,
166
+ currentBlock: n,
167
+ blocks: o,
168
+ header: s,
169
+ setHeader: i,
170
+ footer: a,
171
+ setFooter: r
172
+ } = M.getState(), { currentPage: l, pages: d } = $.getState(), { currentInstance: f, activeBlock: h } = X.getState(), { settings: p, setSettings: u } = J.getState();
173
+ if (u(p), !h && f && d) {
174
+ if (n === "header" && s)
175
+ i(s);
176
+ else if (n === "footer" && a)
177
+ r(a);
178
+ else if (n === "header" || n === "footer")
179
+ throw new Error(`Missing ${n} data.`);
180
+ const c = {
181
+ blockSettings: {}
182
+ };
183
+ if (!f.blockSettings)
184
+ throw new Error("currentInstance.blockSettings is undefined.");
185
+ if (Object.keys(f.blockSettings).filter((j) => !["displayName", "isAddable"].includes(j)).forEach((j) => {
186
+ c.blockSettings[j] = f.blockSettings[j];
187
+ }), !d[l])
188
+ throw new Error(`Page "${l}" does not exist.`);
189
+ if (!o[d[l].path] || !o[d[l].path][n])
190
+ throw new Error(
191
+ `Layer or block for page "${d[l].path}" and block "${n}" does not exist.`
192
+ );
193
+ t(d[l].path, n, {
194
+ name: o[d[l].path][n].name,
195
+ value: c
196
+ });
197
+ }
198
+ } catch (t) {
199
+ console.error("Error in hotReload function:", t);
200
+ }
201
+ }
202
+ async function Rt() {
203
+ const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), o = `${De}/v2/builder/shops/${t}/drafts/${n}/pages`, s = localStorage.getItem("sellerAccessToken");
204
+ return (await ke.get(o, {
205
+ headers: {
206
+ Authorization: `Bearer ${s}`
207
+ }
208
+ })).data;
209
+ }
210
+ async function Ot() {
211
+ const t = localStorage.getItem("shopId") || void 0, n = localStorage.getItem("draftId") || void 0, o = `${De}/v2/builder/shops/${t}/drafts/${n}/all`, s = localStorage.getItem("sellerAccessToken") || void 0;
212
+ return (await ke.get(o, {
213
+ headers: {
214
+ Authorization: `Bearer ${s}`
215
+ }
216
+ })).data;
217
+ }
218
+ const G = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "";
219
+ function Ut() {
119
220
  let t = new URLSearchParams(document.location.search);
120
221
  const n = t.get("shopId") || localStorage.getItem("shopId"), o = t.get("sellerAccessToken") || localStorage.getItem("sellerAccessToken"), s = t.get("draftId") || localStorage.getItem("draftId");
121
- return $t(), o && localStorage.setItem("sellerAccessToken", o), n && localStorage.setItem("shopId", n), s && localStorage.setItem("draftId", s), !!(o && n && s);
222
+ return en(), o && localStorage.setItem("sellerAccessToken", o), n && localStorage.setItem("shopId", n), s && localStorage.setItem("draftId", s), !!(o && n && s);
122
223
  }
123
- const Pt = "_wrapper_1dfbs_1", Lt = "_main_1dfbs_9", Nt = "_loading_1dfbs_13", fe = {
124
- wrapper: Pt,
125
- main: Lt,
126
- loading: Nt
127
- }, Ge = ({ render: t, block: n }) => t(n), ze = () => {
128
- const { footer: t } = $(), { settings: n } = Y(), { pageContext: o } = D();
224
+ const qt = "_wrapper_1dfbs_1", Gt = "_main_1dfbs_9", zt = "_loading_1dfbs_13", Ae = {
225
+ wrapper: qt,
226
+ main: Gt,
227
+ loading: zt
228
+ }, Ke = ({ render: t, block: n }) => t(n), Je = () => {
229
+ const { footer: t } = M(), { settings: n } = J(), { pageContext: o } = $();
129
230
  return t == null ? void 0 : t.renderBlock(n, o);
130
- }, We = () => {
131
- const { header: t } = $(), { settings: n } = Y(), { pageContext: o } = D();
231
+ }, Ze = () => {
232
+ const { header: t } = M(), { settings: n } = J(), { pageContext: o } = $();
132
233
  return t == null ? void 0 : t.renderBlock(n, o);
133
- }, Tt = ({ pagePath: t }) => {
134
- const { sourceBlocks: n } = X(), [o, s] = p.useState(null), [i, r] = p.useState(!0), [a, l] = p.useState(null), { setThemeSettings: d, themeSettings: _ } = H(), [u, g] = p.useState(null), { settings: h } = Y(), { addProducts: c } = Ye();
135
- p.useEffect(() => {
136
- r(!0), (async () => {
137
- const L = await Je(encodeURIComponent(t));
138
- if (L) {
139
- const { data: x } = L;
140
- l(x.layout);
141
- const { settings: k, theme: f } = (await Ze()).data;
142
- g(k || h), d(f || _), s({
143
- products: x.products,
144
- reviews: x.reviews,
145
- categories: x.categories,
146
- faqs: x.faqs,
147
- listings: x.listings
148
- }), await c(x.products);
234
+ }, Wt = "_wrapper_5w9s8_1", Vt = {
235
+ wrapper: Wt
236
+ }, xe = (t) => {
237
+ const { error: n } = t;
238
+ return /* @__PURE__ */ e.jsx("div", { className: Vt.wrapper, children: n });
239
+ }, Xt = "_wrapper_rccv2_1", Yt = "_content_rccv2_11", Qt = "_title_rccv2_21", Pe = {
240
+ wrapper: Xt,
241
+ content: Yt,
242
+ title: Qt
243
+ }, Kt = () => {
244
+ const t = Me();
245
+ return /* @__PURE__ */ e.jsx("div", { className: Pe.wrapper, children: /* @__PURE__ */ e.jsxs("div", { className: Pe.content, children: [
246
+ /* @__PURE__ */ e.jsx("h1", { className: Pe.title, children: "Page Not Found" }),
247
+ /* @__PURE__ */ e.jsx(
248
+ K,
249
+ {
250
+ type: "Primary",
251
+ onClick: () => t("/"),
252
+ children: "Go to Home"
149
253
  }
150
- r(!1);
254
+ )
255
+ ] }) });
256
+ }, Jt = ({ pagePath: t }) => {
257
+ const { sourceBlocks: n } = X(), [o, s] = m.useState(null), [i, a] = m.useState(!0), [r, l] = m.useState(null), { setThemeSettings: d, themeSettings: f } = I(), [h, p] = m.useState(null), { settings: u } = J(), { addProducts: c } = rt();
258
+ m.useEffect(() => {
259
+ a(!0), (async () => {
260
+ const P = await it(encodeURIComponent(t));
261
+ if (console.log(P), P) {
262
+ const { data: g } = P;
263
+ l(g.layout);
264
+ const { settings: k, theme: _ } = (await lt()).data;
265
+ if (k && u) {
266
+ const C = u;
267
+ Object.keys(k).map((w) => {
268
+ C[w] = k[w];
269
+ }), p(C);
270
+ } else
271
+ p(u);
272
+ d(_ || f), s({
273
+ products: g.products,
274
+ reviews: g.reviews,
275
+ categories: g.categories,
276
+ faqs: g.faqs,
277
+ listings: g.listings
278
+ }), await c(g.products);
279
+ }
280
+ a(!1);
151
281
  })();
152
282
  }, [t]);
153
- const w = (j) => {
154
- if (!j || !j.name)
155
- return /* @__PURE__ */ e.jsx(Ce, { error: "Block or block.name is undefined." });
156
- if (!n || !n[j.name])
157
- return /* @__PURE__ */ e.jsx(Ce, { error: `Block "${j.name}" does not exist in blocks.` });
158
- const L = new n[j.name]();
159
- return j.value && Object.assign(L, j.value), L.renderBlock(u, o);
283
+ const j = (L) => {
284
+ if (!L || !L.name)
285
+ return /* @__PURE__ */ e.jsx(xe, { error: "Block or block.name is undefined." });
286
+ if (!n || !n[L.name])
287
+ return /* @__PURE__ */ e.jsx(xe, { error: `Block "${L.name}" does not exist in blocks.` });
288
+ const P = new n[L.name]();
289
+ return L.value && Object.assign(P, L.value), P.renderBlock(h, o);
160
290
  };
161
- return !i && a === null ? /* @__PURE__ */ e.jsx(Ft, {}) : /* @__PURE__ */ e.jsxs("div", { className: fe.wrapper, children: [
162
- /* @__PURE__ */ e.jsx(We, {}),
163
- !i && a ? /* @__PURE__ */ e.jsx("div", { className: fe.main, children: Object.keys(a).map((j) => /* @__PURE__ */ e.jsx(
164
- Ge,
291
+ return !i && r === null ? /* @__PURE__ */ e.jsx(Kt, {}) : /* @__PURE__ */ e.jsxs("div", { className: Ae.wrapper, children: [
292
+ /* @__PURE__ */ e.jsx(Ze, {}),
293
+ !i && r ? /* @__PURE__ */ e.jsx("div", { className: Ae.main, children: Object.keys(r).map((L) => /* @__PURE__ */ e.jsx(
294
+ Ke,
165
295
  {
166
- block: a[j],
167
- render: w
296
+ block: r[L],
297
+ render: j
168
298
  },
169
- j
170
- )) }) : /* @__PURE__ */ e.jsx("div", { className: fe.loading, children: /* @__PURE__ */ e.jsx(we, {}) }),
171
- /* @__PURE__ */ e.jsx(ze, {})
299
+ L
300
+ )) }) : /* @__PURE__ */ e.jsx("div", { className: Ae.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }),
301
+ /* @__PURE__ */ e.jsx(Je, {})
172
302
  ] });
173
- }, Ft = () => /* @__PURE__ */ e.jsx("div", { className: fe.notFound, children: "Page Not Found" });
174
- function Dt() {
175
- const t = et();
176
- return /* @__PURE__ */ e.jsx(Tt, { pagePath: t.pathname });
303
+ };
304
+ function Zt() {
305
+ const t = ct();
306
+ return /* @__PURE__ */ e.jsx(Jt, { pagePath: t.pathname });
177
307
  }
178
- const $t = () => {
308
+ const en = () => {
179
309
  const t = new URL(window.location.href);
180
310
  window.history.replaceState(null, "", t.pathname + t.hash);
181
- }, Mt = (t) => {
311
+ }, tn = (t) => {
182
312
  let n = `:root {
183
313
  `;
184
314
  if (t.colors && Object.entries(t.colors).forEach(([o, s]) => {
185
- Object.entries(s).forEach(([i, r]) => {
186
- n += ` --${o}-${i}: ${r};
315
+ Object.entries(s).forEach(([i, a]) => {
316
+ n += ` --${o}-${i}: ${a};
187
317
  `;
188
318
  });
189
319
  }), t.fonts && Object.entries(t.fonts).forEach(([o, s]) => {
190
- typeof s == "object" && Object.entries(s).forEach(([i, r]) => {
191
- r && (n += ` --font-${o}-${i}-family: ${r.font};
192
- `, n += ` --font-${o}-${i}-size: ${r.size}px;
193
- `, n += ` --font-${o}-${i}-weight: ${r.weight};
320
+ typeof s == "object" && Object.entries(s).forEach(([i, a]) => {
321
+ a && (n += ` --font-${o}-${i}-family: ${a.font};
322
+ `, n += ` --font-${o}-${i}-size: ${a.size}px;
323
+ `, n += ` --font-${o}-${i}-weight: ${a.weight};
194
324
  `);
195
325
  });
196
326
  }), t.buttons) {
@@ -208,7 +338,7 @@ const $t = () => {
208
338
  `;
209
339
  }
210
340
  return n += "}", n;
211
- }, Ht = (t) => {
341
+ }, nn = (t) => {
212
342
  const n = document.getElementById("dynamic-styles");
213
343
  if (n)
214
344
  n.innerHTML = t;
@@ -216,25 +346,21 @@ const $t = () => {
216
346
  const o = document.createElement("style");
217
347
  o.id = "dynamic-styles", o.innerHTML = t, document.head.appendChild(o);
218
348
  }
219
- }, It = "_buttons_uu72s_1", Rt = "_button_uu72s_1", Et = "_disabled_uu72s_17", re = {
220
- buttons: It,
221
- button: Rt,
222
- disabled: Et
223
- }, Ot = () => {
224
- const { undo: t, redo: n, past: o, future: s } = tt(), [i, r] = p.useState(!1), [a, l] = p.useState(!1);
225
- return p.useEffect(() => {
226
- r(o.length === 0);
227
- }, [o]), p.useEffect(() => {
349
+ }, on = () => {
350
+ const { undo: t, redo: n, past: o, future: s } = dt(), [i, a] = m.useState(!1), [r, l] = m.useState(!1);
351
+ return m.useEffect(() => {
352
+ a(o.length === 0);
353
+ }, [o]), m.useEffect(() => {
228
354
  l(s.length === 0);
229
- }, [s]), /* @__PURE__ */ e.jsxs("div", { className: re.buttons, children: [
355
+ }, [s]), /* @__PURE__ */ e.jsxs("div", { className: le.buttons, children: [
230
356
  /* @__PURE__ */ e.jsx(
231
357
  "div",
232
358
  {
233
- className: F(re.button, {
234
- [re.disabled]: i
359
+ className: N(le.button, {
360
+ [le.disabled]: i
235
361
  }),
236
362
  children: /* @__PURE__ */ e.jsx(
237
- C,
363
+ v,
238
364
  {
239
365
  name: "ArrowUUpLeft",
240
366
  width: 20,
@@ -250,39 +376,39 @@ const $t = () => {
250
376
  /* @__PURE__ */ e.jsx(
251
377
  "div",
252
378
  {
253
- className: F(re.button, {
254
- [re.disabled]: a
379
+ className: N(le.button, {
380
+ [le.disabled]: r
255
381
  }),
256
382
  children: /* @__PURE__ */ e.jsx(
257
- C,
383
+ v,
258
384
  {
259
385
  name: "ArrowUUpRight",
260
386
  width: 20,
261
387
  height: 20,
262
388
  onClick: () => {
263
- a || n();
389
+ r || n();
264
390
  },
265
- fill: a ? "#757575" : "#252525"
391
+ fill: r ? "#757575" : "#252525"
266
392
  }
267
393
  )
268
394
  }
269
395
  )
270
396
  ] });
271
- }, Ut = "_devices_1b6y1_1", qt = "_device_1b6y1_1", Gt = "_active_1b6y1_26", ye = {
272
- devices: Ut,
273
- device: qt,
274
- active: Gt
275
- }, zt = () => {
276
- const { currentDevice: t, setCurrentDevice: n } = Ie();
277
- return /* @__PURE__ */ e.jsx("div", { className: ye.devices, children: yt.map((o) => /* @__PURE__ */ e.jsx(
397
+ }, sn = "_devices_1b6y1_1", an = "_device_1b6y1_1", rn = "_active_1b6y1_26", Le = {
398
+ devices: sn,
399
+ device: an,
400
+ active: rn
401
+ }, ln = () => {
402
+ const { currentDevice: t, setCurrentDevice: n } = Ve();
403
+ return /* @__PURE__ */ e.jsx("div", { className: Le.devices, children: Ft.map((o) => /* @__PURE__ */ e.jsx(
278
404
  "div",
279
405
  {
280
- className: F(ye.device, {
281
- [ye.active]: t.value === o.value
406
+ className: N(Le.device, {
407
+ [Le.active]: t.value === o.value
282
408
  }),
283
409
  onClick: () => n(o),
284
410
  children: /* @__PURE__ */ e.jsx(
285
- C,
411
+ v,
286
412
  {
287
413
  name: o.icon,
288
414
  fill: t.value === o.value ? "#252525" : "#757575",
@@ -293,77 +419,77 @@ const $t = () => {
293
419
  },
294
420
  o.value
295
421
  )) });
296
- }, Wt = "_header_2d8xd_1", Vt = "_left_2d8xd_13", Xt = "_right_2d8xd_14", he = {
297
- header: Wt,
298
- left: Vt,
299
- right: Xt
300
- }, Qt = "_preview_93shy_2", Kt = "_active_93shy_23", Be = {
301
- preview: Qt,
302
- active: Kt
303
- }, Yt = () => {
304
- const { onPreview: t, setOnPreview: n } = Z();
422
+ }, cn = "_header_2d8xd_1", dn = "_left_2d8xd_13", un = "_right_2d8xd_14", me = {
423
+ header: cn,
424
+ left: dn,
425
+ right: un
426
+ }, hn = "_preview_93shy_2", pn = "_active_93shy_23", Ne = {
427
+ preview: hn,
428
+ active: pn
429
+ }, gn = () => {
430
+ const { onPreview: t, setOnPreview: n } = ee();
305
431
  return /* @__PURE__ */ e.jsxs(
306
432
  "div",
307
433
  {
308
- className: F(Be.preview, {
309
- [Be.active]: t
434
+ className: N(Ne.preview, {
435
+ [Ne.active]: t
310
436
  }),
311
437
  onClick: () => n(!t),
312
438
  children: [
313
439
  /* @__PURE__ */ e.jsx(
314
- C,
440
+ v,
315
441
  {
316
442
  name: "ArrowUpRight",
317
443
  width: 20,
318
444
  height: 20
319
445
  }
320
446
  ),
321
- /* @__PURE__ */ e.jsx("span", { className: Be.text, children: "Preview" })
447
+ /* @__PURE__ */ e.jsx("span", { className: Ne.text, children: "Preview" })
322
448
  ]
323
449
  }
324
450
  );
325
- }, Jt = "_settings_u4cv4_1", Zt = {
326
- settings: Jt
327
- }, en = "_pages_1mwe1_1", tn = "_text_1mwe1_17", nn = "_modal_1mwe1_23", on = "_page_1mwe1_1", sn = "_hoverable_1mwe1_49", an = "_separator_1mwe1_53", rn = "_button_1mwe1_57", ln = "_items_1mwe1_72", z = {
328
- pages: en,
451
+ }, mn = "_settings_u4cv4_1", _n = {
452
+ settings: mn
453
+ }, Sn = "_pages_1mwe1_1", bn = "_text_1mwe1_17", fn = "_modal_1mwe1_23", Cn = "_page_1mwe1_1", wn = "_hoverable_1mwe1_49", vn = "_separator_1mwe1_53", xn = "_button_1mwe1_57", kn = "_items_1mwe1_72", z = {
454
+ pages: Sn,
329
455
  default: "_default_1mwe1_5",
330
- text: tn,
331
- modal: nn,
332
- page: on,
333
- hoverable: sn,
334
- separator: an,
335
- button: rn,
336
- items: ln
337
- }, cn = () => {
456
+ text: bn,
457
+ modal: fn,
458
+ page: Cn,
459
+ hoverable: wn,
460
+ separator: vn,
461
+ button: xn,
462
+ items: kn
463
+ }, yn = () => {
338
464
  const {
339
465
  currentPage: t,
340
466
  setCurrentPage: n,
341
467
  setIsOpenModal: o,
342
468
  pages: s,
343
469
  setIsEdit: i,
344
- setEditedPage: r,
345
- deletePage: a,
470
+ setEditedPage: a,
471
+ deletePage: r,
346
472
  isOpenSelectModal: l,
347
473
  setIsOpenSelectModal: d
348
- } = D(), { deletePage: _ } = $(), [u, g] = p.useState("");
349
- return p.useEffect(() => {
350
- const h = () => {
474
+ } = $(), { deletePage: f } = M(), [h, p] = m.useState("");
475
+ return m.useEffect(() => {
476
+ const u = () => {
351
477
  d(!1);
352
478
  };
353
- return document.body.addEventListener("click", h), () => {
354
- document.body.removeEventListener("click", h);
479
+ return document.body.addEventListener("click", u), () => {
480
+ document.body.removeEventListener("click", u);
355
481
  };
356
482
  }, []), /* @__PURE__ */ e.jsxs("div", { className: z.pages, children: [
357
483
  /* @__PURE__ */ e.jsxs(
358
484
  "div",
359
485
  {
360
486
  className: z.default,
361
- onClick: (h) => {
362
- h.stopPropagation(), d(!l);
487
+ onClick: (u) => {
488
+ u.stopPropagation(), d(!l);
363
489
  },
364
490
  children: [
365
491
  /* @__PURE__ */ e.jsx(
366
- C,
492
+ v,
367
493
  {
368
494
  name: s && s[t] && s[t].icon || "File",
369
495
  fill: "#252525",
@@ -371,9 +497,9 @@ const $t = () => {
371
497
  height: 20
372
498
  }
373
499
  ),
374
- /* @__PURE__ */ e.jsx("span", { className: z.text, children: s && s[t] && de.includes(s[t].name) ? `${U(s[t].name)} page` : s && s[t] && s[t].name }),
500
+ /* @__PURE__ */ e.jsx("span", { className: z.text, children: s && s[t] && he.includes(s[t].name) ? `${G(s[t].name)} page` : s && s[t] && s[t].name }),
375
501
  /* @__PURE__ */ e.jsx(
376
- C,
502
+ v,
377
503
  {
378
504
  name: "CaretDown",
379
505
  width: 20,
@@ -387,54 +513,54 @@ const $t = () => {
387
513
  "div",
388
514
  {
389
515
  className: z.modal,
390
- onClick: (h) => h.stopPropagation(),
516
+ onClick: (u) => u.stopPropagation(),
391
517
  children: [
392
- s && /* @__PURE__ */ e.jsx("div", { className: z.items, children: Object.keys(s).map((h) => {
393
- const c = s[h];
518
+ s && /* @__PURE__ */ e.jsx("div", { className: z.items, children: Object.keys(s).map((u) => {
519
+ const c = s[u];
394
520
  return /* @__PURE__ */ e.jsxs(
395
521
  "div",
396
522
  {
397
- className: F(z.page, {
398
- [z.hoverable]: u === h
523
+ className: N(z.page, {
524
+ [z.hoverable]: h === u
399
525
  }),
400
- onMouseEnter: () => g(h),
401
- onMouseLeave: () => g(""),
526
+ onMouseEnter: () => p(u),
527
+ onMouseLeave: () => p(""),
402
528
  onClick: () => {
403
- g(""), i(!1), n(h), d(!1);
529
+ p(""), i(!1), n(u), d(!1);
404
530
  },
405
531
  children: [
406
532
  /* @__PURE__ */ e.jsx(
407
- C,
533
+ v,
408
534
  {
409
535
  name: c.icon,
410
536
  fill: "#252525"
411
537
  }
412
538
  ),
413
- /* @__PURE__ */ e.jsx("span", { className: z.text, children: de.includes(c.name) ? `${U(c.name)} page` : c.name }),
414
- u === h && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
539
+ /* @__PURE__ */ e.jsx("span", { className: z.text, children: he.includes(c.name) ? `${G(c.name)} page` : c.name }),
540
+ h === u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
415
541
  /* @__PURE__ */ e.jsx(
416
- C,
542
+ v,
417
543
  {
418
544
  name: "Gear",
419
545
  fill: "#757575",
420
- onClick: (w) => {
421
- w.stopPropagation(), i(!0), r(h), o(!0);
546
+ onClick: (j) => {
547
+ j.stopPropagation(), i(!0), a(u), o(!0);
422
548
  }
423
549
  }
424
550
  ),
425
- !de.includes(c.name) && /* @__PURE__ */ e.jsx(
426
- C,
551
+ !he.includes(c.name) && /* @__PURE__ */ e.jsx(
552
+ v,
427
553
  {
428
554
  name: "Trash",
429
555
  fill: "#C12A2A",
430
- onClick: (w) => {
431
- s[t].path === c.name && n("/"), w.stopPropagation(), a(h), _(c.name), nt(c.path);
556
+ onClick: (j) => {
557
+ s[t].path === c.name && n("/"), j.stopPropagation(), r(u), f(c.name), ut(c.path);
432
558
  }
433
559
  }
434
560
  )
435
561
  ] }),
436
562
  s[t] && s[t].path === c.name && /* @__PURE__ */ e.jsx(
437
- C,
563
+ v,
438
564
  {
439
565
  name: "Check",
440
566
  fill: "#FF3F19"
@@ -442,21 +568,21 @@ const $t = () => {
442
568
  )
443
569
  ]
444
570
  },
445
- h
571
+ u
446
572
  );
447
573
  }) }),
448
574
  /* @__PURE__ */ e.jsx("div", { className: z.separator }),
449
575
  /* @__PURE__ */ e.jsxs(
450
- J,
576
+ K,
451
577
  {
452
578
  className: z.button,
453
- onClick: (h) => {
454
- h.stopPropagation(), o(!0);
579
+ onClick: (u) => {
580
+ u.stopPropagation(), o(!0);
455
581
  },
456
582
  size: "l",
457
583
  children: [
458
584
  /* @__PURE__ */ e.jsx(
459
- C,
585
+ v,
460
586
  {
461
587
  name: "Plus",
462
588
  fill: "#ff3f19"
@@ -470,17 +596,17 @@ const $t = () => {
470
596
  }
471
597
  )
472
598
  ] });
473
- }, dn = "_zoom_1q1ud_1", un = {
474
- zoom: dn
475
- }, hn = () => {
476
- const [t, n] = p.useState(), o = () => {
599
+ }, jn = "_zoom_1q1ud_1", Bn = {
600
+ zoom: jn
601
+ }, An = () => {
602
+ const [t, n] = m.useState(), o = () => {
477
603
  n(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
478
604
  };
479
- return p.useEffect(() => (o(), window.addEventListener("resize", o), () => {
605
+ return m.useEffect(() => (o(), window.addEventListener("resize", o), () => {
480
606
  window.removeEventListener("resize", o);
481
- }), []), /* @__PURE__ */ e.jsxs("div", { className: un.zoom, children: [
607
+ }), []), /* @__PURE__ */ e.jsxs("div", { className: Bn.zoom, children: [
482
608
  /* @__PURE__ */ e.jsx(
483
- C,
609
+ v,
484
610
  {
485
611
  name: "MagnifyingGlassMinus",
486
612
  width: 20,
@@ -492,14 +618,14 @@ const $t = () => {
492
618
  " %"
493
619
  ] })
494
620
  ] });
495
- }, gn = () => /* @__PURE__ */ e.jsxs("div", { className: Zt.settings, children: [
496
- /* @__PURE__ */ e.jsx(cn, {}),
497
- /* @__PURE__ */ e.jsx(hn, {})
498
- ] }), pn = "_theme_1jz2h_1", mn = {
499
- theme: pn
500
- }, Sn = () => /* @__PURE__ */ e.jsxs("div", { className: mn.theme, children: [
621
+ }, Pn = () => /* @__PURE__ */ e.jsxs("div", { className: _n.settings, children: [
622
+ /* @__PURE__ */ e.jsx(yn, {}),
623
+ /* @__PURE__ */ e.jsx(An, {})
624
+ ] }), Ln = "_theme_1jz2h_1", Nn = {
625
+ theme: Ln
626
+ }, Tn = () => /* @__PURE__ */ e.jsxs("div", { className: Nn.theme, children: [
501
627
  /* @__PURE__ */ e.jsx(
502
- C,
628
+ v,
503
629
  {
504
630
  name: "Check",
505
631
  width: 18,
@@ -507,196 +633,194 @@ const $t = () => {
507
633
  }
508
634
  ),
509
635
  /* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
510
- ] }), bn = () => {
511
- const { themeSettings: t } = H(), { settings: n } = Y(), { isOpenSelectModal: o } = D(), [s, i] = p.useState(null), [r, a] = p.useState(!1), [l, d] = p.useState(!1), { setNotification: _ } = Re(), { pages: u } = D(), { blocks: g } = $();
512
- function h(x, k) {
636
+ ] }), Fn = () => {
637
+ const { themeSettings: t } = I(), { settings: n } = J(), { isOpenSelectModal: o } = $(), [s, i] = m.useState(null), [a, r] = m.useState(!1), [l, d] = m.useState(!1), { setNotification: f } = Xe(), { pages: h } = $(), { blocks: p } = M();
638
+ function u(g, k) {
513
639
  try {
514
- return k.map((v) => {
515
- if (!v.value || !v.value.blockSettings)
516
- throw new Error("block.value or block.value.blockSettings is undefined.");
517
- return Object.values(v.value.blockSettings).filter((m) => m && m.type === x).map((m) => {
518
- if (!m.value)
640
+ return k.map((C) => {
641
+ if (!C.value || !C.value.blockSettings) {
642
+ console.error("block.value or block.value.blockSettings is undefined.");
643
+ return;
644
+ }
645
+ return Object.values(C.value.blockSettings).filter((B) => B && B.type === g).map((B) => {
646
+ if (!B.value)
519
647
  throw new Error("item.value is undefined.");
520
- return m.value;
648
+ return B.value;
521
649
  }).flat();
522
- }).flat().map((v) => {
523
- if (!v.listingId)
524
- throw new Error("item.listingId is undefined.");
525
- return v.listingId;
526
- });
527
- } catch (f) {
528
- return console.error("Error in getValues function:", f), [];
650
+ }).flat().filter((C) => C).map((C) => C.listingId);
651
+ } catch (_) {
652
+ return console.error("Error in getValues function:", _), [];
529
653
  }
530
654
  }
531
- function c(x, k) {
532
- return h(x, k).some((v) => v);
655
+ function c(g, k) {
656
+ return u(g, k).some((C) => C);
533
657
  }
534
- function w(x, k) {
535
- const f = h(x, k);
536
- return Array.isArray(f) && f.length > 0 ? Math.max(...f) : 0;
658
+ function j(g, k) {
659
+ const _ = u(g, k);
660
+ return Array.isArray(_) && _.length > 0 ? Math.max(..._) : 0;
537
661
  }
538
- function j(x) {
539
- if (u) {
540
- const k = Object.keys(u).find((f) => u[f].name === x);
541
- if (k) return u[k];
662
+ function L(g) {
663
+ if (h) {
664
+ const k = Object.keys(h).find((_) => h[_].name === g);
665
+ if (k) return h[k];
542
666
  }
543
667
  return null;
544
668
  }
545
- const L = async () => {
546
- if (r)
669
+ const P = async () => {
670
+ if (a)
547
671
  s && clearTimeout(s);
548
672
  else {
549
673
  d(!0);
550
- const k = Object.keys(g).map((v) => {
551
- const m = j(v);
674
+ const k = Object.keys(p).map((C) => {
675
+ const w = L(C);
552
676
  return {
553
- name: m ? m.name : v,
554
- path: (m == null ? void 0 : m.path) || v,
677
+ name: w ? w.name : C,
678
+ path: (w == null ? void 0 : w.path) || C,
555
679
  layout: {
556
- ...g[v]
680
+ ...p[C]
557
681
  },
558
- neededProductIds: [...h("ProductId", Object.values(g[v]))],
559
- neededCategoryIds: [...h("CategoryId", Object.values(g[v]))],
560
- neededAnnouncementIds: [...h("AnnouncementId", Object.values(g[v]))],
561
- neededListingIds: [...h("listings", Object.values(g[v]))],
562
- neededFaqs: c("Faqs", Object.values(g[v])),
563
- neededReviewCount: w("ReviewCount", Object.values(g[v])),
682
+ neededProductIds: [...u("ProductId", Object.values(p[C]))],
683
+ neededCategoryIds: [...u("CategoryId", Object.values(p[C]))],
684
+ neededAnnouncementIds: [...u("AnnouncementId", Object.values(p[C]))],
685
+ neededListingIds: [...u("ListingIds", Object.values(p[C]))],
686
+ neededFaqs: c("Faqs", Object.values(p[C])),
687
+ neededReviewCount: j("ReviewCount", Object.values(p[C])),
564
688
  seo: {
565
- pageTitle: m && m.seo && m.seo.title ? m.seo.title : "",
566
- pageDescription: m && m.seo && m.seo.description ? m.seo.description : ""
689
+ pageTitle: w && w.seo && w.seo.title ? w.seo.title : "",
690
+ pageDescription: w && w.seo && w.seo.description ? w.seo.description : ""
567
691
  }
568
692
  };
569
- }), { status: f } = await ot("post", "save", {
693
+ }), { status: _ } = await ht("post", "save", {
570
694
  themeSettings: t,
571
695
  settings: n,
572
696
  updatedPages: k
573
697
  });
574
- _({
575
- message: f === 200 ? "Settings saved" : "Error",
576
- status: f === 200 ? "success" : "error"
698
+ f({
699
+ message: _ === 200 ? "Settings saved" : "Error",
700
+ status: _ === 200 ? "success" : "error"
577
701
  }), d(!1);
578
702
  }
579
- a(!0);
580
- const x = setTimeout(() => {
581
- a(!1);
703
+ r(!0);
704
+ const g = setTimeout(() => {
705
+ r(!1);
582
706
  }, 2e3);
583
- i(x);
707
+ i(g);
584
708
  };
585
709
  return /* @__PURE__ */ e.jsxs(
586
710
  "div",
587
711
  {
588
- className: he.header,
712
+ className: me.header,
589
713
  style: {
590
714
  zIndex: o ? 5e4 : 50
591
715
  },
592
716
  children: [
593
- /* @__PURE__ */ e.jsxs("div", { className: he.left, children: [
594
- /* @__PURE__ */ e.jsx(zt, {}),
595
- /* @__PURE__ */ e.jsx(Yt, {})
717
+ /* @__PURE__ */ e.jsxs("div", { className: me.left, children: [
718
+ /* @__PURE__ */ e.jsx(ln, {}),
719
+ /* @__PURE__ */ e.jsx(gn, {})
596
720
  ] }),
597
- /* @__PURE__ */ e.jsx("div", { className: he.center, children: /* @__PURE__ */ e.jsx(gn, {}) }),
598
- /* @__PURE__ */ e.jsxs("div", { className: he.right, children: [
599
- /* @__PURE__ */ e.jsx(Sn, {}),
600
- /* @__PURE__ */ e.jsx(Ot, {}),
601
- l ? /* @__PURE__ */ e.jsx(we, {}) : /* @__PURE__ */ e.jsx(J, { onClick: L, children: "Save" })
721
+ /* @__PURE__ */ e.jsx("div", { className: me.center, children: /* @__PURE__ */ e.jsx(Pn, {}) }),
722
+ /* @__PURE__ */ e.jsxs("div", { className: me.right, children: [
723
+ /* @__PURE__ */ e.jsx(Tn, {}),
724
+ /* @__PURE__ */ e.jsx(on, {}),
725
+ l ? /* @__PURE__ */ e.jsx(ye, {}) : /* @__PURE__ */ e.jsx(K, { onClick: P, children: "Save" })
602
726
  ] })
603
727
  ]
604
728
  }
605
729
  );
606
- }, fn = "_exit_1wk4t_1", Cn = "_text_1wk4t_11", Fe = {
607
- exit: fn,
608
- text: Cn
609
- }, _n = () => /* @__PURE__ */ e.jsxs(
730
+ }, $n = "_exit_1wk4t_1", Dn = "_text_1wk4t_11", Re = {
731
+ exit: $n,
732
+ text: Dn
733
+ }, Mn = () => /* @__PURE__ */ e.jsxs(
610
734
  "a",
611
735
  {
612
736
  href: "https://dash.billgang.com/",
613
- className: Fe.exit,
737
+ className: Re.exit,
614
738
  children: [
615
739
  /* @__PURE__ */ e.jsx(
616
- C,
740
+ v,
617
741
  {
618
742
  name: "SignOut",
619
743
  width: 20,
620
744
  height: 20
621
745
  }
622
746
  ),
623
- /* @__PURE__ */ e.jsx("span", { className: Fe.text, children: "Exit" })
747
+ /* @__PURE__ */ e.jsx("span", { className: Re.text, children: "Exit" })
624
748
  ]
625
749
  }
626
- ), wn = "_navbar_14j8e_1", vn = "_main_14j8e_6", xn = "_block_14j8e_13", kn = "_active_14j8e_30", ge = {
627
- navbar: wn,
628
- main: vn,
629
- block: xn,
630
- active: kn
631
- }, jn = () => {
632
- const { activeBlock: t, setActiveBlock: n } = ve(), { setActiveBlock: o } = X(), { setCurrentBlock: s } = $(), { setActiveBlock: i } = H();
633
- function r(a) {
634
- o(null), n(a), s(null), i(null);
750
+ ), Hn = "_navbar_14j8e_1", In = "_main_14j8e_6", En = "_block_14j8e_13", Rn = "_active_14j8e_30", _e = {
751
+ navbar: Hn,
752
+ main: In,
753
+ block: En,
754
+ active: Rn
755
+ }, On = () => {
756
+ const { activeBlock: t, setActiveBlock: n } = je(), { setActiveBlock: o } = X(), { setCurrentBlock: s } = M(), { setActiveBlock: i } = I();
757
+ function a(r) {
758
+ o(null), n(r), s(null), i(null);
635
759
  }
636
- return /* @__PURE__ */ e.jsxs("div", { className: ge.navbar, children: [
637
- /* @__PURE__ */ e.jsx(_n, {}),
638
- /* @__PURE__ */ e.jsx("div", { className: ge.main, children: st.map((a) => /* @__PURE__ */ e.jsxs(
760
+ return /* @__PURE__ */ e.jsxs("div", { className: _e.navbar, children: [
761
+ /* @__PURE__ */ e.jsx(Mn, {}),
762
+ /* @__PURE__ */ e.jsx("div", { className: _e.main, children: pt.map((r) => /* @__PURE__ */ e.jsxs(
639
763
  "div",
640
764
  {
641
- className: F(ge.block, {
642
- [ge.active]: t.icon === a.icon
765
+ className: N(_e.block, {
766
+ [_e.active]: t.icon === r.icon
643
767
  }),
644
- onClick: () => r(a),
768
+ onClick: () => a(r),
645
769
  children: [
646
770
  /* @__PURE__ */ e.jsx(
647
- C,
771
+ v,
648
772
  {
649
- name: a.icon,
650
- fill: t.icon === a.icon ? "#252525" : "#757575"
773
+ name: r.icon,
774
+ fill: t.icon === r.icon ? "#252525" : "#757575"
651
775
  }
652
776
  ),
653
- /* @__PURE__ */ e.jsx("span", { children: a.name })
777
+ /* @__PURE__ */ e.jsx("span", { children: r.name })
654
778
  ]
655
779
  },
656
- a.icon
780
+ r.icon
657
781
  )) })
658
782
  ] });
659
- }, yn = "_preview_1howr_1", Bn = "_main_1howr_14", An = "_content_1howr_25", Pn = "_loading_1howr_32", Ln = "_loader_1howr_42", Nn = "_spin_1howr_1", pe = {
660
- preview: yn,
661
- main: Bn,
662
- content: An,
663
- loading: Pn,
664
- loader: Ln,
665
- spin: Nn
666
- }, Tn = "_header_obebc_1", Fn = "_circles_obebc_16", Dn = "_circle_obebc_16", $n = "_red_obebc_33", Mn = "_green_obebc_37", Hn = "_yellow_obebc_41", In = "_input_obebc_45", Rn = "_main_obebc_56", En = "_text_obebc_65", Q = {
667
- header: Tn,
668
- circles: Fn,
669
- circle: Dn,
670
- red: $n,
671
- green: Mn,
672
- yellow: Hn,
673
- input: In,
674
- main: Rn,
675
- text: En
676
- }, On = "data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='0.5'%20width='16'%20height='16'%20fill='url(%23pattern0_4042_718)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_4042_718'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_4042_718'%20transform='scale(0.015625)'/%3e%3c/pattern%3e%3cimage%20id='image0_4042_718'%20width='64'%20height='64'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e", Un = ["red", "yellow", "green"], qn = () => /* @__PURE__ */ e.jsxs("div", { className: Q.header, children: [
677
- /* @__PURE__ */ e.jsx("div", { className: Q.circles, children: Un.map((t) => /* @__PURE__ */ e.jsx(
783
+ }, Un = "_preview_1howr_1", qn = "_main_1howr_14", Gn = "_content_1howr_25", zn = "_loading_1howr_32", Wn = "_loader_1howr_42", Vn = "_spin_1howr_1", Se = {
784
+ preview: Un,
785
+ main: qn,
786
+ content: Gn,
787
+ loading: zn,
788
+ loader: Wn,
789
+ spin: Vn
790
+ }, Xn = "_header_obebc_1", Yn = "_circles_obebc_16", Qn = "_circle_obebc_16", Kn = "_red_obebc_33", Jn = "_green_obebc_37", Zn = "_yellow_obebc_41", eo = "_input_obebc_45", to = "_main_obebc_56", no = "_text_obebc_65", Y = {
791
+ header: Xn,
792
+ circles: Yn,
793
+ circle: Qn,
794
+ red: Kn,
795
+ green: Jn,
796
+ yellow: Zn,
797
+ input: eo,
798
+ main: to,
799
+ text: no
800
+ }, oo = "data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='0.5'%20width='16'%20height='16'%20fill='url(%23pattern0_4042_718)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_4042_718'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_4042_718'%20transform='scale(0.015625)'/%3e%3c/pattern%3e%3cimage%20id='image0_4042_718'%20width='64'%20height='64'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e", so = ["red", "yellow", "green"], ao = () => /* @__PURE__ */ e.jsxs("div", { className: Y.header, children: [
801
+ /* @__PURE__ */ e.jsx("div", { className: Y.circles, children: so.map((t) => /* @__PURE__ */ e.jsx(
678
802
  "div",
679
803
  {
680
- className: F(Q.circle, {
681
- [Q.red]: t === "red",
682
- [Q.yellow]: t === "yellow",
683
- [Q.green]: t === "green"
804
+ className: N(Y.circle, {
805
+ [Y.red]: t === "red",
806
+ [Y.yellow]: t === "yellow",
807
+ [Y.green]: t === "green"
684
808
  })
685
809
  },
686
810
  t
687
811
  )) }),
688
- /* @__PURE__ */ e.jsxs("div", { className: Q.input, children: [
689
- /* @__PURE__ */ e.jsxs("div", { className: Q.main, children: [
812
+ /* @__PURE__ */ e.jsxs("div", { className: Y.input, children: [
813
+ /* @__PURE__ */ e.jsxs("div", { className: Y.main, children: [
690
814
  /* @__PURE__ */ e.jsx(
691
815
  "img",
692
816
  {
693
- src: On,
817
+ src: oo,
694
818
  alt: ""
695
819
  }
696
820
  ),
697
- /* @__PURE__ */ e.jsx("span", { className: Q.text, children: "lorem.ipsum" }),
821
+ /* @__PURE__ */ e.jsx("span", { className: Y.text, children: "lorem.ipsum" }),
698
822
  /* @__PURE__ */ e.jsx(
699
- C,
823
+ v,
700
824
  {
701
825
  name: "Lock",
702
826
  fill: "#757575",
@@ -706,7 +830,7 @@ const $t = () => {
706
830
  )
707
831
  ] }),
708
832
  /* @__PURE__ */ e.jsx(
709
- C,
833
+ v,
710
834
  {
711
835
  name: "Copy",
712
836
  width: 20,
@@ -714,71 +838,71 @@ const $t = () => {
714
838
  }
715
839
  )
716
840
  ] })
717
- ] }), Gn = "_content_glpob_1", zn = "_main_glpob_9", Wn = "_block_glpob_13", Vn = "_active_glpob_20", Xn = "_name_glpob_24", Qn = "_empty_glpob_38", Kn = "_icon_glpob_49", Yn = "_title_glpob_62", Jn = "_text_glpob_68", Zn = "_sections_glpob_74", eo = "_section_glpob_74", ie = {
718
- content: Gn,
719
- main: zn,
720
- block: Wn,
721
- active: Vn,
722
- name: Xn,
723
- empty: Qn,
724
- icon: Kn,
725
- title: Yn,
726
- text: Jn,
727
- sections: Zn,
728
- section: eo
729
- }, to = "_sidebar_1cz73_1", no = "_content_1cz73_14", oo = "_button_1cz73_24", so = "_moveButton_1cz73_34", ao = "_border_1cz73_38", ro = "_deleteButton_1cz73_42", I = {
730
- sidebar: to,
731
- content: no,
732
- button: oo,
733
- moveButton: so,
734
- border: ao,
735
- deleteButton: ro
736
- }, io = () => {
737
- const { activeBlock: t } = Z(), { blocks: n, removeBlock: o, moveBlock: s, duplicateBlock: i } = $(), { currentPage: r, pages: a } = D(), l = a && a[r] ? Object.keys(n[a[r].path]) : [], d = l.indexOf(t), _ = () => {
738
- d > 0 && a && s(a[r].path, d, d - 1);
739
- }, u = () => {
740
- d < l.length - 1 && a && s(a[r].path, d, d + 1);
741
- }, g = () => {
742
- a && i(a[r].path, t);
841
+ ] }), ro = "_content_glpob_1", io = "_main_glpob_9", lo = "_block_glpob_13", co = "_active_glpob_20", uo = "_name_glpob_24", ho = "_empty_glpob_38", po = "_icon_glpob_49", go = "_title_glpob_62", mo = "_text_glpob_68", _o = "_sections_glpob_74", So = "_section_glpob_74", ce = {
842
+ content: ro,
843
+ main: io,
844
+ block: lo,
845
+ active: co,
846
+ name: uo,
847
+ empty: ho,
848
+ icon: po,
849
+ title: go,
850
+ text: mo,
851
+ sections: _o,
852
+ section: So
853
+ }, bo = "_sidebar_1cz73_1", fo = "_content_1cz73_14", Co = "_button_1cz73_24", wo = "_moveButton_1cz73_34", vo = "_border_1cz73_38", xo = "_deleteButton_1cz73_42", R = {
854
+ sidebar: bo,
855
+ content: fo,
856
+ button: Co,
857
+ moveButton: wo,
858
+ border: vo,
859
+ deleteButton: xo
860
+ }, ko = () => {
861
+ const { activeBlock: t } = ee(), { blocks: n, removeBlock: o, moveBlock: s, duplicateBlock: i } = M(), { currentPage: a, pages: r } = $(), l = r && r[a] ? Object.keys(n[r[a].path]) : [], d = l.indexOf(t), f = () => {
862
+ d > 0 && r && s(r[a].path, d, d - 1);
863
+ }, h = () => {
864
+ d < l.length - 1 && r && s(r[a].path, d, d + 1);
865
+ }, p = () => {
866
+ r && i(r[a].path, t);
743
867
  };
744
- return /* @__PURE__ */ e.jsx("div", { className: I.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: I.content, children: [
868
+ return /* @__PURE__ */ e.jsx("div", { className: R.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: R.content, children: [
745
869
  /* @__PURE__ */ e.jsx(
746
870
  "button",
747
871
  {
748
- onClick: _,
749
- className: F(I.button, I.moveButton),
872
+ onClick: f,
873
+ className: N(R.button, R.moveButton),
750
874
  disabled: d === 0,
751
- children: /* @__PURE__ */ e.jsx(C, { name: "ArrowUp" })
875
+ children: /* @__PURE__ */ e.jsx(v, { name: "ArrowUp" })
752
876
  }
753
877
  ),
754
878
  /* @__PURE__ */ e.jsx(
755
879
  "button",
756
880
  {
757
- onClick: u,
758
- className: F(I.button, I.moveButton),
881
+ onClick: h,
882
+ className: N(R.button, R.moveButton),
759
883
  disabled: d === l.length - 1,
760
- children: /* @__PURE__ */ e.jsx(C, { name: "ArrowDown" })
884
+ children: /* @__PURE__ */ e.jsx(v, { name: "ArrowDown" })
761
885
  }
762
886
  ),
763
- /* @__PURE__ */ e.jsx("div", { className: I.border }),
887
+ /* @__PURE__ */ e.jsx("div", { className: R.border }),
764
888
  /* @__PURE__ */ e.jsx(
765
889
  "button",
766
890
  {
767
- onClick: g,
768
- className: F(I.button, I.moveButton),
769
- children: /* @__PURE__ */ e.jsx(C, { name: "Copy" })
891
+ onClick: p,
892
+ className: N(R.button, R.moveButton),
893
+ children: /* @__PURE__ */ e.jsx(v, { name: "Copy" })
770
894
  }
771
895
  ),
772
- /* @__PURE__ */ e.jsx("div", { className: I.border }),
896
+ /* @__PURE__ */ e.jsx("div", { className: R.border }),
773
897
  /* @__PURE__ */ e.jsx(
774
898
  "button",
775
899
  {
776
900
  onClick: () => {
777
- a && o(a[r].path, t);
901
+ r && o(r[a].path, t);
778
902
  },
779
- className: F(I.button, I.deleteButton),
903
+ className: N(R.button, R.deleteButton),
780
904
  children: /* @__PURE__ */ e.jsx(
781
- C,
905
+ v,
782
906
  {
783
907
  name: "Trash",
784
908
  hoverable: !0
@@ -787,31 +911,31 @@ const $t = () => {
787
911
  }
788
912
  )
789
913
  ] }) });
790
- }, lo = p.memo(() => {
791
- const { setActiveBlock: t, activeBlock: n } = Z(), { blocks: o, sourceBlocks: s } = X(), { blocks: i } = $(), { settings: r } = Y(), { currentPage: a, pages: l, setIsOpenSelectModal: d, pageContext: _ } = D(), u = p.useRef(n);
792
- p.useEffect(() => {
793
- u.current = n;
794
- }, [n]), p.useEffect(() => {
914
+ }, yo = m.memo(() => {
915
+ const { setActiveBlock: t, activeBlock: n } = ee(), { blocks: o, sourceBlocks: s } = X(), { blocks: i } = M(), { settings: a } = J(), { currentPage: r, pages: l, setIsOpenSelectModal: d, pageContext: f } = $(), h = m.useRef(n);
916
+ m.useEffect(() => {
917
+ h.current = n;
918
+ }, [n]), m.useEffect(() => {
795
919
  const c = () => {
796
- u.current && t(null);
920
+ h.current && t(null);
797
921
  };
798
922
  return document.body.addEventListener("click", c), () => {
799
923
  document.body.removeEventListener("click", c);
800
924
  };
801
925
  }, []);
802
- const g = (c) => {
926
+ const p = (c) => {
803
927
  if (!c || !c.name)
804
- return /* @__PURE__ */ e.jsx(Ce, { error: "Block or block.name is undefined." });
928
+ return /* @__PURE__ */ e.jsx(xe, { error: "Block or block.name is undefined." });
805
929
  if (!o || !o[c.name])
806
- return /* @__PURE__ */ e.jsx(Ce, { error: `Block "${c.name}" does not exist in blocks.` });
807
- const w = new o[c.name]();
808
- return c.value && Object.assign(w, c.value), w.renderBlock(r, _);
930
+ return /* @__PURE__ */ e.jsx(xe, { error: `Block "${c.name}" does not exist in blocks.` });
931
+ const j = new o[c.name]();
932
+ return c.value && Object.assign(j, c.value), j.renderBlock(a, f);
809
933
  };
810
- function h(c) {
934
+ function u(c) {
811
935
  if (!s || !s[c])
812
936
  return "unknown name";
813
- const w = new s[c]();
814
- return !w.blockSettings || !w.blockSettings.displayName ? "unknown name" : w.blockSettings.displayName;
937
+ const j = new s[c]();
938
+ return !j.blockSettings || !j.blockSettings.displayName ? "unknown name" : j.blockSettings.displayName;
815
939
  }
816
940
  return /* @__PURE__ */ e.jsxs(
817
941
  "div",
@@ -819,151 +943,183 @@ const $t = () => {
819
943
  onClick: (c) => {
820
944
  c.stopPropagation(), d(!1);
821
945
  },
822
- className: ie.content,
946
+ className: ce.content,
823
947
  children: [
824
- /* @__PURE__ */ e.jsx(We, {}),
825
- /* @__PURE__ */ e.jsx("div", { className: ie.main, children: l && l[a] && i[l[a].path] && Object.keys(i[l[a].path]).map((c) => /* @__PURE__ */ e.jsxs(
948
+ /* @__PURE__ */ e.jsx(Ze, {}),
949
+ /* @__PURE__ */ e.jsx("div", { className: ce.main, children: l && l[r] && i[l[r].path] && Object.keys(i[l[r].path]).map((c) => /* @__PURE__ */ e.jsxs(
826
950
  "div",
827
951
  {
828
952
  onClick: () => t(c),
829
- className: F(ie.block, {
830
- [ie.active]: n === c
953
+ className: N(ce.block, {
954
+ [ce.active]: n === c
831
955
  }),
832
956
  children: [
833
- n === c && /* @__PURE__ */ e.jsx("div", { className: ie.name, children: h(i[l[a].path][c].name) }),
834
- n === c && h(i[l[a].path][c].name) !== "unknown name" && /* @__PURE__ */ e.jsx(io, {}),
957
+ n === c && /* @__PURE__ */ e.jsx("div", { className: ce.name, children: u(i[l[r].path][c].name) }),
958
+ n === c && u(i[l[r].path][c].name) !== "unknown name" && /* @__PURE__ */ e.jsx(ko, {}),
835
959
  o && /* @__PURE__ */ e.jsx(
836
- Ge,
960
+ Ke,
837
961
  {
838
- render: g,
839
- block: i[l[a].path][c]
962
+ render: p,
963
+ block: i[l[r].path][c]
840
964
  }
841
965
  )
842
966
  ]
843
967
  },
844
968
  c
845
969
  )) }),
846
- /* @__PURE__ */ e.jsx(ze, {})
970
+ /* @__PURE__ */ e.jsx(Je, {})
847
971
  ]
848
972
  }
849
973
  );
850
- }), co = "_results_12p5x_1", uo = "_name_12p5x_8", ho = "_product_12p5x_15", me = {
851
- results: co,
852
- name: uo,
853
- product: ho
854
- }, go = "_search_186hm_1", po = "_input_186hm_13", De = {
855
- search: go,
856
- input: po
857
- }, mo = () => /* @__PURE__ */ e.jsxs("label", { className: De.search, children: [
974
+ }), jo = "_results_12p5x_1", Bo = "_name_12p5x_8", Ao = "_product_12p5x_15", be = {
975
+ results: jo,
976
+ name: Bo,
977
+ product: Ao
978
+ }, Po = "_search_186hm_1", Lo = "_input_186hm_13", Oe = {
979
+ search: Po,
980
+ input: Lo
981
+ }, No = () => /* @__PURE__ */ e.jsxs("label", { className: Oe.search, children: [
858
982
  /* @__PURE__ */ e.jsx(
859
983
  "input",
860
984
  {
861
985
  type: "text",
862
986
  placeholder: "Search for sections",
863
- className: De.input
987
+ className: Oe.input
864
988
  }
865
989
  ),
866
990
  /* @__PURE__ */ e.jsx(
867
- C,
991
+ v,
868
992
  {
869
993
  name: "MagnifyingGlass",
870
994
  fill: "#757575"
871
995
  }
872
996
  )
873
- ] }), Ve = () => {
874
- const { blocks: t, sourceBlocks: n, setActiveBlock: o } = X(), { hideModal: s } = xe();
997
+ ] }), et = () => {
998
+ const { blocks: t, sourceBlocks: n, setActiveBlock: o } = X(), { hideModal: s } = pe();
875
999
  function i(l) {
876
1000
  o(l), s();
877
1001
  }
878
- function r(l) {
1002
+ function a(l) {
879
1003
  if (!n || !n[l])
880
1004
  return "unknown name";
881
1005
  const d = new n[l]();
882
1006
  return !d.blockSettings || !d.blockSettings.displayName ? "unknown name" : d.blockSettings.displayName;
883
1007
  }
884
- function a(l) {
1008
+ function r(l) {
885
1009
  if (n)
886
1010
  return new n[l]().blockSettings.isAddable;
887
1011
  }
888
- return /* @__PURE__ */ e.jsxs("div", { className: me.add, children: [
889
- /* @__PURE__ */ e.jsx(mo, {}),
890
- /* @__PURE__ */ e.jsx("div", { className: me.results, children: t && Object.keys(t).map((l) => {
891
- if (a(l))
1012
+ return /* @__PURE__ */ e.jsxs("div", { className: be.add, children: [
1013
+ /* @__PURE__ */ e.jsx(No, {}),
1014
+ /* @__PURE__ */ e.jsx("div", { className: be.results, children: t && Object.keys(t).map((l) => {
1015
+ if (r(l))
892
1016
  return /* @__PURE__ */ e.jsxs(
893
1017
  "div",
894
1018
  {
895
- className: me.product,
1019
+ className: be.product,
896
1020
  onClick: () => i(l),
897
1021
  children: [
898
- /* @__PURE__ */ e.jsx("span", { className: me.name, children: r(l) }),
899
- /* @__PURE__ */ e.jsx(C, { name: "CaretRight" })
1022
+ /* @__PURE__ */ e.jsx("span", { className: be.name, children: a(l) }),
1023
+ /* @__PURE__ */ e.jsx(v, { name: "CaretRight" })
900
1024
  ]
901
1025
  },
902
1026
  l
903
1027
  );
904
1028
  }) })
905
1029
  ] });
906
- }, So = () => {
1030
+ }, To = "_wrapper_q0sfn_1", Fo = {
1031
+ wrapper: To
1032
+ }, $o = ({ children: t }) => {
1033
+ const { hoverBlockId: n, startHideTimeout: o, clearHideTimeout: s, setMouseOverModal: i } = pe();
1034
+ return n ? /* @__PURE__ */ e.jsx(
1035
+ "div",
1036
+ {
1037
+ className: Fo.wrapper,
1038
+ onMouseEnter: () => {
1039
+ s(), i(!0);
1040
+ },
1041
+ onMouseLeave: () => {
1042
+ i(!1), o();
1043
+ },
1044
+ children: t
1045
+ }
1046
+ ) : null;
1047
+ }, Do = "_applyButton_11q4y_2", Mo = "_cancelButton_11q4y_7", Ho = "_content_11q4y_12", Io = "_label_11q4y_19", Eo = "_colorValue_11q4y_32", Ro = "_modal_11q4y_39", Oo = "_colorMap_11q4y_58", Uo = "_indicator_11q4y_66", qo = "_hueSlider_11q4y_75", Go = "_slider_11q4y_106", zo = "_buttons_11q4y_111", Wo = "_name_11q4y_118", Vo = "_secondary_11q4y_123", Xo = "_input_11q4y_131", H = {
1048
+ applyButton: Do,
1049
+ cancelButton: Mo,
1050
+ content: Ho,
1051
+ label: Io,
1052
+ colorValue: Eo,
1053
+ modal: Ro,
1054
+ colorMap: Oo,
1055
+ indicator: Uo,
1056
+ hueSlider: qo,
1057
+ slider: Go,
1058
+ buttons: zo,
1059
+ name: Wo,
1060
+ secondary: Vo,
1061
+ input: Xo
1062
+ }, Yo = () => {
907
1063
  const {
908
1064
  modalPosition: t,
909
1065
  color: n,
910
1066
  initialColor: o,
911
1067
  setShowModal: s,
912
1068
  hue: i,
913
- saturation: r,
914
- brightness: a,
1069
+ saturation: a,
1070
+ brightness: r,
915
1071
  dragging: l,
916
1072
  setDragging: d,
917
- setHue: _,
918
- setSaturation: u,
919
- setBrightness: g,
920
- colorChange: h,
1073
+ setHue: f,
1074
+ setSaturation: h,
1075
+ setBrightness: p,
1076
+ colorChange: u,
921
1077
  setColor: c,
922
- update: w
923
- } = Ee(), j = (S) => {
924
- const { offsetX: y, offsetY: B } = S.nativeEvent;
925
- d(!0), k(y, B, S.currentTarget);
926
- }, L = (S) => {
1078
+ update: j
1079
+ } = He(), L = (b) => {
1080
+ const { offsetX: y, offsetY: A } = b.nativeEvent;
1081
+ d(!0), k(y, A, b.currentTarget);
1082
+ }, P = (b) => {
927
1083
  if (l) {
928
- const y = document.querySelector(`.${G.colorMap}`), { left: B, top: A } = y.getBoundingClientRect(), b = S.clientX - B, P = S.clientY - A;
929
- k(b, P, y);
1084
+ const y = document.querySelector(`.${H.colorMap}`), { left: A, top: T } = y.getBoundingClientRect(), x = b.clientX - A, S = b.clientY - T;
1085
+ k(x, S, y);
930
1086
  }
931
- }, x = () => {
1087
+ }, g = () => {
932
1088
  d(!1);
933
- }, k = (S, y, B) => {
934
- const { width: A, height: b } = B.getBoundingClientRect(), P = Math.max(0, Math.min(S / A * 100, 100)), T = Math.max(0, Math.min(100 - y / b * 100, 100));
935
- u(P), g(T), f(P, T);
936
- }, f = (S, y) => {
937
- const B = N(i, S, y);
938
- h(B), c(B);
939
- }, v = (S, y, B) => {
940
- y /= 100, B /= 100;
941
- const A = (ue) => (ue + S / 60) % 6, b = (ue) => B * (1 - y * Math.max(0, Math.min(A(ue), 4 - A(ue), 1))), P = Math.round(255 * b(5)), T = Math.round(255 * b(3)), Ke = Math.round(255 * b(1));
942
- return { r: P, g: T, b: Ke };
943
- }, m = (S, y, B) => {
944
- const A = (b) => b.toString(16).padStart(2, "0");
945
- return `#${A(S)}${A(y)}${A(B)}`;
946
- }, N = (S, y, B) => {
947
- const { r: A, g: b, b: P } = v(S, y, B);
948
- return m(A, b, P);
1089
+ }, k = (b, y, A) => {
1090
+ const { width: T, height: x } = A.getBoundingClientRect(), S = Math.max(0, Math.min(b / T * 100, 100)), F = Math.max(0, Math.min(100 - y / x * 100, 100));
1091
+ h(S), p(F), _(S, F);
1092
+ }, _ = (b, y) => {
1093
+ const A = B(i, b, y);
1094
+ u(A), c(A);
1095
+ }, C = (b, y, A) => {
1096
+ y /= 100, A /= 100;
1097
+ const T = (ge) => (ge + b / 60) % 6, x = (ge) => A * (1 - y * Math.max(0, Math.min(T(ge), 4 - T(ge), 1))), S = Math.round(255 * x(5)), F = Math.round(255 * x(3)), st = Math.round(255 * x(1));
1098
+ return { r: S, g: F, b: st };
1099
+ }, w = (b, y, A) => {
1100
+ const T = (x) => x.toString(16).padStart(2, "0");
1101
+ return `#${T(b)}${T(y)}${T(A)}`;
1102
+ }, B = (b, y, A) => {
1103
+ const { r: T, g: x, b: S } = C(b, y, A);
1104
+ return w(T, x, S);
949
1105
  };
950
- p.useEffect(() => {
951
- const S = (B) => L(B), y = () => x();
952
- return l ? (document.addEventListener("mousemove", S), document.addEventListener("mouseup", y)) : (document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", y)), () => {
953
- document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", y);
1106
+ m.useEffect(() => {
1107
+ const b = (A) => P(A), y = () => g();
1108
+ return l ? (document.addEventListener("mousemove", b), document.addEventListener("mouseup", y)) : (document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", y)), () => {
1109
+ document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", y);
954
1110
  };
955
1111
  }, [l]);
956
- function M() {
957
- w(n), s(!1);
1112
+ function D() {
1113
+ j(n), s(!1);
958
1114
  }
959
- function q() {
960
- s(!1), h(o);
1115
+ function E() {
1116
+ s(!1), u(o);
961
1117
  }
962
1118
  return /* @__PURE__ */ e.jsxs(
963
1119
  "div",
964
1120
  {
965
- className: G.modal,
966
- onClick: (S) => S.stopPropagation(),
1121
+ className: H.modal,
1122
+ onClick: (b) => b.stopPropagation(),
967
1123
  style: {
968
1124
  top: `${t.top}px`,
969
1125
  left: `${t.left}px`
@@ -973,8 +1129,8 @@ const $t = () => {
973
1129
  /* @__PURE__ */ e.jsx(
974
1130
  "div",
975
1131
  {
976
- className: G.colorMap,
977
- onMouseDown: j,
1132
+ className: H.colorMap,
1133
+ onMouseDown: L,
978
1134
  style: {
979
1135
  background: `
980
1136
  linear-gradient(to top, black, transparent),
@@ -984,44 +1140,44 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
984
1140
  children: /* @__PURE__ */ e.jsx(
985
1141
  "div",
986
1142
  {
987
- className: G.indicator,
1143
+ className: H.indicator,
988
1144
  style: {
989
1145
  position: "absolute",
990
- left: `${r}%`,
991
- top: `${100 - a}%`,
1146
+ left: `${a}%`,
1147
+ top: `${100 - r}%`,
992
1148
  transform: "translate(-50%, -50%)"
993
1149
  }
994
1150
  }
995
1151
  )
996
1152
  }
997
1153
  ),
998
- /* @__PURE__ */ e.jsx("div", { className: G.hueSlider, children: /* @__PURE__ */ e.jsx(
1154
+ /* @__PURE__ */ e.jsx("div", { className: H.hueSlider, children: /* @__PURE__ */ e.jsx(
999
1155
  "input",
1000
1156
  {
1001
1157
  type: "range",
1002
1158
  min: "0",
1003
1159
  max: "360",
1004
1160
  value: i,
1005
- onChange: (S) => {
1006
- _(Number(S.target.value)), f(r, a);
1161
+ onChange: (b) => {
1162
+ f(Number(b.target.value)), _(a, r);
1007
1163
  },
1008
- className: G.slider
1164
+ className: H.slider
1009
1165
  }
1010
1166
  ) }),
1011
- /* @__PURE__ */ e.jsxs("div", { className: G.buttons, children: [
1167
+ /* @__PURE__ */ e.jsxs("div", { className: H.buttons, children: [
1012
1168
  /* @__PURE__ */ e.jsx(
1013
- J,
1169
+ K,
1014
1170
  {
1015
- onClick: q,
1016
- className: F(G.applyButton, G.cancelButton),
1171
+ onClick: E,
1172
+ className: N(H.applyButton, H.cancelButton),
1017
1173
  children: "Cancel"
1018
1174
  }
1019
1175
  ),
1020
1176
  /* @__PURE__ */ e.jsx(
1021
- J,
1177
+ K,
1022
1178
  {
1023
- onClick: M,
1024
- className: G.applyButton,
1179
+ onClick: D,
1180
+ className: H.applyButton,
1025
1181
  children: "Apply"
1026
1182
  }
1027
1183
  )
@@ -1029,150 +1185,150 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1029
1185
  ]
1030
1186
  }
1031
1187
  );
1032
- }, bo = () => {
1033
- const { onPreview: t } = Z(), {
1188
+ }, Qo = () => {
1189
+ const { onPreview: t } = ee(), {
1034
1190
  // hoverBlockId,
1035
1191
  isModalVisible: n
1036
1192
  // isPreviewVisible
1037
- } = xe(), {
1193
+ } = pe(), {
1038
1194
  // currentPage,
1039
1195
  // pages,
1040
1196
  pageContext: o
1041
- } = D(), { showModal: s } = Ee(), [i, r] = p.useState(!0), { currentDevice: a } = Ie();
1042
- p.useEffect(() => {
1197
+ } = $(), { showModal: s } = He(), [i, a] = m.useState(!0), { currentDevice: r } = Ve();
1198
+ m.useEffect(() => {
1043
1199
  t && o.general && setTimeout(() => {
1044
- r(!1);
1200
+ a(!1);
1045
1201
  }, 100);
1046
1202
  }, [t, o]);
1047
1203
  function l() {
1048
- return a.value === "desktop" ? "100%" : a.value === "tablet" ? "768px" : "425px";
1204
+ return r.value === "desktop" ? "100%" : r.value === "tablet" ? "768px" : "425px";
1049
1205
  }
1050
- return /* @__PURE__ */ e.jsxs("div", { className: pe.preview, children: [
1051
- n && /* @__PURE__ */ e.jsx(at, { children: /* @__PURE__ */ e.jsx(Ve, {}) }),
1052
- s && /* @__PURE__ */ e.jsx(So, {}),
1206
+ return /* @__PURE__ */ e.jsxs("div", { className: Se.preview, children: [
1207
+ n && /* @__PURE__ */ e.jsx($o, { children: /* @__PURE__ */ e.jsx(et, {}) }),
1208
+ s && /* @__PURE__ */ e.jsx(Yo, {}),
1053
1209
  t && /* @__PURE__ */ e.jsxs(
1054
1210
  "div",
1055
1211
  {
1056
- className: pe.main,
1212
+ className: Se.main,
1057
1213
  style: {
1058
1214
  width: l()
1059
1215
  },
1060
1216
  children: [
1061
- /* @__PURE__ */ e.jsx(qn, {}),
1062
- /* @__PURE__ */ e.jsx("div", { className: pe.content, children: i ? /* @__PURE__ */ e.jsx("div", { className: pe.loading, children: /* @__PURE__ */ e.jsx(we, {}) }) : /* @__PURE__ */ e.jsx(lo, {}) })
1217
+ /* @__PURE__ */ e.jsx(ao, {}),
1218
+ /* @__PURE__ */ e.jsx("div", { className: Se.content, children: i ? /* @__PURE__ */ e.jsx("div", { className: Se.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }) : /* @__PURE__ */ e.jsx(yo, {}) })
1063
1219
  ]
1064
1220
  }
1065
1221
  )
1066
1222
  ] });
1067
- }, fo = "_sidebar_1yyyy_1", Co = "_title_1yyyy_10", _o = "_active_1yyyy_18", $e = {
1068
- sidebar: fo,
1069
- title: Co,
1070
- active: _o
1071
- }, wo = "_layers_1on0q_1", vo = "_block_1on0q_9", xo = "_dragging_1on0q_25", ko = "_active_1on0q_33", jo = "_add_1on0q_37", yo = "_button_1on0q_51", Bo = "_empty_1on0q_66", Ao = "_title_1on0q_78", Po = "_icon_1on0q_85", Lo = "_text_1on0q_89", No = "_highlight_1on0q_95", se = {
1072
- layers: wo,
1073
- block: vo,
1074
- dragging: xo,
1075
- active: ko,
1076
- add: jo,
1077
- button: yo,
1078
- empty: Bo,
1079
- title: Ao,
1080
- icon: Po,
1081
- text: Lo,
1082
- highlight: No
1083
- }, To = "_block_586dq_1", Me = {
1084
- block: To
1085
- }, Fo = () => {
1086
- const { setCurrentBlock: t } = $(), { activeBlock: n } = Z();
1223
+ }, Ko = "_sidebar_1yyyy_1", Jo = "_title_1yyyy_10", Zo = "_active_1yyyy_18", Ue = {
1224
+ sidebar: Ko,
1225
+ title: Jo,
1226
+ active: Zo
1227
+ }, es = "_layers_1on0q_1", ts = "_block_1on0q_9", ns = "_dragging_1on0q_25", os = "_active_1on0q_33", ss = "_add_1on0q_37", as = "_button_1on0q_51", rs = "_empty_1on0q_66", is = "_title_1on0q_78", ls = "_icon_1on0q_85", cs = "_text_1on0q_89", ds = "_highlight_1on0q_95", re = {
1228
+ layers: es,
1229
+ block: ts,
1230
+ dragging: ns,
1231
+ active: os,
1232
+ add: ss,
1233
+ button: as,
1234
+ empty: rs,
1235
+ title: is,
1236
+ icon: ls,
1237
+ text: cs,
1238
+ highlight: ds
1239
+ }, us = "_block_586dq_1", qe = {
1240
+ block: us
1241
+ }, hs = () => {
1242
+ const { setCurrentBlock: t } = M(), { activeBlock: n } = ee();
1087
1243
  function o(s) {
1088
1244
  t(s);
1089
1245
  }
1090
1246
  return /* @__PURE__ */ e.jsxs(
1091
1247
  "div",
1092
1248
  {
1093
- className: F(Me.block, {
1094
- [Me.active]: n === "header"
1249
+ className: N(qe.block, {
1250
+ [qe.active]: n === "header"
1095
1251
  }),
1096
1252
  onClick: () => o("header"),
1097
1253
  children: [
1098
- /* @__PURE__ */ e.jsx(C, { name: "Cards" }),
1254
+ /* @__PURE__ */ e.jsx(v, { name: "Cards" }),
1099
1255
  /* @__PURE__ */ e.jsx("span", { children: "Header" })
1100
1256
  ]
1101
1257
  }
1102
1258
  );
1103
- }, Do = "_block_586dq_1", He = {
1104
- block: Do
1105
- }, $o = () => {
1106
- const { activeBlock: t } = Z(), { setCurrentBlock: n } = $();
1259
+ }, ps = "_block_586dq_1", Ge = {
1260
+ block: ps
1261
+ }, gs = () => {
1262
+ const { activeBlock: t } = ee(), { setCurrentBlock: n } = M();
1107
1263
  function o(s) {
1108
1264
  n(s);
1109
1265
  }
1110
1266
  return /* @__PURE__ */ e.jsxs(
1111
1267
  "div",
1112
1268
  {
1113
- className: F(He.block, {
1114
- [He.active]: t === "footer"
1269
+ className: N(Ge.block, {
1270
+ [Ge.active]: t === "footer"
1115
1271
  }),
1116
1272
  onClick: () => o("footer"),
1117
1273
  children: [
1118
- /* @__PURE__ */ e.jsx(C, { name: "Cards" }),
1274
+ /* @__PURE__ */ e.jsx(v, { name: "Cards" }),
1119
1275
  /* @__PURE__ */ e.jsx("span", { children: "Footer" })
1120
1276
  ]
1121
1277
  }
1122
1278
  );
1123
- }, Mo = ({ id: t, name: n, index: o, moveBlock: s, onClick: i }) => {
1124
- const { currentPage: r, pages: a } = D(), { activeBlock: l } = Z(), {
1279
+ }, ms = ({ id: t, name: n, index: o, moveBlock: s, onClick: i }) => {
1280
+ const { currentPage: a, pages: r } = $(), { activeBlock: l } = ee(), {
1125
1281
  showPreview: d,
1126
- hidePreview: _,
1127
- showModal: u,
1128
- hideModal: g,
1129
- clearHideTimeout: h,
1282
+ hidePreview: f,
1283
+ showModal: h,
1284
+ hideModal: p,
1285
+ clearHideTimeout: u,
1130
1286
  startHideTimeout: c,
1131
- hoverBlockId: w,
1132
- isModalVisible: j
1133
- } = xe(), { setPositionBlock: L } = $(), [x, k] = p.useState(!1), f = () => {
1134
- j && g(), d(t), k(!0), h();
1135
- }, v = (S) => {
1136
- S.stopPropagation(), _(), u(t), h(), L(o + 1);
1137
- }, m = () => {
1138
- j ? c() : (k(!1), _());
1287
+ hoverBlockId: j,
1288
+ isModalVisible: L
1289
+ } = pe(), { setPositionBlock: P } = M(), [g, k] = m.useState(!1), _ = () => {
1290
+ L && p(), d(t), k(!0), u();
1291
+ }, C = (b) => {
1292
+ b.stopPropagation(), f(), h(t), u(), P(o + 1);
1293
+ }, w = () => {
1294
+ L ? c() : (k(!1), f());
1139
1295
  };
1140
- p.useEffect(() => {
1141
- j || k(!1);
1142
- }, [j]);
1143
- const [, N] = lt({
1296
+ m.useEffect(() => {
1297
+ L || k(!1);
1298
+ }, [L]);
1299
+ const [, B] = _t({
1144
1300
  accept: "block",
1145
- hover(S) {
1146
- S.index !== o && a && (s(a[r].path, S.index, o), S.index = o);
1301
+ hover(b) {
1302
+ b.index !== o && r && (s(r[a].path, b.index, o), b.index = o);
1147
1303
  }
1148
- }), [{ isDragging: M }, q] = ct({
1304
+ }), [{ isDragging: D }, E] = St({
1149
1305
  type: "block",
1150
1306
  item: { id: t, index: o },
1151
- collect: (S) => ({
1152
- isDragging: S.isDragging()
1307
+ collect: (b) => ({
1308
+ isDragging: b.isDragging()
1153
1309
  })
1154
1310
  });
1155
1311
  return /* @__PURE__ */ e.jsxs(
1156
1312
  "div",
1157
1313
  {
1158
- ref: (S) => q(N(S)),
1159
- className: F(se.block, {
1160
- [se.dragging]: M,
1161
- [se.active]: !M && l === t
1314
+ ref: (b) => E(B(b)),
1315
+ className: N(re.block, {
1316
+ [re.dragging]: D,
1317
+ [re.active]: !D && l === t
1162
1318
  }),
1163
1319
  onClick: () => i(t),
1164
- onMouseEnter: f,
1165
- onMouseLeave: m,
1320
+ onMouseEnter: _,
1321
+ onMouseLeave: w,
1166
1322
  children: [
1167
- /* @__PURE__ */ e.jsx(C, { name: "Cards" }),
1323
+ /* @__PURE__ */ e.jsx(v, { name: "Cards" }),
1168
1324
  /* @__PURE__ */ e.jsx("span", { children: n }),
1169
- (x || w === t) && !M && /* @__PURE__ */ e.jsx("div", { className: se.add, children: /* @__PURE__ */ e.jsx(
1325
+ (g || j === t) && !D && /* @__PURE__ */ e.jsx("div", { className: re.add, children: /* @__PURE__ */ e.jsx(
1170
1326
  "button",
1171
1327
  {
1172
- className: se.button,
1173
- onClick: (S) => v(S),
1328
+ className: re.button,
1329
+ onClick: (b) => C(b),
1174
1330
  children: /* @__PURE__ */ e.jsx(
1175
- C,
1331
+ v,
1176
1332
  {
1177
1333
  name: "Plus",
1178
1334
  fill: "#fff"
@@ -1183,171 +1339,171 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1183
1339
  ]
1184
1340
  }
1185
1341
  );
1186
- }, Ho = () => {
1187
- const { blocks: t, setCurrentBlock: n, moveBlock: o } = $(), { currentPage: s, pages: i } = D(), { setMouseOverModal: r, setHoverBlockId: a } = xe();
1188
- function l(u) {
1189
- n(u), r(!1), a(null);
1342
+ }, _s = () => {
1343
+ const { blocks: t, setCurrentBlock: n, moveBlock: o } = M(), { currentPage: s, pages: i } = $(), { setMouseOverModal: a, setHoverBlockId: r } = pe();
1344
+ function l(h) {
1345
+ n(h), a(!1), r(null);
1190
1346
  }
1191
1347
  const { sourceBlocks: d } = X();
1192
- function _(u) {
1193
- if (!d || !d[u])
1348
+ function f(h) {
1349
+ if (!d || !d[h])
1194
1350
  return "unknown name";
1195
- const g = new d[u]();
1196
- return !g.blockSettings || !g.blockSettings.displayName ? "unknown name" : g.blockSettings.displayName;
1351
+ const p = new d[h]();
1352
+ return !p.blockSettings || !p.blockSettings.displayName ? "unknown name" : p.blockSettings.displayName;
1197
1353
  }
1198
- return /* @__PURE__ */ e.jsxs("div", { className: se.layers, children: [
1199
- /* @__PURE__ */ e.jsx(Fo, {}),
1200
- /* @__PURE__ */ e.jsx(rt, { backend: it, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && i[s] && t[i[s].path] && Object.keys(t[i[s].path]).map((u, g) => /* @__PURE__ */ e.jsx(
1201
- Mo,
1354
+ return /* @__PURE__ */ e.jsxs("div", { className: re.layers, children: [
1355
+ /* @__PURE__ */ e.jsx(hs, {}),
1356
+ /* @__PURE__ */ e.jsx(gt, { backend: mt, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && i[s] && t[i[s].path] && Object.keys(t[i[s].path]).map((h, p) => /* @__PURE__ */ e.jsx(
1357
+ ms,
1202
1358
  {
1203
- id: u,
1204
- name: _(t[i[s].path][u].name),
1205
- index: g,
1359
+ id: h,
1360
+ name: f(t[i[s].path][h].name),
1361
+ index: p,
1206
1362
  moveBlock: o,
1207
1363
  onClick: l
1208
1364
  },
1209
- u
1365
+ h
1210
1366
  )) }) }),
1211
- /* @__PURE__ */ e.jsx($o, {})
1367
+ /* @__PURE__ */ e.jsx(gs, {})
1212
1368
  ] });
1213
- }, Io = ({ isHeader: t }) => {
1214
- const { header: n, footer: o } = $(), { pageContext: s } = D();
1369
+ }, Ss = ({ isHeader: t }) => {
1370
+ const { header: n, footer: o } = M(), { pageContext: s } = $();
1215
1371
  return t ? n == null ? void 0 : n.renderSettings(s) : o == null ? void 0 : o.renderSettings(s);
1216
- }, Ro = () => {
1217
- const { settings: t } = Y();
1372
+ }, bs = () => {
1373
+ const { settings: t } = J();
1218
1374
  return t == null ? void 0 : t.renderSettings();
1219
- }, Eo = "_theme_1wwlz_1", Oo = "_block_1wwlz_7", Uo = "_name_1wwlz_22", Ae = {
1220
- theme: Eo,
1221
- block: Oo,
1222
- name: Uo
1223
- }, qo = () => {
1224
- const { setActiveBlock: t } = H();
1375
+ }, fs = "_theme_1wwlz_1", Cs = "_block_1wwlz_7", ws = "_name_1wwlz_22", Te = {
1376
+ theme: fs,
1377
+ block: Cs,
1378
+ name: ws
1379
+ }, vs = () => {
1380
+ const { setActiveBlock: t } = I();
1225
1381
  function n(o) {
1226
1382
  t(o);
1227
1383
  }
1228
- return /* @__PURE__ */ e.jsx("div", { className: Ae.theme, children: Bt.map((o) => /* @__PURE__ */ e.jsxs(
1384
+ return /* @__PURE__ */ e.jsx("div", { className: Te.theme, children: $t.map((o) => /* @__PURE__ */ e.jsxs(
1229
1385
  "div",
1230
1386
  {
1231
1387
  onClick: () => n(o),
1232
- className: F(Ae.block),
1388
+ className: N(Te.block),
1233
1389
  children: [
1234
- /* @__PURE__ */ e.jsx(C, { name: o.icon }),
1235
- /* @__PURE__ */ e.jsx("span", { className: Ae.name, children: o.name }),
1236
- /* @__PURE__ */ e.jsx(C, { name: "CaretRight" })
1390
+ /* @__PURE__ */ e.jsx(v, { name: o.icon }),
1391
+ /* @__PURE__ */ e.jsx("span", { className: Te.name, children: o.name }),
1392
+ /* @__PURE__ */ e.jsx(v, { name: "CaretRight" })
1237
1393
  ]
1238
1394
  },
1239
1395
  o.icon
1240
1396
  )) });
1241
- }, Go = "_back_2jwrk_1", zo = "_render_2jwrk_9", Wo = "_open_2jwrk_24", Vo = "_close_2jwrk_51", Xo = "_clicked_2jwrk_55", Qo = "_title_2jwrk_59", Ko = "_button_2jwrk_67", Yo = "_loading_2jwrk_72", Jo = "_settings_2jwrk_76", Zo = "_deleteButton_2jwrk_82", W = {
1242
- back: Go,
1243
- render: zo,
1244
- open: Wo,
1245
- close: Vo,
1246
- clicked: Xo,
1247
- title: Qo,
1248
- button: Ko,
1249
- loading: Yo,
1250
- settings: Jo,
1251
- deleteButton: Zo
1252
- }, es = ({ block: t }) => {
1397
+ }, xs = "_back_2jwrk_1", ks = "_render_2jwrk_9", ys = "_open_2jwrk_24", js = "_close_2jwrk_51", Bs = "_clicked_2jwrk_55", As = "_title_2jwrk_59", Ps = "_button_2jwrk_67", Ls = "_loading_2jwrk_72", Ns = "_settings_2jwrk_76", Ts = "_deleteButton_2jwrk_82", W = {
1398
+ back: xs,
1399
+ render: ks,
1400
+ open: ys,
1401
+ close: js,
1402
+ clicked: Bs,
1403
+ title: As,
1404
+ button: Ps,
1405
+ loading: Ls,
1406
+ settings: Ns,
1407
+ deleteButton: Ts
1408
+ }, Fs = ({ block: t }) => {
1253
1409
  if (!t) return null;
1254
- const { pageContext: n } = D();
1410
+ const { pageContext: n } = $();
1255
1411
  return t.renderSettings(n);
1256
- }, ts = (t) => {
1257
- var B, A;
1258
- const { isAdd: n } = t, [o, s] = p.useState(!1), { setActiveBlock: i } = ve(), { sourceBlocks: r, activeBlock: a, setActiveBlock: l, currentInstance: d, setCurrentInstance: _ } = X(), {
1259
- blocks: u,
1260
- addBlock: g,
1261
- editBlock: h,
1412
+ }, $s = (t) => {
1413
+ var A, T;
1414
+ const { isAdd: n } = t, [o, s] = m.useState(!1), { setActiveBlock: i } = je(), { sourceBlocks: a, activeBlock: r, setActiveBlock: l, currentInstance: d, setCurrentInstance: f } = X(), {
1415
+ blocks: h,
1416
+ addBlock: p,
1417
+ editBlock: u,
1262
1418
  currentBlock: c,
1263
- setCurrentBlock: w,
1264
- removeBlock: j,
1265
- setPositionBlock: L,
1266
- setHeader: x,
1419
+ setCurrentBlock: j,
1420
+ removeBlock: L,
1421
+ setPositionBlock: P,
1422
+ setHeader: g,
1267
1423
  setFooter: k,
1268
- header: f,
1269
- footer: v
1270
- } = $(), { currentPage: m, pages: N } = D();
1271
- function M(b = !1) {
1272
- if (!n && N && d && !b) {
1273
- const P = {
1424
+ header: _,
1425
+ footer: C
1426
+ } = M(), { currentPage: w, pages: B } = $();
1427
+ function D(x = !1) {
1428
+ if (!n && B && d && !x) {
1429
+ const S = {
1274
1430
  blockSettings: {}
1275
1431
  };
1276
- Object.keys(d.blockSettings).filter((T) => !["displayName", "isAddable"].includes(T)).map((T) => {
1277
- P.blockSettings[T] = d.blockSettings[T];
1278
- }), h(N[m].path, c, {
1279
- name: u[N[m].path][c].name,
1280
- value: P
1432
+ Object.keys(d.blockSettings).filter((F) => !["displayName", "isAddable"].includes(F)).map((F) => {
1433
+ S.blockSettings[F] = d.blockSettings[F];
1434
+ }), u(B[w].path, c, {
1435
+ name: h[B[w].path][c].name,
1436
+ value: S
1281
1437
  });
1282
1438
  }
1283
- l(null), w(null), setTimeout(() => {
1439
+ l(null), j(null), setTimeout(() => {
1284
1440
  s(!1);
1285
- }, 150), _(null);
1441
+ }, 150), f(null);
1286
1442
  }
1287
- function q() {
1288
- M(), i({
1443
+ function E() {
1444
+ D(), i({
1289
1445
  name: "Layers",
1290
1446
  icon: "TreeStructure"
1291
- }), _(null);
1447
+ }), f(null);
1292
1448
  }
1293
- function S() {
1294
- var b;
1449
+ function b() {
1450
+ var x;
1295
1451
  if (n)
1296
- return !a || !r[a] ? null : new r[a]();
1452
+ return !r || !a[r] ? null : new a[r]();
1297
1453
  {
1298
- if (!N || !N[m] || !c)
1454
+ if (!B || !B[w] || !c)
1299
1455
  return null;
1300
- const P = u[N[m].path][c];
1301
- return !P || !r[P.name] ? null : new r[P.name]((b = P.value) == null ? void 0 : b.blockSettings);
1456
+ const S = h[B[w].path][c];
1457
+ return !S || !a[S.name] ? null : new a[S.name]((x = S.value) == null ? void 0 : x.blockSettings);
1302
1458
  }
1303
1459
  }
1304
- p.useEffect(() => {
1305
- if (a || c && !["header", "footer"].includes(c)) {
1306
- const b = S();
1307
- _(b);
1460
+ m.useEffect(() => {
1461
+ if (r || c && !["header", "footer"].includes(c)) {
1462
+ const x = b();
1463
+ f(x);
1308
1464
  } else
1309
- _(null);
1310
- }, [a, c]), p.useEffect(() => {
1311
- c === "header" && x(f);
1312
- }, [c, f]), p.useEffect(() => {
1313
- c === "footer" && k(v);
1314
- }, [c, v]);
1315
- function y(b) {
1316
- if (!r)
1465
+ f(null);
1466
+ }, [r, c]), m.useEffect(() => {
1467
+ c === "header" && g(_);
1468
+ }, [c, _]), m.useEffect(() => {
1469
+ c === "footer" && k(C);
1470
+ }, [c, C]);
1471
+ function y(x) {
1472
+ if (!a)
1317
1473
  return "unknown name";
1318
- if (!r[b])
1319
- return c === "header" ? f == null ? void 0 : f.blockSettings.displayName : c === "footer" ? v == null ? void 0 : v.blockSettings.displayName : "unknown name";
1320
- const P = new r[b]();
1321
- return !P.blockSettings || !P.blockSettings.displayName ? "unknown name" : P.blockSettings.displayName;
1474
+ if (!a[x])
1475
+ return c === "header" ? _ == null ? void 0 : _.blockSettings.displayName : c === "footer" ? C == null ? void 0 : C.blockSettings.displayName : "unknown name";
1476
+ const S = new a[x]();
1477
+ return !S.blockSettings || !S.blockSettings.displayName ? "unknown name" : S.blockSettings.displayName;
1322
1478
  }
1323
1479
  return /* @__PURE__ */ e.jsxs(
1324
1480
  "div",
1325
1481
  {
1326
- className: F(W.render, {
1327
- [W.open]: c || a,
1328
- [W.close]: !c && !a,
1482
+ className: N(W.render, {
1483
+ [W.open]: c || r,
1484
+ [W.close]: !c && !r,
1329
1485
  [W.clicked]: o
1330
1486
  }),
1331
1487
  children: [
1332
1488
  /* @__PURE__ */ e.jsxs("div", { className: W.back, children: [
1333
1489
  /* @__PURE__ */ e.jsx(
1334
- C,
1490
+ v,
1335
1491
  {
1336
1492
  name: "CaretLeft",
1337
1493
  hoverable: !0,
1338
- onClick: () => M()
1494
+ onClick: () => D()
1339
1495
  }
1340
1496
  ),
1341
- /* @__PURE__ */ e.jsx("h3", { className: W.title, children: a && y(a) || N && N[m] && u[N[m].path] && y((B = u[N[m].path][c]) == null ? void 0 : B.name) || c && U(c) || "Loading" }),
1342
- !n && N && !["header", "footer"].includes(c) && u[N[m].path][c] && y((A = u[N[m].path][c]) == null ? void 0 : A.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
1497
+ /* @__PURE__ */ e.jsx("h3", { className: W.title, children: r && y(r) || B && B[w] && h[B[w].path] && y((A = h[B[w].path][c]) == null ? void 0 : A.name) || c && G(c) || "Loading" }),
1498
+ !n && B && !["header", "footer"].includes(c) && h[B[w].path][c] && y((T = h[B[w].path][c]) == null ? void 0 : T.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
1343
1499
  "button",
1344
1500
  {
1345
1501
  onClick: () => {
1346
- s(!0), j(N[m].path, c), M(!0);
1502
+ s(!0), L(B[w].path, c), D(!0);
1347
1503
  },
1348
1504
  className: W.deleteButton,
1349
1505
  children: /* @__PURE__ */ e.jsx(
1350
- C,
1506
+ v,
1351
1507
  {
1352
1508
  name: "Trash",
1353
1509
  hoverable: !0
@@ -1357,30 +1513,30 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1357
1513
  )
1358
1514
  ] }),
1359
1515
  /* @__PURE__ */ e.jsxs("div", { className: W.settings, children: [
1360
- d && /* @__PURE__ */ e.jsx(es, { block: d }),
1361
- c && ["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(Io, { isHeader: c === "header" }),
1362
- !a && !c && /* @__PURE__ */ e.jsx("div", { className: W.loading, children: "Loading" })
1516
+ d && /* @__PURE__ */ e.jsx(Fs, { block: d }),
1517
+ c && ["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(Ss, { isHeader: c === "header" }),
1518
+ !r && !c && /* @__PURE__ */ e.jsx("div", { className: W.loading, children: "Loading" })
1363
1519
  ] }),
1364
1520
  n && /* @__PURE__ */ e.jsx("div", { className: W.addButton, children: /* @__PURE__ */ e.jsx(
1365
- J,
1521
+ K,
1366
1522
  {
1367
1523
  style: {
1368
1524
  width: "100%"
1369
1525
  },
1370
1526
  onClick: () => {
1371
- if (s(!0), !["header", "footer"].includes(c) && N) {
1372
- const b = {
1527
+ if (s(!0), !["header", "footer"].includes(c) && B) {
1528
+ const x = {
1373
1529
  blockSettings: {}
1374
1530
  };
1375
- Object.keys(d.blockSettings).filter((P) => !["displayName", "isAddable"].includes(P)).map((P) => {
1376
- b.blockSettings[P] = d.blockSettings[P];
1377
- }), g(N[m].path, {
1378
- name: a,
1379
- value: b
1380
- }), L(null);
1531
+ Object.keys(d.blockSettings).filter((S) => !["displayName", "isAddable"].includes(S)).map((S) => {
1532
+ x.blockSettings[S] = d.blockSettings[S];
1533
+ }), p(B[w].path, {
1534
+ name: r,
1535
+ value: x
1536
+ }), P(null);
1381
1537
  } else
1382
- c === "header" ? x(f) : k(v);
1383
- q();
1538
+ c === "header" ? g(_) : k(C);
1539
+ E();
1384
1540
  },
1385
1541
  children: "Add Section"
1386
1542
  }
@@ -1388,65 +1544,186 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1388
1544
  ]
1389
1545
  }
1390
1546
  );
1391
- }, ns = "_settings_ss3tc_1", os = "_open_ss3tc_16", ss = "_close_ss3tc_20", as = "_header_ss3tc_24", rs = "_title_ss3tc_31", is = "_addButton_ss3tc_38", le = {
1392
- settings: ns,
1393
- open: os,
1394
- close: ss,
1395
- header: as,
1396
- title: rs,
1397
- addButton: is
1398
- }, ls = "_wrapper_joj7w_1", cs = "_category_joj7w_5", ds = "_categoryTitle_joj7w_11", us = "_color_joj7w_17", hs = "_content_joj7w_26", gs = "_preview_joj7w_35", ee = {
1399
- wrapper: ls,
1400
- category: cs,
1401
- categoryTitle: ds,
1402
- color: us,
1403
- content: hs,
1404
- preview: gs
1405
- }, ps = () => {
1406
- const { themeSettings: t, updateColor: n } = H();
1407
- async function o(i, r, a) {
1408
- n(i, r, a);
1547
+ }, Ds = "_settings_ss3tc_1", Ms = "_open_ss3tc_16", Hs = "_close_ss3tc_20", Is = "_header_ss3tc_24", Es = "_title_ss3tc_31", Rs = "_addButton_ss3tc_38", de = {
1548
+ settings: Ds,
1549
+ open: Ms,
1550
+ close: Hs,
1551
+ header: Is,
1552
+ title: Es,
1553
+ addButton: Rs
1554
+ }, Os = "_wrapper_joj7w_1", Us = "_category_joj7w_5", qs = "_categoryTitle_joj7w_11", Gs = "_color_joj7w_17", zs = "_content_joj7w_26", Ws = "_preview_joj7w_35", ne = {
1555
+ wrapper: Os,
1556
+ category: Us,
1557
+ categoryTitle: qs,
1558
+ color: Gs,
1559
+ content: zs,
1560
+ preview: Ws
1561
+ }, ue = (t) => {
1562
+ const { initialColor: n, onChange: o, title: s, labelStyle: i = "primary" } = t, [a, r] = m.useState(n), {
1563
+ setActiveLabel: l,
1564
+ setModalPosition: d,
1565
+ setInitialColor: f,
1566
+ setShowModal: h,
1567
+ setUpdate: p,
1568
+ setColor: u,
1569
+ setColorChange: c,
1570
+ colorChange: j
1571
+ } = He();
1572
+ m.useEffect(() => {
1573
+ const P = () => {
1574
+ h(!1), l(null), f(n), p(() => {
1575
+ }), u(n), c(() => {
1576
+ });
1577
+ };
1578
+ return document.body.addEventListener("click", P), () => {
1579
+ document.body.removeEventListener("click", P);
1580
+ };
1581
+ }, []);
1582
+ const L = (P) => {
1583
+ P.stopPropagation(), h(!0), c(r), p(o), f(n), u(a);
1584
+ const g = P.currentTarget.getBoundingClientRect(), k = 400, _ = 288, C = 10, w = 20, B = window.innerHeight - g.bottom, D = g.top, E = window.innerWidth - g.right, b = g.left;
1585
+ let y, A;
1586
+ y = g.bottom + C + window.scrollY, A = g.left, (B < k || B < w) && (D >= k ? y = g.top - k - C + window.scrollY : y = window.scrollY + (window.innerHeight - k) / 2), E < _ && (b >= _ ? A = g.right - _ : A = (window.innerWidth - _) / 2), A < g.right && A + _ > g.left && y < g.bottom && y + k > g.top && (E >= _ ? A = g.right + C + 100 : B >= k ? y = g.bottom + C + window.scrollY : (y = window.scrollY + (window.innerHeight - k) / 2, A = (window.innerWidth - _) / 2)), d({
1587
+ top: y,
1588
+ left: A
1589
+ });
1590
+ };
1591
+ return /* @__PURE__ */ e.jsxs("div", { className: H.content, children: [
1592
+ /* @__PURE__ */ e.jsx(
1593
+ "span",
1594
+ {
1595
+ className: N(H.name, {
1596
+ [H.secondary]: i === "secondary"
1597
+ }),
1598
+ children: s
1599
+ }
1600
+ ),
1601
+ /* @__PURE__ */ e.jsxs(
1602
+ "label",
1603
+ {
1604
+ htmlFor: "color",
1605
+ className: H.label,
1606
+ children: [
1607
+ /* @__PURE__ */ e.jsx(
1608
+ "div",
1609
+ {
1610
+ className: H.colorValue,
1611
+ style: {
1612
+ background: a
1613
+ },
1614
+ onClick: L
1615
+ }
1616
+ ),
1617
+ /* @__PURE__ */ e.jsx(
1618
+ "input",
1619
+ {
1620
+ type: "text",
1621
+ defaultValue: a,
1622
+ value: a,
1623
+ onChange: (P) => {
1624
+ const g = P.target.value;
1625
+ o(g), u(g), r(g), j(g);
1626
+ },
1627
+ className: H.input
1628
+ }
1629
+ )
1630
+ ]
1631
+ }
1632
+ )
1633
+ ] });
1634
+ }, Vs = "_tip_q9ixw_1", Xs = "_text_q9ixw_12", Ys = "_warning_q9ixw_18", Qs = "_error_q9ixw_23", Ks = "_success_q9ixw_28", Js = "_hide_q9ixw_33", oe = {
1635
+ tip: Vs,
1636
+ text: Xs,
1637
+ warning: Ys,
1638
+ error: Qs,
1639
+ success: Ks,
1640
+ hide: Js
1641
+ }, ze = {
1642
+ warning: "#C1972A",
1643
+ error: "#FF3F19",
1644
+ success: "#338B13"
1645
+ }, tt = (t) => {
1646
+ const { type: n, message: o, style: s } = t, [i, a] = m.useState(!1);
1647
+ return /* @__PURE__ */ e.jsxs(
1648
+ "div",
1649
+ {
1650
+ className: N(oe.tip, {
1651
+ [oe.warning]: n === "warning",
1652
+ [oe.error]: n === "error",
1653
+ [oe.success]: n === "success",
1654
+ [oe.hide]: i
1655
+ }),
1656
+ style: s,
1657
+ children: [
1658
+ /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
1659
+ v,
1660
+ {
1661
+ name: "Info",
1662
+ fill: ze[n],
1663
+ width: 20,
1664
+ height: 20
1665
+ }
1666
+ ) }),
1667
+ /* @__PURE__ */ e.jsx("div", { className: oe.text, children: o }),
1668
+ /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
1669
+ v,
1670
+ {
1671
+ name: "X",
1672
+ fill: ze[n],
1673
+ width: 20,
1674
+ height: 20,
1675
+ hoverable: !0,
1676
+ onClick: () => a(!0)
1677
+ }
1678
+ ) })
1679
+ ]
1680
+ }
1681
+ );
1682
+ }, Zs = () => {
1683
+ const { themeSettings: t, updateColor: n } = I();
1684
+ async function o(i, a, r) {
1685
+ n(i, a, r);
1409
1686
  }
1410
- const s = qe(() => {
1687
+ const s = Qe(() => {
1411
1688
  const i = {};
1412
- return Object.entries(t.colors).forEach(([r, a]) => {
1413
- Object.entries(a).forEach(([l, d]) => {
1414
- i[d] || (i[d] = []), i[d].push(`${r}-${l}`);
1689
+ return Object.entries(t.colors).forEach(([a, r]) => {
1690
+ Object.entries(r).forEach(([l, d]) => {
1691
+ i[d] || (i[d] = []), i[d].push(`${a}-${l}`);
1415
1692
  });
1416
- }), Object.keys(i).filter((r) => i[r].length > 1);
1693
+ }), Object.keys(i).filter((a) => i[a].length > 1);
1417
1694
  }, [t.colors]);
1418
- return /* @__PURE__ */ e.jsx("div", { className: ee.wrapper, children: Object.entries(t.colors).map(([i, r]) => /* @__PURE__ */ e.jsxs(
1695
+ return /* @__PURE__ */ e.jsx("div", { className: ne.wrapper, children: Object.entries(t.colors).map(([i, a]) => /* @__PURE__ */ e.jsxs(
1419
1696
  "div",
1420
1697
  {
1421
- className: ee.category,
1698
+ className: ne.category,
1422
1699
  children: [
1423
- /* @__PURE__ */ e.jsx("h2", { className: ee.categoryTitle, children: U(i) }),
1424
- Object.entries(r).map(([a, l]) => /* @__PURE__ */ e.jsxs(
1700
+ /* @__PURE__ */ e.jsx("h2", { className: ne.categoryTitle, children: G(i) }),
1701
+ Object.entries(a).map(([r, l]) => /* @__PURE__ */ e.jsxs(
1425
1702
  "div",
1426
1703
  {
1427
- className: ee.color,
1704
+ className: ne.color,
1428
1705
  children: [
1429
- /* @__PURE__ */ e.jsxs("div", { className: ee.content, children: [
1706
+ /* @__PURE__ */ e.jsxs("div", { className: ne.content, children: [
1430
1707
  /* @__PURE__ */ e.jsx(
1431
1708
  "div",
1432
1709
  {
1433
- className: ee.preview,
1710
+ className: ne.preview,
1434
1711
  style: {
1435
1712
  background: l
1436
1713
  }
1437
1714
  }
1438
1715
  ),
1439
1716
  /* @__PURE__ */ e.jsx(
1440
- ce,
1717
+ ue,
1441
1718
  {
1442
- title: U(a),
1719
+ title: G(r),
1443
1720
  initialColor: l,
1444
- onChange: (d) => o(i, a, d)
1721
+ onChange: (d) => o(i, r, d)
1445
1722
  }
1446
1723
  )
1447
1724
  ] }),
1448
1725
  s.includes(l) && /* @__PURE__ */ e.jsx(
1449
- Oe,
1726
+ tt,
1450
1727
  {
1451
1728
  type: "warning",
1452
1729
  message: "To avoid contrast problems, please use a different color",
@@ -1457,28 +1734,49 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1457
1734
  )
1458
1735
  ]
1459
1736
  },
1460
- a
1737
+ r
1461
1738
  ))
1462
1739
  ]
1463
1740
  },
1464
1741
  i
1465
1742
  )) });
1466
- }, ms = "_wrapper_dv4am_2", Ss = "_category_dv4am_6", bs = "_categoryTitle_dv4am_12", fs = "_color_dv4am_18", Cs = "_name_dv4am_24", _s = "_content_dv4am_29", ws = "_label_dv4am_36", vs = "_input_dv4am_48", xs = "_title_dv4am_74", ks = "_field_dv4am_82", js = "_alignments_dv4am_92", ys = "_lineField_dv4am_98", Bs = "_style_dv4am_106", As = "_header_dv4am_113", V = {
1467
- wrapper: ms,
1468
- category: Ss,
1469
- categoryTitle: bs,
1470
- color: fs,
1471
- name: Cs,
1472
- content: _s,
1473
- label: ws,
1474
- input: vs,
1475
- title: xs,
1476
- field: ks,
1477
- alignments: js,
1478
- lineField: ys,
1479
- style: Bs,
1480
- header: As
1481
- }, Ps = ["left", "center", "right"], Ls = ["solid", "dashed"], Se = (t) => {
1743
+ }, ea = "_wrapper_dv4am_2", ta = "_category_dv4am_6", na = "_categoryTitle_dv4am_12", oa = "_color_dv4am_18", sa = "_name_dv4am_24", aa = "_content_dv4am_29", ra = "_label_dv4am_36", ia = "_input_dv4am_48", la = "_title_dv4am_74", ca = "_field_dv4am_82", da = "_alignments_dv4am_92", ua = "_lineField_dv4am_98", ha = "_style_dv4am_106", pa = "_header_dv4am_113", V = {
1744
+ wrapper: ea,
1745
+ category: ta,
1746
+ categoryTitle: na,
1747
+ color: oa,
1748
+ name: sa,
1749
+ content: aa,
1750
+ label: ra,
1751
+ input: ia,
1752
+ title: la,
1753
+ field: ca,
1754
+ alignments: da,
1755
+ lineField: ua,
1756
+ style: ha,
1757
+ header: pa
1758
+ }, ga = "_blocks_emecf_1", ma = "_block_emecf_1", _a = "_active_emecf_21", Fe = {
1759
+ blocks: ga,
1760
+ block: ma,
1761
+ active: _a
1762
+ }, We = (t) => {
1763
+ const { items: n, selectedItem: o, onSelect: s, getIconName: i } = t;
1764
+ return /* @__PURE__ */ e.jsx("div", { className: Fe.blocks, children: n.map((a) => /* @__PURE__ */ e.jsx(
1765
+ "div",
1766
+ {
1767
+ className: N(Fe.block, { [Fe.active]: o === a }),
1768
+ onClick: () => s(a),
1769
+ children: /* @__PURE__ */ e.jsx(
1770
+ v,
1771
+ {
1772
+ name: i(a),
1773
+ fill: o === a ? "#252525" : "#757575"
1774
+ }
1775
+ )
1776
+ },
1777
+ String(a)
1778
+ )) });
1779
+ }, Sa = ["left", "center", "right"], ba = ["solid", "dashed"], fe = (t) => {
1482
1780
  const { title: n, children: o, rightAddon: s } = t;
1483
1781
  return /* @__PURE__ */ e.jsxs("div", { className: V.field, children: [
1484
1782
  /* @__PURE__ */ e.jsxs("div", { className: V.header, children: [
@@ -1487,45 +1785,45 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1487
1785
  ] }),
1488
1786
  o
1489
1787
  ] });
1490
- }, Ns = () => {
1491
- const { themeSettings: t, updateInput: n } = H(), o = qe(() => t.inputs, [t]), s = (r, a, l) => {
1492
- n(r, a, l);
1493
- }, i = (r) => (a) => {
1494
- n(r, a, "color");
1788
+ }, fa = () => {
1789
+ const { themeSettings: t, updateInput: n } = I(), o = Qe(() => t.inputs, [t]), s = (a, r, l) => {
1790
+ n(a, r, l);
1791
+ }, i = (a) => (r) => {
1792
+ n(a, r, "color");
1495
1793
  };
1496
1794
  return /* @__PURE__ */ e.jsxs("div", { className: V.wrapper, children: [
1497
- /* @__PURE__ */ e.jsxs(Se, { title: "General", children: [
1795
+ /* @__PURE__ */ e.jsxs(fe, { title: "General", children: [
1498
1796
  /* @__PURE__ */ e.jsx(
1499
- R,
1797
+ O,
1500
1798
  {
1501
1799
  label: "Height (px)",
1502
1800
  value: String(o.general.height),
1503
- onChange: (r) => s("general", r, "height"),
1801
+ onChange: (a) => s("general", a, "height"),
1504
1802
  type: "number",
1505
1803
  min: 0
1506
1804
  }
1507
1805
  ),
1508
1806
  /* @__PURE__ */ e.jsx(
1509
- R,
1807
+ O,
1510
1808
  {
1511
1809
  label: "Style name",
1512
1810
  value: o.general.name,
1513
- onChange: (r) => s("general", r, "name")
1811
+ onChange: (a) => s("general", a, "name")
1514
1812
  }
1515
1813
  ),
1516
1814
  /* @__PURE__ */ e.jsx(
1517
- ae,
1815
+ ie,
1518
1816
  {
1519
1817
  label: "Font Size (px)",
1520
- onChange: (r) => s("general", r, "size"),
1818
+ onChange: (a) => s("general", a, "size"),
1521
1819
  value: String(o.general.size),
1522
- options: _e
1820
+ options: ve
1523
1821
  }
1524
1822
  ),
1525
1823
  /* @__PURE__ */ e.jsx(
1526
- ce,
1824
+ ue,
1527
1825
  {
1528
- initialColor: U(o.general.color),
1826
+ initialColor: G(o.general.color),
1529
1827
  onChange: i("general"),
1530
1828
  title: "Font Color",
1531
1829
  labelStyle: "secondary"
@@ -1533,32 +1831,32 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1533
1831
  )
1534
1832
  ] }),
1535
1833
  /* @__PURE__ */ e.jsxs(
1536
- Se,
1834
+ fe,
1537
1835
  {
1538
1836
  title: "Field Fill",
1539
1837
  rightAddon: /* @__PURE__ */ e.jsx("div", { className: V.switch, children: /* @__PURE__ */ e.jsx(
1540
- Le,
1838
+ Ie,
1541
1839
  {
1542
- onChange: (r) => s("field", r, "active"),
1840
+ onChange: (a) => s("field", a, "active"),
1543
1841
  current: o.field.active
1544
1842
  }
1545
1843
  ) }),
1546
1844
  children: [
1547
1845
  /* @__PURE__ */ e.jsx(
1548
- ce,
1846
+ ue,
1549
1847
  {
1550
- initialColor: U(o.field.color),
1848
+ initialColor: G(o.field.color),
1551
1849
  onChange: i("field"),
1552
1850
  title: "Color",
1553
1851
  labelStyle: "secondary"
1554
1852
  }
1555
1853
  ),
1556
1854
  /* @__PURE__ */ e.jsx(
1557
- R,
1855
+ O,
1558
1856
  {
1559
1857
  label: "Opacity (%)",
1560
1858
  value: String(o.field.opacity),
1561
- onChange: (r) => s("field", r, "opacity"),
1859
+ onChange: (a) => s("field", a, "opacity"),
1562
1860
  type: "number",
1563
1861
  min: 0
1564
1862
  }
@@ -1567,13 +1865,13 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1567
1865
  }
1568
1866
  ),
1569
1867
  /* @__PURE__ */ e.jsxs(
1570
- Se,
1868
+ fe,
1571
1869
  {
1572
1870
  title: "Border",
1573
1871
  rightAddon: /* @__PURE__ */ e.jsx("div", { className: V.switch, children: /* @__PURE__ */ e.jsx(
1574
- Le,
1872
+ Ie,
1575
1873
  {
1576
- onChange: (r) => s("border", r, "active"),
1874
+ onChange: (a) => s("border", a, "active"),
1577
1875
  current: o.border.active
1578
1876
  }
1579
1877
  ) }),
@@ -1582,40 +1880,40 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1582
1880
  /* @__PURE__ */ e.jsxs("div", { className: V.style, children: [
1583
1881
  /* @__PURE__ */ e.jsx("span", { className: V.title, children: "Style" }),
1584
1882
  /* @__PURE__ */ e.jsx(
1585
- Ne,
1883
+ We,
1586
1884
  {
1587
- items: Ls,
1885
+ items: ba,
1588
1886
  selectedItem: o.border.style,
1589
- onSelect: (r) => s("border", r, "style"),
1590
- getIconName: (r) => r === "solid" ? "Minus" : "Selection"
1887
+ onSelect: (a) => s("border", a, "style"),
1888
+ getIconName: (a) => a === "solid" ? "Minus" : "Selection"
1591
1889
  }
1592
1890
  )
1593
1891
  ] }),
1594
1892
  /* @__PURE__ */ e.jsx(
1595
- R,
1893
+ O,
1596
1894
  {
1597
1895
  label: "Radius (px)",
1598
1896
  value: String(o.border.radius),
1599
- onChange: (r) => s("border", r, "radius"),
1897
+ onChange: (a) => s("border", a, "radius"),
1600
1898
  type: "number",
1601
1899
  min: 0
1602
1900
  }
1603
1901
  )
1604
1902
  ] }),
1605
1903
  /* @__PURE__ */ e.jsx(
1606
- R,
1904
+ O,
1607
1905
  {
1608
1906
  label: "Thickness (px)",
1609
1907
  value: String(o.border.thickness),
1610
- onChange: (r) => s("border", r, "thickness"),
1908
+ onChange: (a) => s("border", a, "thickness"),
1611
1909
  type: "number",
1612
1910
  min: 0
1613
1911
  }
1614
1912
  ),
1615
1913
  /* @__PURE__ */ e.jsx(
1616
- ce,
1914
+ ue,
1617
1915
  {
1618
- initialColor: U(o.border.color),
1916
+ initialColor: G(o.border.color),
1619
1917
  onChange: i("border"),
1620
1918
  title: "Color",
1621
1919
  labelStyle: "secondary"
@@ -1624,30 +1922,30 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1624
1922
  ]
1625
1923
  }
1626
1924
  ),
1627
- /* @__PURE__ */ e.jsxs(Se, { title: "Label", children: [
1925
+ /* @__PURE__ */ e.jsxs(fe, { title: "Label", children: [
1628
1926
  /* @__PURE__ */ e.jsx(
1629
- R,
1927
+ O,
1630
1928
  {
1631
1929
  label: "Line Height (px)",
1632
1930
  value: String(o.label.height),
1633
- onChange: (r) => s("label", r, "height"),
1931
+ onChange: (a) => s("label", a, "height"),
1634
1932
  type: "number",
1635
1933
  min: 0
1636
1934
  }
1637
1935
  ),
1638
1936
  /* @__PURE__ */ e.jsx(
1639
- ae,
1937
+ ie,
1640
1938
  {
1641
1939
  label: "Font Size (px)",
1642
- onChange: (r) => s("label", r, "size"),
1940
+ onChange: (a) => s("label", a, "size"),
1643
1941
  value: String(o.label.size),
1644
- options: _e
1942
+ options: ve
1645
1943
  }
1646
1944
  ),
1647
1945
  /* @__PURE__ */ e.jsx(
1648
- ce,
1946
+ ue,
1649
1947
  {
1650
- initialColor: U(o.label.color),
1948
+ initialColor: G(o.label.color),
1651
1949
  onChange: i("label"),
1652
1950
  title: "Color",
1653
1951
  labelStyle: "secondary"
@@ -1656,205 +1954,205 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1656
1954
  /* @__PURE__ */ e.jsxs("div", { className: V.alignments, children: [
1657
1955
  /* @__PURE__ */ e.jsx("h4", { className: V.title, children: "Alignment Type" }),
1658
1956
  /* @__PURE__ */ e.jsx(
1659
- Ne,
1957
+ We,
1660
1958
  {
1661
- items: Ps,
1959
+ items: Sa,
1662
1960
  selectedItem: o.label.alignment,
1663
- onSelect: (r) => s("label", r, "alignment"),
1664
- getIconName: (r) => r === "center" ? "AlignCenterHorizontal" : r === "left" ? "AlignLeft" : "AlignRight"
1961
+ onSelect: (a) => s("label", a, "alignment"),
1962
+ getIconName: (a) => a === "center" ? "AlignCenterHorizontal" : a === "left" ? "AlignLeft" : "AlignRight"
1665
1963
  }
1666
1964
  )
1667
1965
  ] })
1668
1966
  ] })
1669
1967
  ] });
1670
- }, Ts = "_wrapper_lov6e_1", Fs = "_category_lov6e_5", Ds = "_categoryTitle_lov6e_11", $s = "_font_lov6e_17", Ms = "_content_lov6e_38", Hs = "_icon_lov6e_45", Is = "_paragraph_lov6e_56", Rs = "_deleteIcon_lov6e_60", Es = "_iconButton_lov6e_67", K = {
1671
- wrapper: Ts,
1672
- category: Fs,
1673
- categoryTitle: Ds,
1674
- font: $s,
1675
- content: Ms,
1676
- icon: Hs,
1677
- paragraph: Is,
1678
- deleteIcon: Rs,
1679
- iconButton: Es
1680
- }, Os = (t) => {
1681
- const { font: n, size: o, id: s, category: i } = t, { setActiveFont: r } = H();
1968
+ }, Ca = "_wrapper_lov6e_1", wa = "_category_lov6e_5", va = "_categoryTitle_lov6e_11", xa = "_font_lov6e_17", ka = "_content_lov6e_38", ya = "_icon_lov6e_45", ja = "_paragraph_lov6e_56", Ba = "_deleteIcon_lov6e_60", Aa = "_iconButton_lov6e_67", Q = {
1969
+ wrapper: Ca,
1970
+ category: wa,
1971
+ categoryTitle: va,
1972
+ font: xa,
1973
+ content: ka,
1974
+ icon: ya,
1975
+ paragraph: ja,
1976
+ deleteIcon: Ba,
1977
+ iconButton: Aa
1978
+ }, Pa = (t) => {
1979
+ const { font: n, size: o, id: s, category: i } = t, { setActiveFont: a } = I();
1682
1980
  return /* @__PURE__ */ e.jsxs(
1683
1981
  "div",
1684
1982
  {
1685
- className: K.font,
1686
- onClick: () => r(s),
1983
+ className: Q.font,
1984
+ onClick: () => a(s),
1687
1985
  children: [
1688
1986
  /* @__PURE__ */ e.jsx(
1689
1987
  "div",
1690
1988
  {
1691
- className: F(K.icon, {
1692
- [K.paragraph]: i === "paragraph"
1989
+ className: N(Q.icon, {
1990
+ [Q.paragraph]: i === "paragraph"
1693
1991
  }),
1694
- children: /* @__PURE__ */ e.jsx(C, { name: i === "paragraph" ? "TextB" : "TextH" })
1992
+ children: /* @__PURE__ */ e.jsx(v, { name: i === "paragraph" ? "TextB" : "TextH" })
1695
1993
  }
1696
1994
  ),
1697
- /* @__PURE__ */ e.jsxs("div", { className: K.content, children: [
1698
- /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: U(s) }),
1699
- /* @__PURE__ */ e.jsx("span", { className: K.value, children: `${n}, ${o}px` })
1995
+ /* @__PURE__ */ e.jsxs("div", { className: Q.content, children: [
1996
+ /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: G(s) }),
1997
+ /* @__PURE__ */ e.jsx("span", { className: Q.value, children: `${n}, ${o}px` })
1700
1998
  ] })
1701
1999
  ]
1702
2000
  }
1703
2001
  );
1704
- }, Us = () => {
1705
- const { themeSettings: t, setActiveFont: n, activeBlock: o } = H();
1706
- p.useEffect(() => (s(), () => {
2002
+ }, La = () => {
2003
+ const { themeSettings: t, setActiveFont: n, activeBlock: o } = I();
2004
+ m.useEffect(() => (s(), () => {
1707
2005
  s();
1708
2006
  }), []);
1709
2007
  function s() {
1710
2008
  n(null);
1711
2009
  }
1712
2010
  if (o != null && o.name)
1713
- return /* @__PURE__ */ e.jsx("div", { className: K.wrapper, children: Object.entries(t.fonts).map(([i, r]) => /* @__PURE__ */ e.jsxs(
2011
+ return /* @__PURE__ */ e.jsx("div", { className: Q.wrapper, children: Object.entries(t.fonts).map(([i, a]) => /* @__PURE__ */ e.jsxs(
1714
2012
  "div",
1715
2013
  {
1716
- className: K.category,
2014
+ className: Q.category,
1717
2015
  children: [
1718
- /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: U(i) }),
1719
- Object.entries(r).map(([a, l]) => /* @__PURE__ */ e.jsx(
1720
- Os,
2016
+ /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: G(i) }),
2017
+ Object.entries(a).map(([r, l]) => /* @__PURE__ */ e.jsx(
2018
+ Pa,
1721
2019
  {
1722
- id: a,
2020
+ id: r,
1723
2021
  category: i,
1724
2022
  ...l
1725
2023
  },
1726
- a
2024
+ r
1727
2025
  ))
1728
2026
  ]
1729
2027
  },
1730
2028
  i
1731
2029
  )) });
1732
- }, qs = "_wrapper_smgf8_1", Gs = "_open_smgf8_16", zs = "_close_smgf8_20", Ws = "_header_smgf8_24", Vs = "_title_smgf8_32", Xs = "_options_smgf8_38", Qs = "_clicked_smgf8_45", te = {
1733
- wrapper: qs,
1734
- open: Gs,
1735
- close: zs,
1736
- header: Ws,
1737
- title: Vs,
1738
- options: Xs,
1739
- clicked: Qs
1740
- }, Ks = () => {
1741
- const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: i } = H(), { fonts: r } = Ue(), [a, l] = p.useState(null);
2030
+ }, Na = "_wrapper_smgf8_1", Ta = "_open_smgf8_16", Fa = "_close_smgf8_20", $a = "_header_smgf8_24", Da = "_title_smgf8_32", Ma = "_options_smgf8_38", Ha = "_clicked_smgf8_45", se = {
2031
+ wrapper: Na,
2032
+ open: Ta,
2033
+ close: Fa,
2034
+ header: $a,
2035
+ title: Da,
2036
+ options: Ma,
2037
+ clicked: Ha
2038
+ }, Ia = () => {
2039
+ const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: i } = I(), { fonts: a } = Ye(), [r, l] = m.useState(null);
1742
2040
  function d() {
1743
2041
  n(null);
1744
2042
  }
1745
- function _(g, h) {
1746
- a && o && i(a, o, h, g);
2043
+ function f(p, u) {
2044
+ r && o && i(r, o, u, p);
1747
2045
  }
1748
- const u = p.useMemo(() => o ? s.fonts.heading[o] ? (l("heading"), s.fonts.heading[o]) : s.fonts.paragraph[o] ? (l("paragraph"), s.fonts.paragraph[o]) : (l(null), null) : null, [o, s]);
2046
+ const h = m.useMemo(() => o ? s.fonts.heading[o] ? (l("heading"), s.fonts.heading[o]) : s.fonts.paragraph[o] ? (l("paragraph"), s.fonts.paragraph[o]) : (l(null), null) : null, [o, s]);
1749
2047
  return /* @__PURE__ */ e.jsxs(
1750
2048
  "div",
1751
2049
  {
1752
- className: F(te.wrapper, {
1753
- [te.open]: (t == null ? void 0 : t.name) === "Fonts" && o,
1754
- [te.close]: (t == null ? void 0 : t.name) !== "Fonts" || !o
2050
+ className: N(se.wrapper, {
2051
+ [se.open]: (t == null ? void 0 : t.name) === "Fonts" && o,
2052
+ [se.close]: (t == null ? void 0 : t.name) !== "Fonts" || !o
1755
2053
  }),
1756
2054
  children: [
1757
2055
  /* @__PURE__ */ e.jsxs(
1758
2056
  "div",
1759
2057
  {
1760
- className: te.header,
2058
+ className: se.header,
1761
2059
  onClick: d,
1762
2060
  children: [
1763
2061
  /* @__PURE__ */ e.jsx(
1764
- C,
2062
+ v,
1765
2063
  {
1766
2064
  name: "CaretLeft",
1767
2065
  hoverable: !0
1768
2066
  }
1769
2067
  ),
1770
- /* @__PURE__ */ e.jsx("span", { className: te.title, children: "Font Style" })
2068
+ /* @__PURE__ */ e.jsx("span", { className: se.title, children: "Font Style" })
1771
2069
  ]
1772
2070
  }
1773
2071
  ),
1774
- o && u && /* @__PURE__ */ e.jsxs("div", { className: te.options, children: [
2072
+ o && h && /* @__PURE__ */ e.jsxs("div", { className: se.options, children: [
1775
2073
  /* @__PURE__ */ e.jsx(
1776
- ae,
2074
+ ie,
1777
2075
  {
1778
2076
  label: "Font",
1779
- value: u.font,
1780
- onChange: (g) => _(g, "font"),
1781
- options: [...r.filter((g) => g !== u.font)]
2077
+ value: h.font,
2078
+ onChange: (p) => f(p, "font"),
2079
+ options: [...a.filter((p) => p !== h.font)]
1782
2080
  }
1783
2081
  ),
1784
2082
  /* @__PURE__ */ e.jsx(
1785
- ae,
2083
+ ie,
1786
2084
  {
1787
2085
  label: "Size",
1788
- value: String(u.size),
1789
- onChange: (g) => _(g, "size"),
1790
- options: _e
2086
+ value: String(h.size),
2087
+ onChange: (p) => f(p, "size"),
2088
+ options: ve
1791
2089
  }
1792
2090
  ),
1793
2091
  /* @__PURE__ */ e.jsx(
1794
- ae,
2092
+ ie,
1795
2093
  {
1796
2094
  label: "Weight",
1797
- value: String(u.weight),
1798
- onChange: (g) => _(g, "weight"),
1799
- options: dt
2095
+ value: String(h.weight),
2096
+ onChange: (p) => f(p, "weight"),
2097
+ options: bt
1800
2098
  }
1801
2099
  )
1802
2100
  ] })
1803
2101
  ]
1804
2102
  }
1805
2103
  );
1806
- }, Ys = "_wrapper_smgf8_1", Js = "_open_smgf8_16", Zs = "_close_smgf8_20", ea = "_header_smgf8_24", ta = "_title_smgf8_32", na = "_options_smgf8_38", oa = "_clicked_smgf8_45", ne = {
1807
- wrapper: Ys,
1808
- open: Js,
1809
- close: Zs,
1810
- header: ea,
1811
- title: ta,
1812
- options: na,
1813
- clicked: oa
1814
- }, Xe = () => {
1815
- const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: s } = H();
2104
+ }, Ea = "_wrapper_smgf8_1", Ra = "_open_smgf8_16", Oa = "_close_smgf8_20", Ua = "_header_smgf8_24", qa = "_title_smgf8_32", Ga = "_options_smgf8_38", za = "_clicked_smgf8_45", ae = {
2105
+ wrapper: Ea,
2106
+ open: Ra,
2107
+ close: Oa,
2108
+ header: Ua,
2109
+ title: qa,
2110
+ options: Ga,
2111
+ clicked: za
2112
+ }, nt = () => {
2113
+ const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: s } = I();
1816
2114
  function i(l, d) {
1817
2115
  o(d, l);
1818
2116
  }
1819
- function r() {
2117
+ function a() {
1820
2118
  s(null);
1821
2119
  }
1822
- const a = p.useMemo(() => n.borders, [n]);
2120
+ const r = m.useMemo(() => n.borders, [n]);
1823
2121
  return /* @__PURE__ */ e.jsxs(
1824
2122
  "div",
1825
2123
  {
1826
- className: F(ne.wrapper, {
1827
- [ne.open]: (t == null ? void 0 : t.name) === "Borders",
1828
- [ne.close]: (t == null ? void 0 : t.name) !== "Borders"
2124
+ className: N(ae.wrapper, {
2125
+ [ae.open]: (t == null ? void 0 : t.name) === "Borders",
2126
+ [ae.close]: (t == null ? void 0 : t.name) !== "Borders"
1829
2127
  }),
1830
2128
  children: [
1831
- /* @__PURE__ */ e.jsxs("div", { className: ne.header, children: [
2129
+ /* @__PURE__ */ e.jsxs("div", { className: ae.header, children: [
1832
2130
  /* @__PURE__ */ e.jsx(
1833
- C,
2131
+ v,
1834
2132
  {
1835
2133
  name: "CaretLeft",
1836
2134
  hoverable: !0,
1837
- onClick: r
2135
+ onClick: a
1838
2136
  }
1839
2137
  ),
1840
- /* @__PURE__ */ e.jsx("span", { className: ne.title, children: "Borders Style" })
2138
+ /* @__PURE__ */ e.jsx("span", { className: ae.title, children: "Borders Style" })
1841
2139
  ] }),
1842
- /* @__PURE__ */ e.jsxs("div", { className: ne.options, children: [
2140
+ /* @__PURE__ */ e.jsxs("div", { className: ae.options, children: [
1843
2141
  /* @__PURE__ */ e.jsx(
1844
- R,
2142
+ O,
1845
2143
  {
1846
2144
  label: "Border Radius (px)",
1847
- value: String(a.radius),
2145
+ value: String(r.radius),
1848
2146
  onChange: (l) => i(Number(l), "radius"),
1849
2147
  type: "number",
1850
2148
  min: 0
1851
2149
  }
1852
2150
  ),
1853
2151
  /* @__PURE__ */ e.jsx(
1854
- R,
2152
+ O,
1855
2153
  {
1856
2154
  label: "Border Thickness (px)",
1857
- value: String(a.thickness),
2155
+ value: String(r.thickness),
1858
2156
  onChange: (l) => i(Number(l), "thickness"),
1859
2157
  type: "number",
1860
2158
  min: 0
@@ -1864,93 +2162,93 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1864
2162
  ]
1865
2163
  }
1866
2164
  );
1867
- }, sa = "_wrapper_1phvv_1", aa = "_open_1phvv_16", ra = "_close_1phvv_20", ia = "_header_1phvv_24", la = "_title_1phvv_32", ca = "_options_1phvv_38", da = "_clicked_1phvv_45", ua = "_label_1phvv_49", ha = "_alignments_1phvv_56", ga = "_blocks_1phvv_62", pa = "_alignment_1phvv_56", ma = "_active_1phvv_77", E = {
1868
- wrapper: sa,
1869
- open: aa,
1870
- close: ra,
1871
- header: ia,
1872
- title: la,
1873
- options: ca,
1874
- clicked: da,
1875
- label: ua,
1876
- alignments: ha,
1877
- blocks: ga,
1878
- alignment: pa,
1879
- active: ma
1880
- }, Sa = ["left", "center", "right"], Qe = () => {
1881
- const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: s } = H();
2165
+ }, Wa = "_wrapper_1phvv_1", Va = "_open_1phvv_16", Xa = "_close_1phvv_20", Ya = "_header_1phvv_24", Qa = "_title_1phvv_32", Ka = "_options_1phvv_38", Ja = "_clicked_1phvv_45", Za = "_label_1phvv_49", er = "_alignments_1phvv_56", tr = "_blocks_1phvv_62", nr = "_alignment_1phvv_56", or = "_active_1phvv_77", U = {
2166
+ wrapper: Wa,
2167
+ open: Va,
2168
+ close: Xa,
2169
+ header: Ya,
2170
+ title: Qa,
2171
+ options: Ka,
2172
+ clicked: Ja,
2173
+ label: Za,
2174
+ alignments: er,
2175
+ blocks: tr,
2176
+ alignment: nr,
2177
+ active: or
2178
+ }, sr = ["left", "center", "right"], ot = () => {
2179
+ const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: s } = I();
1882
2180
  function i(l, d) {
1883
2181
  o(d, l);
1884
2182
  }
1885
- function r() {
2183
+ function a() {
1886
2184
  s(null);
1887
2185
  }
1888
- const a = p.useMemo(() => n.buttons, [n]);
2186
+ const r = m.useMemo(() => n.buttons, [n]);
1889
2187
  return /* @__PURE__ */ e.jsxs(
1890
2188
  "div",
1891
2189
  {
1892
- className: F(E.wrapper, {
1893
- [E.open]: (t == null ? void 0 : t.name) === "Buttons",
1894
- [E.close]: (t == null ? void 0 : t.name) !== "Buttons"
2190
+ className: N(U.wrapper, {
2191
+ [U.open]: (t == null ? void 0 : t.name) === "Buttons",
2192
+ [U.close]: (t == null ? void 0 : t.name) !== "Buttons"
1895
2193
  }),
1896
2194
  children: [
1897
- /* @__PURE__ */ e.jsxs("div", { className: E.header, children: [
2195
+ /* @__PURE__ */ e.jsxs("div", { className: U.header, children: [
1898
2196
  /* @__PURE__ */ e.jsx(
1899
- C,
2197
+ v,
1900
2198
  {
1901
2199
  name: "CaretLeft",
1902
2200
  hoverable: !0,
1903
- onClick: r
2201
+ onClick: a
1904
2202
  }
1905
2203
  ),
1906
- /* @__PURE__ */ e.jsx("span", { className: E.title, children: "Buttons Style" })
2204
+ /* @__PURE__ */ e.jsx("span", { className: U.title, children: "Buttons Style" })
1907
2205
  ] }),
1908
- a && /* @__PURE__ */ e.jsxs("div", { className: E.options, children: [
2206
+ r && /* @__PURE__ */ e.jsxs("div", { className: U.options, children: [
1909
2207
  /* @__PURE__ */ e.jsx(
1910
- R,
2208
+ O,
1911
2209
  {
1912
2210
  label: "Height (px)",
1913
- value: String(a.height),
2211
+ value: String(r.height),
1914
2212
  onChange: (l) => i(l, "height"),
1915
2213
  type: "number",
1916
2214
  min: 0
1917
2215
  }
1918
2216
  ),
1919
2217
  /* @__PURE__ */ e.jsx(
1920
- ae,
2218
+ ie,
1921
2219
  {
1922
2220
  label: "Font Size (px)",
1923
- value: String(a.size),
2221
+ value: String(r.size),
1924
2222
  onChange: (l) => i(l, "size"),
1925
- options: _e
2223
+ options: ve
1926
2224
  }
1927
2225
  ),
1928
2226
  /* @__PURE__ */ e.jsx(
1929
- R,
2227
+ O,
1930
2228
  {
1931
2229
  label: "Border Radius (px)",
1932
- value: String(a.radius),
2230
+ value: String(r.radius),
1933
2231
  onChange: (l) => i(Number(l), "radius"),
1934
2232
  type: "number",
1935
2233
  min: 0
1936
2234
  }
1937
2235
  ),
1938
- /* @__PURE__ */ e.jsxs("div", { className: E.alignments, children: [
1939
- /* @__PURE__ */ e.jsx("h4", { className: E.label, children: "Alignment Type" }),
1940
- /* @__PURE__ */ e.jsx("div", { className: E.blocks, children: Sa.map((l) => /* @__PURE__ */ e.jsx(
2236
+ /* @__PURE__ */ e.jsxs("div", { className: U.alignments, children: [
2237
+ /* @__PURE__ */ e.jsx("h4", { className: U.label, children: "Alignment Type" }),
2238
+ /* @__PURE__ */ e.jsx("div", { className: U.blocks, children: sr.map((l) => /* @__PURE__ */ e.jsx(
1941
2239
  "div",
1942
2240
  {
1943
- className: F(E.alignment, {
1944
- [E.active]: a.alignment === l
2241
+ className: N(U.alignment, {
2242
+ [U.active]: r.alignment === l
1945
2243
  }),
1946
2244
  onClick: () => {
1947
2245
  i(l, "alignment");
1948
2246
  },
1949
2247
  children: /* @__PURE__ */ e.jsx(
1950
- C,
2248
+ v,
1951
2249
  {
1952
2250
  name: l === "center" ? "AlignCenterHorizontal" : l === "left" ? "AlignLeft" : "AlignRight",
1953
- fill: a.alignment === l ? "#252525" : "#757575"
2251
+ fill: r.alignment === l ? "#252525" : "#757575"
1954
2252
  }
1955
2253
  )
1956
2254
  },
@@ -1961,48 +2259,48 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1961
2259
  ]
1962
2260
  }
1963
2261
  );
1964
- }, ba = () => {
1965
- const { activeBlock: t, themeSettings: n } = H();
2262
+ }, ar = () => {
2263
+ const { activeBlock: t, themeSettings: n } = I();
1966
2264
  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
1967
- (t == null ? void 0 : t.name) === "Fonts" && n.fonts && /* @__PURE__ */ e.jsx(Ks, {}),
1968
- (t == null ? void 0 : t.name) === "Borders" && n.borders && /* @__PURE__ */ e.jsx(Xe, {}),
1969
- (t == null ? void 0 : t.name) === "Buttons" && n.buttons && /* @__PURE__ */ e.jsx(Qe, {})
2265
+ (t == null ? void 0 : t.name) === "Fonts" && n.fonts && /* @__PURE__ */ e.jsx(Ia, {}),
2266
+ (t == null ? void 0 : t.name) === "Borders" && n.borders && /* @__PURE__ */ e.jsx(nt, {}),
2267
+ (t == null ? void 0 : t.name) === "Buttons" && n.buttons && /* @__PURE__ */ e.jsx(ot, {})
1970
2268
  ] });
1971
- }, fa = () => {
1972
- const { activeBlock: t, setActiveBlock: n, themeSettings: o } = H(), { activeBlock: s } = ve();
2269
+ }, rr = () => {
2270
+ const { activeBlock: t, setActiveBlock: n, themeSettings: o } = I(), { activeBlock: s } = je();
1973
2271
  function i() {
1974
2272
  n(null);
1975
2273
  }
1976
2274
  return /* @__PURE__ */ e.jsxs(
1977
2275
  "div",
1978
2276
  {
1979
- className: F(le.settings, {
1980
- [le.open]: t,
1981
- [le.close]: !t || s.name !== "Theme"
2277
+ className: N(de.settings, {
2278
+ [de.open]: t,
2279
+ [de.close]: !t || s.name !== "Theme"
1982
2280
  }),
1983
2281
  children: [
1984
- /* @__PURE__ */ e.jsxs("div", { className: le.header, children: [
2282
+ /* @__PURE__ */ e.jsxs("div", { className: de.header, children: [
1985
2283
  /* @__PURE__ */ e.jsx(
1986
- C,
2284
+ v,
1987
2285
  {
1988
2286
  name: "CaretLeft",
1989
2287
  hoverable: !0,
1990
2288
  onClick: i
1991
2289
  }
1992
2290
  ),
1993
- /* @__PURE__ */ e.jsx("span", { className: le.title, children: t == null ? void 0 : t.name })
2291
+ /* @__PURE__ */ e.jsx("span", { className: de.title, children: t == null ? void 0 : t.name })
1994
2292
  ] }),
1995
- (t == null ? void 0 : t.name) === "Fonts" && o.fonts && /* @__PURE__ */ e.jsx(Us, {}),
1996
- (t == null ? void 0 : t.name) === "Colors" && o.colors && /* @__PURE__ */ e.jsx(ps, {}),
1997
- (t == null ? void 0 : t.name) === "Inputs" && o.inputs && /* @__PURE__ */ e.jsx(Ns, {}),
1998
- (t == null ? void 0 : t.name) === "Borders" && o.borders && /* @__PURE__ */ e.jsx(Xe, {}),
1999
- (t == null ? void 0 : t.name) === "Buttons" && o.buttons && /* @__PURE__ */ e.jsx(Qe, {}),
2000
- /* @__PURE__ */ e.jsx(ba, {})
2293
+ (t == null ? void 0 : t.name) === "Fonts" && o.fonts && /* @__PURE__ */ e.jsx(La, {}),
2294
+ (t == null ? void 0 : t.name) === "Colors" && o.colors && /* @__PURE__ */ e.jsx(Zs, {}),
2295
+ (t == null ? void 0 : t.name) === "Inputs" && o.inputs && /* @__PURE__ */ e.jsx(fa, {}),
2296
+ (t == null ? void 0 : t.name) === "Borders" && o.borders && /* @__PURE__ */ e.jsx(nt, {}),
2297
+ (t == null ? void 0 : t.name) === "Buttons" && o.buttons && /* @__PURE__ */ e.jsx(ot, {}),
2298
+ /* @__PURE__ */ e.jsx(ar, {})
2001
2299
  ]
2002
2300
  }
2003
2301
  );
2004
- }, Ca = () => {
2005
- const { activeBlock: t } = ve(), { activeBlock: n } = X();
2302
+ }, ir = () => {
2303
+ const { activeBlock: t } = je(), { activeBlock: n } = X();
2006
2304
  function o() {
2007
2305
  switch (t.name) {
2008
2306
  case "Layers":
@@ -2015,135 +2313,172 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2015
2313
  return "Settings";
2016
2314
  }
2017
2315
  }
2018
- return /* @__PURE__ */ e.jsxs("div", { className: $e.sidebar, children: [
2019
- /* @__PURE__ */ e.jsx("h3", { className: $e.title, children: o() }),
2020
- t.name === "Layers" && /* @__PURE__ */ e.jsx(Ho, {}),
2021
- t.name === "Add" && /* @__PURE__ */ e.jsx(Ve, {}),
2022
- /* @__PURE__ */ e.jsx(ts, { isAdd: !!n }),
2023
- /* @__PURE__ */ e.jsx(fa, {}),
2024
- t.name === "Theme" && /* @__PURE__ */ e.jsx(qo, {}),
2025
- t.name === "Settings" && /* @__PURE__ */ e.jsx(Ro, {})
2316
+ return /* @__PURE__ */ e.jsxs("div", { className: Ue.sidebar, children: [
2317
+ /* @__PURE__ */ e.jsx("h3", { className: Ue.title, children: o() }),
2318
+ t.name === "Layers" && /* @__PURE__ */ e.jsx(_s, {}),
2319
+ t.name === "Add" && /* @__PURE__ */ e.jsx(et, {}),
2320
+ /* @__PURE__ */ e.jsx($s, { isAdd: !!n }),
2321
+ /* @__PURE__ */ e.jsx(rr, {}),
2322
+ t.name === "Theme" && /* @__PURE__ */ e.jsx(vs, {}),
2323
+ t.name === "Settings" && /* @__PURE__ */ e.jsx(bs, {})
2324
+ ] });
2325
+ }, lr = "_wrapper_gibny_1", cr = "_header_gibny_12", dr = "_content_gibny_23", ur = "_buttons_gibny_31", hr = "_cancel_gibny_38", pr = "_label_gibny_43", gr = "_description_gibny_44", mr = "_preview_gibny_52", _r = "_block_gibny_58", Sr = "_slug_gibny_67", br = "_title_gibny_73", q = {
2326
+ wrapper: lr,
2327
+ header: cr,
2328
+ content: dr,
2329
+ buttons: ur,
2330
+ cancel: hr,
2331
+ label: pr,
2332
+ description: gr,
2333
+ preview: mr,
2334
+ block: _r,
2335
+ slug: Sr,
2336
+ title: br
2337
+ }, fr = "_wrapper_ba9vp_2", Cr = "_label_ba9vp_10", wr = "_options_ba9vp_18", vr = "_radioLabel_ba9vp_24", xr = "_radio_ba9vp_24", kr = "_custom_ba9vp_39", yr = "_option_ba9vp_18", Z = {
2338
+ wrapper: fr,
2339
+ label: Cr,
2340
+ options: wr,
2341
+ radioLabel: vr,
2342
+ radio: xr,
2343
+ custom: kr,
2344
+ option: yr
2345
+ }, jr = (t) => {
2346
+ const { defaultValue: n, options: o, onChange: s, label: i } = t, [a, r] = m.useState(n), l = (d) => {
2347
+ const f = d.target.value;
2348
+ r(f), s(f);
2349
+ };
2350
+ return /* @__PURE__ */ e.jsxs("div", { className: Z.wrapper, children: [
2351
+ /* @__PURE__ */ e.jsx("span", { className: Z.label, children: i }),
2352
+ /* @__PURE__ */ e.jsx("div", { className: Z.options, children: o.map((d) => /* @__PURE__ */ e.jsxs(
2353
+ "label",
2354
+ {
2355
+ className: Z.radioLabel,
2356
+ children: [
2357
+ /* @__PURE__ */ e.jsx(
2358
+ "input",
2359
+ {
2360
+ type: "radio",
2361
+ value: d.value,
2362
+ checked: a === d.value,
2363
+ onChange: l,
2364
+ className: Z.radio
2365
+ }
2366
+ ),
2367
+ /* @__PURE__ */ e.jsx("span", { className: Z.custom }),
2368
+ /* @__PURE__ */ e.jsx("span", { className: Z.option, children: d.label })
2369
+ ]
2370
+ },
2371
+ d.value
2372
+ )) })
2026
2373
  ] });
2027
- }, _a = "_wrapper_gibny_1", wa = "_header_gibny_12", va = "_content_gibny_23", xa = "_buttons_gibny_31", ka = "_cancel_gibny_38", ja = "_label_gibny_43", ya = "_description_gibny_44", Ba = "_preview_gibny_52", Aa = "_block_gibny_58", Pa = "_slug_gibny_67", La = "_title_gibny_73", O = {
2028
- wrapper: _a,
2029
- header: wa,
2030
- content: va,
2031
- buttons: xa,
2032
- cancel: ka,
2033
- label: ja,
2034
- description: ya,
2035
- preview: Ba,
2036
- block: Aa,
2037
- slug: Pa,
2038
- title: La
2039
- }, Na = () => {
2040
- var M, q, S, y, B, A, b, P;
2374
+ }, Br = () => {
2375
+ var D, E, b, y, A, T, x, S;
2041
2376
  const {
2042
2377
  setIsOpenModal: t,
2043
2378
  pages: n,
2044
2379
  createPage: o,
2045
2380
  updatePage: s,
2046
2381
  isEdit: i,
2047
- setIsEdit: r,
2048
- editedPage: a,
2382
+ setIsEdit: a,
2383
+ editedPage: r,
2049
2384
  setEditedPage: l
2050
- } = D(), { createPage: d, updatePage: _ } = $(), [u, g] = p.useState(a ? n && ((M = n[a]) == null ? void 0 : M.path) : ""), [h, c] = p.useState(a ? n && ((q = n[a]) == null ? void 0 : q.name) : ""), [w, j] = p.useState(
2051
- a && n && ((S = n[a]) == null ? void 0 : S.seo) && ((B = (y = n[a]) == null ? void 0 : y.seo) == null ? void 0 : B.description) || ""
2052
- ), [L, x] = p.useState(
2053
- a ? n && ((A = n[a]) == null ? void 0 : A.visibility) : "public"
2385
+ } = $(), { createPage: d, updatePage: f } = M(), [h, p] = m.useState(r ? n && ((D = n[r]) == null ? void 0 : D.path) : ""), [u, c] = m.useState(r ? n && ((E = n[r]) == null ? void 0 : E.name) : ""), [j, L] = m.useState(
2386
+ r && n && ((b = n[r]) == null ? void 0 : b.seo) && ((A = (y = n[r]) == null ? void 0 : y.seo) == null ? void 0 : A.description) || ""
2387
+ ), [P, g] = m.useState(
2388
+ r ? n && ((T = n[r]) == null ? void 0 : T.visibility) : "public"
2054
2389
  );
2055
2390
  function k() {
2056
- g(""), c(""), j(""), x("public"), r(!1), l(null);
2391
+ p(""), c(""), L(""), g("public"), a(!1), l(null);
2057
2392
  }
2058
- function f() {
2393
+ function _() {
2059
2394
  k(), t(!1);
2060
2395
  }
2061
- function v(T) {
2062
- return T[0] === "/" ? T : "/" + T;
2396
+ function C(F) {
2397
+ return F[0] === "/" ? F : "/" + F;
2063
2398
  }
2064
- function m() {
2399
+ function w() {
2065
2400
  o({
2066
- path: v(u),
2067
- name: h || u || "",
2401
+ path: C(h),
2402
+ name: u || h || "",
2068
2403
  icon: "File",
2069
2404
  seo: {
2070
- title: h || "",
2071
- description: w || ""
2405
+ title: u || "",
2406
+ description: j || ""
2072
2407
  },
2073
- visibility: L || "public"
2074
- }), d(u), f();
2408
+ visibility: P || "public"
2409
+ }), d(h), _();
2075
2410
  }
2076
- function N() {
2077
- n && (_(n[a].name || "", h || u || ""), s(a, {
2078
- path: v(u),
2079
- name: h || u,
2080
- icon: n[a].icon || "File",
2411
+ function B() {
2412
+ n && (f(n[r].name || "", u || h || ""), s(r, {
2413
+ path: C(h),
2414
+ name: u || h,
2415
+ icon: n[r].icon || "File",
2081
2416
  seo: {
2082
- title: h || "",
2083
- description: w || ""
2417
+ title: u || "",
2418
+ description: j || ""
2084
2419
  },
2085
- visibility: L || "public"
2086
- })), f();
2420
+ visibility: P || "public"
2421
+ })), _();
2087
2422
  }
2088
2423
  return /* @__PURE__ */ e.jsxs(
2089
2424
  "div",
2090
2425
  {
2091
- className: O.wrapper,
2092
- onClick: (T) => T.stopPropagation(),
2426
+ className: q.wrapper,
2427
+ onClick: (F) => F.stopPropagation(),
2093
2428
  children: [
2094
- /* @__PURE__ */ e.jsxs("div", { className: O.header, children: [
2429
+ /* @__PURE__ */ e.jsxs("div", { className: q.header, children: [
2095
2430
  /* @__PURE__ */ e.jsxs("h2", { children: [
2096
2431
  i ? "Edit" : "Create",
2097
2432
  " Blank Page"
2098
2433
  ] }),
2099
2434
  /* @__PURE__ */ e.jsx(
2100
- C,
2435
+ v,
2101
2436
  {
2102
2437
  name: "X",
2103
2438
  fill: "#757575",
2104
2439
  hoverable: !0,
2105
- onClick: f
2440
+ onClick: _
2106
2441
  }
2107
2442
  )
2108
2443
  ] }),
2109
- /* @__PURE__ */ e.jsxs("div", { className: O.content, children: [
2444
+ /* @__PURE__ */ e.jsxs("div", { className: q.content, children: [
2110
2445
  /* @__PURE__ */ e.jsx(
2111
- R,
2446
+ O,
2112
2447
  {
2113
2448
  label: "Page Slug",
2114
- onChange: (T) => g(T),
2115
- value: u,
2449
+ onChange: (F) => p(F),
2450
+ value: h,
2116
2451
  placeholder: "path-to-page",
2117
- disabled: !!(a && n && ((b = n[a]) != null && b.name) && de.includes(n[a].name)),
2452
+ disabled: !!(r && n && ((x = n[r]) != null && x.name) && he.includes(n[r].name)),
2118
2453
  required: !0,
2119
2454
  regex: "^.+$"
2120
2455
  }
2121
2456
  ),
2122
2457
  /* @__PURE__ */ e.jsx(
2123
- R,
2458
+ O,
2124
2459
  {
2125
2460
  label: "Page Title",
2126
- onChange: (T) => c(T),
2127
- value: h,
2461
+ onChange: (F) => c(F),
2462
+ value: u,
2128
2463
  placeholder: "Contact us",
2129
- disabled: !!(a && n && ((P = n[a]) != null && P.name) && de.includes(n[a].name))
2464
+ disabled: !!(r && n && ((S = n[r]) != null && S.name) && he.includes(n[r].name))
2130
2465
  }
2131
2466
  ),
2132
2467
  /* @__PURE__ */ e.jsx(
2133
- ut,
2468
+ ft,
2134
2469
  {
2135
2470
  label: "Description",
2136
- onChange: (T) => j(T),
2137
- value: w,
2471
+ onChange: (F) => L(F),
2472
+ value: j,
2138
2473
  placeholder: "Contact us at any time of the day or night. You are always welcome",
2139
2474
  maxLength: 150
2140
2475
  }
2141
2476
  ),
2142
2477
  /* @__PURE__ */ e.jsx(
2143
- ht,
2478
+ jr,
2144
2479
  {
2145
2480
  label: "Visibility",
2146
- defaultValue: L,
2481
+ defaultValue: P,
2147
2482
  options: [
2148
2483
  {
2149
2484
  value: "public",
@@ -2154,32 +2489,32 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2154
2489
  label: "Private"
2155
2490
  }
2156
2491
  ],
2157
- onChange: (T) => x(T)
2492
+ onChange: (F) => g(F)
2158
2493
  }
2159
2494
  ),
2160
- /* @__PURE__ */ e.jsxs("div", { className: O.preview, children: [
2161
- /* @__PURE__ */ e.jsx("span", { className: O.label, children: "Preview" }),
2162
- /* @__PURE__ */ e.jsxs("div", { className: O.block, children: [
2163
- /* @__PURE__ */ e.jsx("span", { className: O.slug, children: u || "yoursite.url" }),
2164
- /* @__PURE__ */ e.jsx("span", { className: O.title, children: h || "My Blank Page" }),
2165
- /* @__PURE__ */ e.jsx("span", { className: O.description, children: w || "It is My Description" })
2495
+ /* @__PURE__ */ e.jsxs("div", { className: q.preview, children: [
2496
+ /* @__PURE__ */ e.jsx("span", { className: q.label, children: "Preview" }),
2497
+ /* @__PURE__ */ e.jsxs("div", { className: q.block, children: [
2498
+ /* @__PURE__ */ e.jsx("span", { className: q.slug, children: h || "yoursite.url" }),
2499
+ /* @__PURE__ */ e.jsx("span", { className: q.title, children: u || "My Blank Page" }),
2500
+ /* @__PURE__ */ e.jsx("span", { className: q.description, children: j || "It is My Description" })
2166
2501
  ] })
2167
2502
  ] })
2168
2503
  ] }),
2169
- /* @__PURE__ */ e.jsxs("div", { className: O.buttons, children: [
2504
+ /* @__PURE__ */ e.jsxs("div", { className: q.buttons, children: [
2170
2505
  /* @__PURE__ */ e.jsx(
2171
- J,
2506
+ K,
2172
2507
  {
2173
- className: O.cancel,
2174
- onClick: f,
2508
+ className: q.cancel,
2509
+ onClick: _,
2175
2510
  children: "Cancel"
2176
2511
  }
2177
2512
  ),
2178
2513
  /* @__PURE__ */ e.jsx(
2179
- J,
2514
+ K,
2180
2515
  {
2181
- onClick: i ? N : m,
2182
- disabled: u.length === 0,
2516
+ onClick: i ? B : w,
2517
+ disabled: h.length === 0,
2183
2518
  children: i ? "Update" : "Create"
2184
2519
  }
2185
2520
  )
@@ -2187,153 +2522,56 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2187
2522
  ]
2188
2523
  }
2189
2524
  );
2190
- }, Ta = "_layout_3kge3_1", Fa = "_main_3kge3_10", Da = "_content_3kge3_18", $a = "_notification_3kge3_26", be = {
2191
- layout: Ta,
2192
- main: Fa,
2193
- content: Da,
2194
- notification: $a
2195
- }, Ma = () => {
2196
- const { isOpenModal: t, setIsOpenModal: n } = D(), { openModal: o, setOpenModal: s } = gt(), { notification: i, setNotification: r } = Re();
2197
- return p.useEffect(() => {
2525
+ }, Ar = "_layout_3kge3_1", Pr = "_main_3kge3_10", Lr = "_content_3kge3_18", Nr = "_notification_3kge3_26", Ce = {
2526
+ layout: Ar,
2527
+ main: Pr,
2528
+ content: Lr,
2529
+ notification: Nr
2530
+ }, Tr = () => {
2531
+ const { isOpenModal: t, setIsOpenModal: n } = $(), { openModal: o, setOpenModal: s } = Ct(), { notification: i, setNotification: a } = Xe();
2532
+ return m.useEffect(() => {
2198
2533
  i && setTimeout(() => {
2199
- r(null);
2534
+ a(null);
2200
2535
  }, 3e3);
2201
2536
  }, [i]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
2202
- /* @__PURE__ */ e.jsxs("div", { className: be.layout, children: [
2203
- /* @__PURE__ */ e.jsx(jn, {}),
2204
- /* @__PURE__ */ e.jsxs("main", { className: be.main, children: [
2205
- /* @__PURE__ */ e.jsx(bn, {}),
2206
- /* @__PURE__ */ e.jsxs("div", { className: be.content, children: [
2207
- /* @__PURE__ */ e.jsx(Ca, {}),
2208
- /* @__PURE__ */ e.jsx(bo, {})
2537
+ /* @__PURE__ */ e.jsxs("div", { className: Ce.layout, children: [
2538
+ /* @__PURE__ */ e.jsx(On, {}),
2539
+ /* @__PURE__ */ e.jsxs("main", { className: Ce.main, children: [
2540
+ /* @__PURE__ */ e.jsx(Fn, {}),
2541
+ /* @__PURE__ */ e.jsxs("div", { className: Ce.content, children: [
2542
+ /* @__PURE__ */ e.jsx(ir, {}),
2543
+ /* @__PURE__ */ e.jsx(Qo, {})
2209
2544
  ] })
2210
2545
  ] })
2211
2546
  ] }),
2212
- t && /* @__PURE__ */ e.jsx(Te, { close: n, children: /* @__PURE__ */ e.jsx(Na, {}) }),
2213
- o && /* @__PURE__ */ e.jsx(Te, { close: s, children: /* @__PURE__ */ e.jsx(pt, {}) }),
2214
- i && /* @__PURE__ */ e.jsx("div", { className: be.notification, children: /* @__PURE__ */ e.jsx(
2215
- Oe,
2547
+ t && /* @__PURE__ */ e.jsx(Ee, { close: n, children: /* @__PURE__ */ e.jsx(Br, {}) }),
2548
+ o && /* @__PURE__ */ e.jsx(Ee, { close: s, children: /* @__PURE__ */ e.jsx(wt, {}) }),
2549
+ i && /* @__PURE__ */ e.jsx("div", { className: Ce.notification, children: /* @__PURE__ */ e.jsx(
2550
+ tt,
2216
2551
  {
2217
2552
  message: i.message,
2218
2553
  type: i.status
2219
2554
  }
2220
2555
  ) })
2221
2556
  ] });
2222
- };
2223
- async function oe(t, n) {
2224
- const o = localStorage.getItem("shopId") || void 0, s = `${Pe}/${t}/builder/shops/${o}/${n}`, i = localStorage.getItem("sellerAccessToken") || void 0;
2225
- return (await ke.get(s, {
2226
- headers: {
2227
- Authorization: `Bearer ${i}`
2228
- }
2229
- })).data;
2230
- }
2231
- async function Ha() {
2232
- try {
2233
- const [t, n, o, s, i, r] = await Promise.allSettled([
2234
- oe("v1", "general"),
2235
- oe("v1", "faqs"),
2236
- oe("v1", "listings"),
2237
- oe("v1", "products"),
2238
- oe("v1", "reviews"),
2239
- oe("v1", "categories")
2240
- ]);
2241
- return {
2242
- general: t,
2243
- faqs: n,
2244
- listings: o,
2245
- products: s,
2246
- reviews: i,
2247
- categories: r
2248
- };
2249
- } catch (t) {
2250
- throw console.error("Error fetching page data:", t), t;
2251
- }
2252
- }
2253
- async function Ia() {
2254
- try {
2255
- const { data: t } = await ke.get(
2256
- `${mt}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
2257
- );
2258
- return t.items;
2259
- } catch (t) {
2260
- throw console.error("Error fetching page data:", t), t;
2261
- }
2262
- }
2263
- function Wa() {
2264
- try {
2265
- const {
2266
- editBlock: t,
2267
- currentBlock: n,
2268
- blocks: o,
2269
- header: s,
2270
- setHeader: i,
2271
- footer: r,
2272
- setFooter: a
2273
- } = $.getState(), { currentPage: l, pages: d } = D.getState(), { currentInstance: _, activeBlock: u } = X.getState(), { settings: g, setSettings: h } = Y.getState();
2274
- if (h(g), !u && _ && d) {
2275
- if (n === "header" && s)
2276
- i(s);
2277
- else if (n === "footer" && r)
2278
- a(r);
2279
- else if (n === "header" || n === "footer")
2280
- throw new Error(`Missing ${n} data.`);
2281
- const c = {
2282
- blockSettings: {}
2283
- };
2284
- if (!_.blockSettings)
2285
- throw new Error("currentInstance.blockSettings is undefined.");
2286
- if (Object.keys(_.blockSettings).filter((w) => !["displayName", "isAddable"].includes(w)).forEach((w) => {
2287
- c.blockSettings[w] = _.blockSettings[w];
2288
- }), !d[l])
2289
- throw new Error(`Page "${l}" does not exist.`);
2290
- if (!o[d[l].path] || !o[d[l].path][n])
2291
- throw new Error(
2292
- `Layer or block for page "${d[l].path}" and block "${n}" does not exist.`
2293
- );
2294
- t(d[l].path, n, {
2295
- name: o[d[l].path][n].name,
2296
- value: c
2297
- });
2298
- }
2299
- } catch (t) {
2300
- console.error("Error in hotReload function:", t);
2301
- }
2302
- }
2303
- async function Ra() {
2304
- const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), o = `${Pe}/v2/builder/shops/${t}/drafts/${n}/pages`, s = localStorage.getItem("sellerAccessToken");
2305
- return (await ke.get(o, {
2306
- headers: {
2307
- Authorization: `Bearer ${s}`
2308
- }
2309
- })).data;
2310
- }
2311
- async function Ea() {
2312
- const t = localStorage.getItem("shopId") || void 0, n = localStorage.getItem("draftId") || void 0, o = `${Pe}/v2/builder/shops/${t}/drafts/${n}/all`, s = localStorage.getItem("sellerAccessToken") || void 0;
2313
- return (await ke.get(o, {
2314
- headers: {
2315
- Authorization: `Bearer ${s}`
2316
- }
2317
- })).data;
2318
- }
2319
- const Oa = (t) => {
2320
- const { blocks: n, settings: o, header: s, footer: i } = t, { setBlocks: r, setSourceBlocks: a } = X(), { fonts: l, setFonts: d } = Ue(), { setSettings: _ } = Y(), { setPageContext: u } = D(), { setThemeSettings: g } = H(), {
2321
- setHeader: h,
2557
+ }, Fr = (t) => {
2558
+ const { blocks: n, settings: o, header: s, footer: i } = t, { setBlocks: a, setSourceBlocks: r } = X(), { fonts: l, setFonts: d } = Ye(), { setSettings: f } = J(), { setPageContext: h } = $(), { setThemeSettings: p } = I(), {
2559
+ setHeader: u,
2322
2560
  setFooter: c,
2323
- setBlocks: w,
2324
- blocks: j,
2325
- createPage: L
2326
- } = $(), { setPages: x } = D();
2327
- function k(f) {
2328
- return f[0] === "/" ? f.slice(1) : f;
2561
+ setBlocks: j,
2562
+ blocks: L,
2563
+ createPage: P
2564
+ } = M(), { setPages: g } = $();
2565
+ function k(_) {
2566
+ return _[0] === "/" ? _.slice(1) : _;
2329
2567
  }
2330
- return p.useEffect(() => {
2331
- const f = {};
2332
- Object.keys(n).map((m) => {
2333
- f[m] = n[m];
2334
- }), a(f), r(f), h(s), c(i), (async () => {
2335
- const { data: m } = await Ea();
2336
- let N = {
2568
+ return m.useEffect(() => {
2569
+ const _ = {};
2570
+ Object.keys(n).map((w) => {
2571
+ _[w] = n[w];
2572
+ }), r(_), a(_), u(s), c(i), (async () => {
2573
+ const { data: w } = await Ot();
2574
+ let B = {
2337
2575
  listings: null,
2338
2576
  products: null,
2339
2577
  reviews: null,
@@ -2341,41 +2579,48 @@ const Oa = (t) => {
2341
2579
  faqs: null,
2342
2580
  general: null
2343
2581
  };
2344
- const M = await Ha();
2345
- Object.keys(M).map((A) => {
2346
- const b = A;
2347
- N[b] = M[b].value.data;
2348
- }), u(N);
2349
- const { themeSettings: q, layers: S } = m;
2350
- g(q), w(S), _(o);
2351
- const y = await Ra(), B = {};
2352
- if (y.data.length > 0 && y.data.forEach((A) => {
2353
- const b = k(A.path);
2354
- j[b] || L(b), A.path === "/" ? B["/"] = {
2355
- ...A,
2356
- icon: je.home.icon,
2582
+ const D = await It();
2583
+ Object.keys(D).map((x) => {
2584
+ const S = x;
2585
+ B[S] = D[S].value.data;
2586
+ }), h(B);
2587
+ const { themeSettings: E, layers: b, settings: y } = w;
2588
+ if (y) {
2589
+ const x = o;
2590
+ Object.keys(y).map((S) => {
2591
+ x[S] = y[S];
2592
+ }), f(x);
2593
+ } else
2594
+ f(o);
2595
+ p(E), j(b);
2596
+ const A = await Rt(), T = {};
2597
+ if (A.data.length > 0 && A.data.forEach((x) => {
2598
+ const S = k(x.path);
2599
+ L[S] || P(S), x.path === "/" ? T["/"] = {
2600
+ ...x,
2601
+ icon: Be.home.icon,
2357
2602
  name: "home"
2358
- } : je[b] ? B[b] = {
2359
- ...A,
2360
- icon: je[b].icon,
2361
- name: b
2362
- } : B[b] = {
2363
- ...A,
2603
+ } : Be[S] ? T[S] = {
2604
+ ...x,
2605
+ icon: Be[S].icon,
2606
+ name: S
2607
+ } : T[S] = {
2608
+ ...x,
2364
2609
  icon: "File",
2365
- name: b
2610
+ name: S
2366
2611
  };
2367
- }), x(B), l.length === 0) {
2368
- const A = await Ia();
2369
- d([...A.map((b) => b.family)]);
2612
+ }), g(T), l.length === 0) {
2613
+ const x = await Et();
2614
+ d([...x.map((S) => S.family)]);
2370
2615
  }
2371
2616
  })();
2372
- }, []), /* @__PURE__ */ e.jsx(Ma, {});
2373
- }, Ua = (t) => {
2374
- const { blocks: n, settings: o, header: s, footer: i } = t, [r, a] = p.useState(!0), l = St();
2375
- return p.useEffect(() => {
2376
- a(!0), At() ? a(!1) : l("/");
2377
- }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: r ? /* @__PURE__ */ e.jsx(we, {}) : /* @__PURE__ */ e.jsx(
2378
- Oa,
2617
+ }, []), /* @__PURE__ */ e.jsx(Tr, {});
2618
+ }, $r = (t) => {
2619
+ const { blocks: n, settings: o, header: s, footer: i } = t, [a, r] = m.useState(!0), l = Me();
2620
+ return m.useEffect(() => {
2621
+ r(!0), Ut() ? r(!1) : l("/");
2622
+ }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: a ? /* @__PURE__ */ e.jsx(ye, {}) : /* @__PURE__ */ e.jsx(
2623
+ Fr,
2379
2624
  {
2380
2625
  blocks: n,
2381
2626
  settings: o,
@@ -2383,69 +2628,104 @@ const Oa = (t) => {
2383
2628
  footer: i
2384
2629
  }
2385
2630
  ) });
2386
- }, Va = (t) => {
2387
- const { blocks: n, settings: o, header: s, footer: i } = t, [r, a] = p.useState(null), { setBlocks: l, setSourceBlocks: d } = X(), { setSettings: _ } = Y(), { setHeader: u, setFooter: g } = $(), { themeSettings: h } = H();
2388
- p.useEffect(() => {
2389
- if (!r) {
2390
- const L = {};
2631
+ }, Dr = "_wrapper_5ve9u_1", Mr = "_error_5ve9u_11", Hr = "_title_5ve9u_21", we = {
2632
+ wrapper: Dr,
2633
+ error: Mr,
2634
+ title: Hr
2635
+ }, Ir = vt((t) => ({
2636
+ error: null,
2637
+ setError: (n) => t(() => ({ error: n }))
2638
+ })), $e = () => {
2639
+ const t = Me(), { error: n } = Ir();
2640
+ return m.useEffect(() => {
2641
+ t("/error");
2642
+ }, []), /* @__PURE__ */ e.jsx("div", { className: we.wrapper, children: /* @__PURE__ */ e.jsxs("div", { className: we.error, children: [
2643
+ /* @__PURE__ */ e.jsxs("div", { children: [
2644
+ /* @__PURE__ */ e.jsx("div", { className: we.title, children: "Oops! Something went wrong" }),
2645
+ /* @__PURE__ */ e.jsx("span", { className: we.message, children: (n == null ? void 0 : n.message) || "" })
2646
+ ] }),
2647
+ /* @__PURE__ */ e.jsx(
2648
+ K,
2649
+ {
2650
+ type: "Primary",
2651
+ onClick: () => xt({
2652
+ resetSettings: (n == null ? void 0 : n.failedSettings) ?? !1,
2653
+ resetTheme: (n == null ? void 0 : n.failedTheme) ?? !1,
2654
+ resetPageIds: (n == null ? void 0 : n.failedPagesIds) ?? []
2655
+ }),
2656
+ children: "Reset all settings"
2657
+ }
2658
+ )
2659
+ ] }) });
2660
+ }, qr = (t) => {
2661
+ const { blocks: n, settings: o, header: s, footer: i } = t, [a, r] = m.useState(null), { setBlocks: l, setSourceBlocks: d } = X(), { setSettings: f } = J(), { setHeader: h, setFooter: p } = M(), { themeSettings: u } = I();
2662
+ m.useEffect(() => {
2663
+ if (!a) {
2664
+ const P = {};
2391
2665
  Object.keys(n).map((k) => {
2392
- L[k] = n[k];
2393
- }), d(L), l(L), u(s), g(i), _(o);
2394
- const x = bt([
2666
+ P[k] = n[k];
2667
+ }), d(P), l(P), h(s), p(i), f(o);
2668
+ const g = kt([
2395
2669
  {
2396
2670
  path: "/admin/builder",
2397
2671
  element: /* @__PURE__ */ e.jsx(
2398
- Ua,
2672
+ $r,
2399
2673
  {
2400
2674
  blocks: n,
2401
2675
  settings: o,
2402
2676
  header: s,
2403
2677
  footer: i
2404
2678
  }
2405
- )
2679
+ ),
2680
+ errorElement: /* @__PURE__ */ e.jsx($e, {})
2406
2681
  },
2407
2682
  {
2408
2683
  path: "/checkout",
2409
- element: /* @__PURE__ */ e.jsx(_t, {})
2684
+ element: /* @__PURE__ */ e.jsx(Bt, {})
2410
2685
  },
2411
2686
  {
2412
2687
  path: "/top-up",
2413
- element: /* @__PURE__ */ e.jsx(wt, {})
2688
+ element: /* @__PURE__ */ e.jsx(At, {})
2414
2689
  },
2415
2690
  {
2416
2691
  path: "/charges/:id",
2417
- element: /* @__PURE__ */ e.jsx(vt, {})
2692
+ element: /* @__PURE__ */ e.jsx(Pt, {})
2418
2693
  },
2419
2694
  {
2420
2695
  path: "/orders/:id/:accessToken?",
2421
- element: /* @__PURE__ */ e.jsx(xt, {})
2696
+ element: /* @__PURE__ */ e.jsx(Lt, {})
2422
2697
  },
2423
2698
  {
2424
2699
  path: "/subscriptions/:id/:accessToken?",
2425
- element: /* @__PURE__ */ e.jsx(kt, {})
2700
+ element: /* @__PURE__ */ e.jsx(Nt, {})
2426
2701
  },
2427
2702
  {
2428
2703
  path: "/customer-dash",
2429
- element: /* @__PURE__ */ e.jsx(jt, {})
2704
+ element: /* @__PURE__ */ e.jsx(Tt, {})
2705
+ },
2706
+ {
2707
+ path: "/error",
2708
+ element: /* @__PURE__ */ e.jsx($e, {})
2430
2709
  },
2431
2710
  {
2432
2711
  path: "*",
2433
- element: /* @__PURE__ */ e.jsx(Dt, {})
2712
+ element: /* @__PURE__ */ e.jsx(Zt, {}),
2713
+ errorElement: /* @__PURE__ */ e.jsx($e, {})
2434
2714
  }
2435
2715
  ]);
2436
- a(x);
2716
+ r(g);
2437
2717
  }
2438
- }, [r]), p.useEffect(() => {
2439
- const L = Mt(h);
2440
- Ht(L);
2441
- }, [h]);
2442
- const c = window.location.hostname.includes("localhost") ? localStorage.getItem("fakeDomain") || "subscriptions.billgang.store" : window.location.hostname, w = localStorage.getItem("shopPassword"), j = localStorage.getItem("shopId") || "";
2443
- return /* @__PURE__ */ e.jsx(e.Fragment, { children: r && /* @__PURE__ */ e.jsx(
2444
- ft,
2718
+ }, [a]), m.useEffect(() => {
2719
+ const P = tn(u);
2720
+ nn(P);
2721
+ }, [u]);
2722
+ const c = window.location.hostname.includes("localhost") ? localStorage.getItem("fakeDomain") || "flagship-theme.pages.dev" : window.location.hostname, j = localStorage.getItem("shopPassword"), L = localStorage.getItem("shopId") || "";
2723
+ return /* @__PURE__ */ e.jsx(e.Fragment, { children: a && /* @__PURE__ */ e.jsx(
2724
+ yt,
2445
2725
  {
2446
2726
  shopDomain: c,
2447
- shopId: j,
2448
- shopPassword: w || void 0,
2727
+ shopId: L,
2728
+ shopPassword: j || void 0,
2449
2729
  routes: {
2450
2730
  Checkout: "/checkout",
2451
2731
  TopUp: "/top-up",
@@ -2453,12 +2733,12 @@ const Oa = (t) => {
2453
2733
  Order: "/orders",
2454
2734
  Subscription: "/subscriptions"
2455
2735
  },
2456
- children: /* @__PURE__ */ e.jsx(Ct, { router: r })
2736
+ children: /* @__PURE__ */ e.jsx(jt, { router: a })
2457
2737
  }
2458
2738
  ) });
2459
2739
  };
2460
2740
  export {
2461
- Va as App,
2462
- Wa as hotReload,
2463
- za as iconNames
2741
+ qr as App,
2742
+ Ur as hotReload,
2743
+ Or as iconNames
2464
2744
  };