@billgangcom/theme-lib 1.25.0 → 1.27.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 (112) hide show
  1. package/dist/App.d.ts +1 -1
  2. package/dist/abstractions/Variable.d.ts +4 -1
  3. package/dist/{components → builder/components}/Sidebar/AddSections/RenderBlockSettings/settings.d.ts +1 -1
  4. package/dist/{constants → builder/constants}/blocks.d.ts +1 -1
  5. package/dist/{constants → builder/constants}/index.d.ts +1 -0
  6. package/dist/builder/constants/notification.d.ts +4 -0
  7. package/dist/{constants → builder/constants}/theme-settings.d.ts +43 -11
  8. package/dist/{store → builder/store}/index.d.ts +1 -0
  9. package/dist/{store → builder/store}/useBlocksStore.d.ts +1 -1
  10. package/dist/{store → builder/store}/useDeviceStore.d.ts +1 -1
  11. package/dist/{store → builder/store}/useLayersStore.d.ts +1 -1
  12. package/dist/{store → builder/store}/useLayoutStore.d.ts +1 -1
  13. package/dist/{store → builder/store}/useNavbarStore.d.ts +1 -1
  14. package/dist/builder/store/useNotificationStore.d.ts +7 -0
  15. package/dist/{store → builder/store}/usePagesStore.d.ts +2 -2
  16. package/dist/{store → builder/store}/useSettingsStore.d.ts +1 -1
  17. package/dist/{store → builder/store}/useThemeSettingsStore.d.ts +1 -1
  18. package/dist/{shared → builder}/ui/Icon/index.d.ts +1 -1
  19. package/dist/{shared → builder}/ui/Picker/index.d.ts +1 -1
  20. package/dist/{shared → builder}/ui/Tip/index.d.ts +1 -1
  21. package/dist/builder/ui/index.d.ts +6 -0
  22. package/dist/builder/utils/api.d.ts +21 -0
  23. package/dist/builder/utils/index.d.ts +2 -0
  24. package/dist/builder.cjs.js +14 -25
  25. package/dist/builder.es.js +1252 -1040
  26. package/dist/{index-BI8lyvsO.js → index-BJq5RiR5.js} +10199 -10306
  27. package/dist/index-BlxXgV9a.cjs +146 -0
  28. package/dist/lib/api.d.ts +16 -0
  29. package/dist/{shared/lib → lib}/index.d.ts +0 -1
  30. package/dist/ui/Button/index.d.ts +13 -0
  31. package/dist/ui/ButtonsSettings/index.d.ts +1 -1
  32. package/dist/ui/Input/index.d.ts +21 -0
  33. package/dist/ui/ListingSelector/index.d.ts +8 -3
  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 +1045 -887
  39. package/package.json +1 -1
  40. package/dist/index-BaWZKIMU.cjs +0 -146
  41. package/dist/shared/lib/api.d.ts +0 -16
  42. package/dist/shared/ui/index.d.ts +0 -16
  43. /package/dist/{components → builder/components}/Header/Buttons/index.d.ts +0 -0
  44. /package/dist/{components → builder/components}/Header/Devices/index.d.ts +0 -0
  45. /package/dist/{components → builder/components}/Header/PreviewButton/index.d.ts +0 -0
  46. /package/dist/{components → builder/components}/Header/Settings/Language/index.d.ts +0 -0
  47. /package/dist/{components → builder/components}/Header/Settings/Pages/ModifyPage/index.d.ts +0 -0
  48. /package/dist/{components → builder/components}/Header/Settings/Pages/index.d.ts +0 -0
  49. /package/dist/{components → builder/components}/Header/Settings/Zoom/index.d.ts +0 -0
  50. /package/dist/{components → builder/components}/Header/Settings/index.d.ts +0 -0
  51. /package/dist/{components → builder/components}/Header/SwitchTheme/index.d.ts +0 -0
  52. /package/dist/{components → builder/components}/Header/index.d.ts +0 -0
  53. /package/dist/{components → builder/components}/Navbar/ExitButton/index.d.ts +0 -0
  54. /package/dist/{components → builder/components}/Navbar/index.d.ts +0 -0
  55. /package/dist/{components → builder/components}/Preview/PreviewBlockSidebar/index.d.ts +0 -0
  56. /package/dist/{components → builder/components}/Preview/PreviewContent/index.d.ts +0 -0
  57. /package/dist/{components → builder/components}/Preview/PreviewHeader/index.d.ts +0 -0
  58. /package/dist/{components → builder/components}/Preview/Render/index.d.ts +0 -0
  59. /package/dist/{components → builder/components}/Preview/index.d.ts +0 -0
  60. /package/dist/{components → builder/components}/Sidebar/AddSections/RenderBlockSettings/index.d.ts +0 -0
  61. /package/dist/{components → builder/components}/Sidebar/AddSections/SearchSections/index.d.ts +0 -0
  62. /package/dist/{components → builder/components}/Sidebar/AddSections/index.d.ts +0 -0
  63. /package/dist/{components → builder/components}/Sidebar/Layers/FooterLayer/index.d.ts +0 -0
  64. /package/dist/{components → builder/components}/Sidebar/Layers/HeaderLayer/index.d.ts +0 -0
  65. /package/dist/{components → builder/components}/Sidebar/Layers/index.d.ts +0 -0
  66. /package/dist/{components → builder/components}/Sidebar/Settings/index.d.ts +0 -0
  67. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Colors/index.d.ts +0 -0
  68. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Fonts/index.d.ts +0 -0
  69. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Inputs/index.d.ts +0 -0
  70. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Item/Border/index.d.ts +0 -0
  71. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Item/Button/index.d.ts +0 -0
  72. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Item/Font/index.d.ts +0 -0
  73. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/Item/index.d.ts +0 -0
  74. /package/dist/{components → builder/components}/Sidebar/Theme/ThemeSettings/index.d.ts +0 -0
  75. /package/dist/{components → builder/components}/Sidebar/Theme/index.d.ts +0 -0
  76. /package/dist/{components → builder/components}/Sidebar/index.d.ts +0 -0
  77. /package/dist/{components → builder/components}/index.d.ts +0 -0
  78. /package/dist/{components → builder/components}/layout.d.ts +0 -0
  79. /package/dist/{constants → builder/constants}/api.d.ts +0 -0
  80. /package/dist/{constants → builder/constants}/device.d.ts +0 -0
  81. /package/dist/{constants → builder/constants}/font.d.ts +0 -0
  82. /package/dist/{constants → builder/constants}/icon.d.ts +0 -0
  83. /package/dist/{constants → builder/constants}/navbar.d.ts +0 -0
  84. /package/dist/{constants → builder/constants}/pages.d.ts +0 -0
  85. /package/dist/{store → builder/store}/useChooseImageStore.d.ts +0 -0
  86. /package/dist/{store → builder/store}/useColorPickerStore.d.ts +0 -0
  87. /package/dist/{store → builder/store}/useFontsStore.d.ts +0 -0
  88. /package/dist/{store → builder/store}/useHistoryState.d.ts +0 -0
  89. /package/dist/{store → builder/store}/usePreviewStore.d.ts +0 -0
  90. /package/dist/{store → builder/store}/useShareLinkStore.d.ts +0 -0
  91. /package/dist/{store → builder/store}/useSubmodalStore.d.ts +0 -0
  92. /package/dist/{shared → builder}/ui/Button/index.d.ts +0 -0
  93. /package/dist/{ui → builder/ui}/ChooseImage/index.d.ts +0 -0
  94. /package/dist/{shared → builder}/ui/ColorPicker/index.d.ts +0 -0
  95. /package/dist/{shared → builder}/ui/ColorPicker/modal.d.ts +0 -0
  96. /package/dist/{shared → builder}/ui/ErrorableBlock/index.d.ts +0 -0
  97. /package/dist/{shared → builder}/ui/Input/index.d.ts +0 -0
  98. /package/dist/{shared → builder}/ui/Loader/index.d.ts +0 -0
  99. /package/dist/{shared → builder}/ui/Modal/index.d.ts +0 -0
  100. /package/dist/{shared → builder}/ui/Radio/index.d.ts +0 -0
  101. /package/dist/{shared → builder}/ui/Select/index.d.ts +0 -0
  102. /package/dist/{shared → builder}/ui/Submodal/index.d.ts +0 -0
  103. /package/dist/{shared → builder}/ui/Switch/index.d.ts +0 -0
  104. /package/dist/{shared → builder}/ui/Textarea/index.d.ts +0 -0
  105. /package/dist/{shared/lib → builder/utils}/formatLabel.d.ts +0 -0
  106. /package/dist/{shared/lib → lib}/checkAuth.d.ts +0 -0
  107. /package/dist/{shared/lib → lib}/clearQueryParams.d.ts +0 -0
  108. /package/dist/{shared/lib → lib}/generateDynamicStyles.d.ts +0 -0
  109. /package/dist/{shared/lib → lib}/getDynamicRoutes.d.ts +0 -0
  110. /package/dist/{shared/lib → lib}/injectStylesToDOM.d.ts +0 -0
  111. /package/dist/{shared/ui → ui}/Accordion/index.d.ts +0 -0
  112. /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_ojbir_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_ojbir_1:disabled{opacity:.7;cursor:auto}._primary_ojbir_13{color:#fff;background-color:#ff3f19}._secondary_ojbir_18{color:var(--accent-color);background-color:var(--background-color)}._content_ojbir_23{display:flex;flex-direction:row;gap:4px;align-items:center}._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_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_19jn3_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:8px;border-radius:12px}._text_19jn3_10{flex:1 1 auto;line-height:20px;font-size:14px}._warning_19jn3_16{background:#faf8e6;color:#c1972a}._error_19jn3_21{background:#ffc3b7;color:#ff3f19}._hide_19jn3_26{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_douh4_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;position:relative}._main_douh4_10{display:flex;flex-direction:column;gap:0px;width:100%;position:relative}._content_douh4_18{display:flex;flex-direction:row;gap:0px;position:relative;height:100%}*,: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_iklta_1{display:flex;flex-direction:row;gap:0px;align-items:center;padding:10px;background-color:var(--background-color);border-radius:12px;color:var(--accent-color);cursor:pointer;position:relative}._login_iklta_14{padding:12px 16px}._signUp_iklta_18{background-color:#ff3f19;color:#fff}._buttons_iklta_23{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px}._modal_iklta_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_iklta_48{display:flex;flex-direction:row;gap:8px;align-items:center}._top_iklta_55{display:flex;flex-direction:row;padding:26px 24px;border-bottom:var(--default-border);align-items:center;justify-content:space-between;gap:8px}._title_iklta_66{font-size:20px;font-weight:700;line-height:24px}._clear_iklta_72{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_iklta_79{color:#ff3f19}._count_iklta_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_iklta_98{display:flex;flex-direction:column;gap:0px;height:calc(100% - 76px);width:100%}._empty_iklta_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_iklta_106 div{padding-bottom:16px}._empty_iklta_106 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_iklta_106 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_iklta_132{display:flex;flex-direction:row;gap:0px;padding:26px 24px;align-items:center;justify-content:space-between}._products_iklta_141{display:flex;flex-direction:column;gap:0px;flex:1 1 auto;overflow-y:scroll}._image_iklta_149{width:56px;height:56px;border-radius:12px}._productInfo_iklta_155{display:flex;flex-direction:row;gap:12px;align-items:center}._content_iklta_162{display:flex;flex-direction:column;gap:4px}._name_iklta_168{font-size:16px;font-weight:600;line-height:24px}._price_iklta_174{font-size:16px;font-weight:400;line-height:24px}._productButtons_iklta_180{display:flex;flex-direction:row;gap:5px;align-items:center}._productButton_iklta_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_iklta_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_iklta_216{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_iklta_224{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._block_iklta_232{display:flex;flex-direction:row;gap:10px;align-items:center}._shoppingCount_iklta_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_iklta_259{font-size:20px;font-weight:700;line-height:24px}._link_iklta_265{font-size:16px;font-weight:400;line-height:24px;color:#ff3f19}._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 F, o as J, p as T, q as X, r as $, f as Qe, j as e, L as Ae, s as Ke, t as Ye, E as Ce, w as Je, x as Ze, c as P, I as _, y as Re, z as Z, A as et, B as Y, F as tt, G as _e, J as nt, K as we, N as Ie, O as G, h as ot, D as st, H as rt, u as at, d as it, i as ce, k as lt, a as R, b as re, Q as fe, S as Le, P as Ne, U as Ee, V as ct, T as dt, R as ut, W as ht, M as Te, m as gt, X as ve, Y as Pe, Z as pt, e as mt, _ as St, $ as bt, a0 as Ct, a1 as ft, a2 as _t, a3 as wt, a4 as vt, a5 as xt, a6 as kt } from "./index-BI8lyvsO.js";
3
- import S, { useMemo as Oe } from "react";
4
- const O = (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)}}._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}._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}._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}._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}*,: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_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_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}._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}._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 Te, G as tt, k as M, l as $, m as X, n as K, j as e, o as I, f as nt, L as ye, p as ot, q as st, r as at, s as rt, c as T, I as C, t as qe, w as ee, x as it, B as Z, y as Ge, z as lt, E as je, F as ct, J as pe, K as Fe, D as dt, H as ut, u as ht, d as pt, a as O, b as ie, N as ve, S as $e, O as ze, P as gt, T as mt, Q as St, M as De, h as _t, e as bt, R as ft, U as Ct, V as wt, W as vt, X as xt, Y as kt, Z as yt, _ as jt, $ as Bt } from "./index-BJq5RiR5.js";
3
+ import m, { useMemo as We } from "react";
4
+ const At = [
5
5
  {
6
6
  icon: "Desktop",
7
7
  value: "desktop"
@@ -14,7 +14,7 @@ const O = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
14
14
  icon: "DeviceMobileCamera",
15
15
  value: "mobile"
16
16
  }
17
- ], jt = [
17
+ ], Lt = [
18
18
  {
19
19
  icon: "PaintBrushBroad",
20
20
  name: "Colors"
@@ -35,7 +35,7 @@ const O = (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 O = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
43
43
  "product",
44
44
  "ticket",
45
45
  "login"
46
- ], xe = {
46
+ ], Be = {
47
47
  home: {
48
48
  path: "/",
49
49
  name: "home",
@@ -114,119 +114,207 @@ const O = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
114
114
  },
115
115
  visibility: "public"
116
116
  }
117
- }, qr = ["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 Bt() {
117
+ }, Lr = ["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"], Pt = "_buttons_uu72s_1", Nt = "_button_uu72s_1", Tt = "_disabled_uu72s_17", le = {
118
+ buttons: Pt,
119
+ button: Nt,
120
+ disabled: Tt
121
+ };
122
+ async function te(t, n) {
123
+ const o = localStorage.getItem("shopId") || void 0, s = `${Te}/${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 Ft() {
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 $t() {
153
+ try {
154
+ const { data: t } = await ke.get(
155
+ `${tt}?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 Pr() {
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: b, activeBlock: u } = X.getState(), { settings: p, setSettings: h } = K.getState();
173
+ if (h(p), !u && b && 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 (!b.blockSettings)
184
+ throw new Error("currentInstance.blockSettings is undefined.");
185
+ if (Object.keys(b.blockSettings).filter((j) => !["displayName", "isAddable"].includes(j)).forEach((j) => {
186
+ c.blockSettings[j] = b.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 Dt() {
203
+ const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), o = `${Te}/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 Mt() {
211
+ const t = localStorage.getItem("shopId") || void 0, n = localStorage.getItem("draftId") || void 0, o = `${Te}/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 Ht() {
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 Dt(), o && localStorage.setItem("sellerAccessToken", o), n && localStorage.setItem("shopId", n), s && localStorage.setItem("draftId", s), !!(o && n && s);
222
+ return Wt(), o && localStorage.setItem("sellerAccessToken", o), n && localStorage.setItem("shopId", n), s && localStorage.setItem("draftId", s), !!(o && n && s);
122
223
  }
123
- const At = "_wrapper_1dfbs_1", Pt = "_main_1dfbs_9", Lt = "_loading_1dfbs_13", be = {
124
- wrapper: At,
125
- main: Pt,
126
- loading: Lt
127
- }, Ue = ({ render: t, block: n }) => t(n), qe = () => {
128
- const { footer: t } = F(), { settings: n } = J(), { pageContext: o } = T();
224
+ const It = "_wrapper_1dfbs_1", Rt = "_main_1dfbs_9", Et = "_loading_1dfbs_13", we = {
225
+ wrapper: It,
226
+ main: Rt,
227
+ loading: Et
228
+ }, Ve = ({ render: t, block: n }) => t(n), Xe = () => {
229
+ const { footer: t } = M(), { settings: n } = K(), { pageContext: o } = $();
129
230
  return t == null ? void 0 : t.renderBlock(n, o);
130
- }, Ge = () => {
131
- const { header: t } = F(), { settings: n } = J(), { pageContext: o } = T();
231
+ }, Ye = () => {
232
+ const { header: t } = M(), { settings: n } = K(), { pageContext: o } = $();
132
233
  return t == null ? void 0 : t.renderBlock(n, o);
133
- }, Nt = ({ pagePath: t }) => {
134
- const { sourceBlocks: n } = X(), [o, s] = S.useState(null), [i, a] = S.useState(!0), [r, l] = S.useState(null), { setThemeSettings: d } = $(), [C, u] = S.useState(), { addProducts: m } = Qe();
135
- S.useEffect(() => {
234
+ }, Ot = "_wrapper_5w9s8_1", Ut = {
235
+ wrapper: Ot
236
+ }, xe = (t) => {
237
+ const { error: n } = t;
238
+ return /* @__PURE__ */ e.jsx("div", { className: Ut.wrapper, children: n });
239
+ }, qt = ({ pagePath: t }) => {
240
+ const { sourceBlocks: n } = X(), [o, s] = m.useState(null), [i, a] = m.useState(!0), [r, l] = m.useState(null), { setThemeSettings: d, themeSettings: b } = I(), [u, p] = m.useState(null), { settings: h } = K(), { addProducts: c } = nt();
241
+ m.useEffect(() => {
136
242
  a(!0), (async () => {
137
- const p = await Ke(encodeURIComponent(t));
138
- if (p) {
139
- l(p.layout);
140
- const { settings: x, theme: f } = await Ye();
141
- d(f), u(x), s({
142
- products: p.products,
143
- reviews: p.reviews,
144
- categories: p.categories,
145
- faqs: p.faqs,
146
- listings: p.listings
147
- }), await m(p.products);
243
+ const A = await ot(encodeURIComponent(t));
244
+ if (A) {
245
+ const { data: g } = A;
246
+ l(g.layout);
247
+ const { settings: x, theme: S } = (await st()).data;
248
+ p(x || h), d(S || b), s({
249
+ products: g.products,
250
+ reviews: g.reviews,
251
+ categories: g.categories,
252
+ faqs: g.faqs,
253
+ listings: g.listings
254
+ }), await c(g.products);
148
255
  }
149
256
  a(!1);
150
257
  })();
151
258
  }, [t]);
152
- const h = (c) => {
153
- if (!c || !c.name)
154
- return /* @__PURE__ */ e.jsx(Ce, { error: "Block or block.name is undefined." });
155
- if (!n || !n[c.name])
156
- return /* @__PURE__ */ e.jsx(Ce, { error: `Block "${c.name}" does not exist in blocks.` });
157
- const p = new n[c.name]();
158
- return c.value && Object.assign(p, c.value), p.renderBlock(C, o);
259
+ const j = (L) => {
260
+ if (!L || !L.name)
261
+ return /* @__PURE__ */ e.jsx(xe, { error: "Block or block.name is undefined." });
262
+ if (!n || !n[L.name])
263
+ return /* @__PURE__ */ e.jsx(xe, { error: `Block "${L.name}" does not exist in blocks.` });
264
+ const A = new n[L.name]();
265
+ return L.value && Object.assign(A, L.value), A.renderBlock(u, o);
159
266
  };
160
- return !i && r === null ? /* @__PURE__ */ e.jsx(Tt, {}) : /* @__PURE__ */ e.jsxs("div", { className: be.wrapper, children: [
161
- /* @__PURE__ */ e.jsx(Ge, {}),
162
- !i && r ? /* @__PURE__ */ e.jsx("div", { className: be.main, children: Object.keys(r).map((c) => /* @__PURE__ */ e.jsx(
163
- Ue,
267
+ return !i && r === null ? /* @__PURE__ */ e.jsx(Gt, {}) : /* @__PURE__ */ e.jsxs("div", { className: we.wrapper, children: [
268
+ /* @__PURE__ */ e.jsx(Ye, {}),
269
+ !i && r ? /* @__PURE__ */ e.jsx("div", { className: we.main, children: Object.keys(r).map((L) => /* @__PURE__ */ e.jsx(
270
+ Ve,
164
271
  {
165
- block: r[c],
166
- render: h
272
+ block: r[L],
273
+ render: j
167
274
  },
168
- c
169
- )) }) : /* @__PURE__ */ e.jsx("div", { className: be.loading, children: /* @__PURE__ */ e.jsx(Ae, {}) }),
170
- /* @__PURE__ */ e.jsx(qe, {})
275
+ L
276
+ )) }) : /* @__PURE__ */ e.jsx("div", { className: we.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }),
277
+ /* @__PURE__ */ e.jsx(Xe, {})
171
278
  ] });
172
- }, Tt = () => /* @__PURE__ */ e.jsx("div", { className: be.notFound, children: "Page Not Found" });
173
- function Ft() {
174
- const t = Je();
175
- return /* @__PURE__ */ e.jsx(Nt, { pagePath: t.pathname });
279
+ }, Gt = () => /* @__PURE__ */ e.jsx("div", { className: we.notFound, children: "Page Not Found" });
280
+ function zt() {
281
+ const t = at();
282
+ return /* @__PURE__ */ e.jsx(qt, { pagePath: t.pathname });
176
283
  }
177
- const Dt = () => {
284
+ const Wt = () => {
178
285
  const t = new URL(window.location.href);
179
286
  window.history.replaceState(null, "", t.pathname + t.hash);
180
- }, $t = (t) => {
181
- let n = "";
182
- const o = {
183
- brand: "color",
184
- background: "background-color",
185
- text_icons: "color",
186
- lines: "border-color",
187
- others: "color"
188
- };
189
- if (t.colors && Object.entries(t.colors).forEach(([s, i]) => {
190
- Object.entries(i).forEach(([a, r]) => {
191
- const l = o[s] || "color";
192
- n += `
193
- .${s}_${a} {
194
- ${l}: ${r};
195
- }
196
- `;
287
+ }, Vt = (t) => {
288
+ let n = `:root {
289
+ `;
290
+ if (t.colors && Object.entries(t.colors).forEach(([o, s]) => {
291
+ Object.entries(s).forEach(([i, a]) => {
292
+ n += ` --${o}-${i}: ${a};
293
+ `;
197
294
  });
198
- }), t.fonts && Object.entries(t.fonts).forEach(([s, i]) => {
199
- typeof i == "object" && Object.entries(i).forEach(([a, r]) => {
200
- r && (n += `
201
- .dynamic-font_${s}_${a} {
202
- font-family: ${r.font};
203
- font-size: ${r.size}px;
204
- font-weight: ${r.weight};
205
- }
206
- `);
295
+ }), t.fonts && Object.entries(t.fonts).forEach(([o, s]) => {
296
+ typeof s == "object" && Object.entries(s).forEach(([i, a]) => {
297
+ a && (n += ` --font-${o}-${i}-family: ${a.font};
298
+ `, n += ` --font-${o}-${i}-size: ${a.size}px;
299
+ `, n += ` --font-${o}-${i}-weight: ${a.weight};
300
+ `);
207
301
  });
208
302
  }), t.buttons) {
209
- const { buttons: s } = t;
210
- n += `
211
- .dynamic-button {
212
- font-size: ${s.size}px;
213
- height: ${s.height}px;
214
- border-radius: ${s.radius}px;
215
- text-align: ${s.alignment};
216
- }
217
- `;
303
+ const { buttons: o } = t;
304
+ n += ` --button-size: ${o.size}px;
305
+ `, n += ` --button-height: ${o.height}px;
306
+ `, n += ` --button-radius: ${o.radius}px;
307
+ `, n += ` --button-alignment: ${o.alignment};
308
+ `;
218
309
  }
219
310
  if (t.borders) {
220
- const { borders: s } = t;
221
- n += `
222
- .dynamic-border {
223
- border-radius: ${s.radius}px;
224
- border-width: ${s.thickness}px;
225
- }
226
- `;
311
+ const { borders: o } = t;
312
+ n += ` --border-radius: ${o.radius}px;
313
+ `, n += ` --border-thickness: ${o.thickness}px;
314
+ `;
227
315
  }
228
- return n;
229
- }, Mt = (t) => {
316
+ return n += "}", n;
317
+ }, Xt = (t) => {
230
318
  const n = document.getElementById("dynamic-styles");
231
319
  if (n)
232
320
  n.innerHTML = t;
@@ -234,25 +322,21 @@ const Dt = () => {
234
322
  const o = document.createElement("style");
235
323
  o.id = "dynamic-styles", o.innerHTML = t, document.head.appendChild(o);
236
324
  }
237
- }, Ht = "_buttons_uu72s_1", Rt = "_button_uu72s_1", It = "_disabled_uu72s_17", ae = {
238
- buttons: Ht,
239
- button: Rt,
240
- disabled: It
241
- }, Et = () => {
242
- const { undo: t, redo: n, past: o, future: s } = Ze(), [i, a] = S.useState(!1), [r, l] = S.useState(!1);
243
- return S.useEffect(() => {
325
+ }, Yt = () => {
326
+ const { undo: t, redo: n, past: o, future: s } = rt(), [i, a] = m.useState(!1), [r, l] = m.useState(!1);
327
+ return m.useEffect(() => {
244
328
  a(o.length === 0);
245
- }, [o]), S.useEffect(() => {
329
+ }, [o]), m.useEffect(() => {
246
330
  l(s.length === 0);
247
- }, [s]), /* @__PURE__ */ e.jsxs("div", { className: ae.buttons, children: [
331
+ }, [s]), /* @__PURE__ */ e.jsxs("div", { className: le.buttons, children: [
248
332
  /* @__PURE__ */ e.jsx(
249
333
  "div",
250
334
  {
251
- className: P(ae.button, {
252
- [ae.disabled]: i
335
+ className: T(le.button, {
336
+ [le.disabled]: i
253
337
  }),
254
338
  children: /* @__PURE__ */ e.jsx(
255
- _,
339
+ C,
256
340
  {
257
341
  name: "ArrowUUpLeft",
258
342
  width: 20,
@@ -268,11 +352,11 @@ const Dt = () => {
268
352
  /* @__PURE__ */ e.jsx(
269
353
  "div",
270
354
  {
271
- className: P(ae.button, {
272
- [ae.disabled]: r
355
+ className: T(le.button, {
356
+ [le.disabled]: r
273
357
  }),
274
358
  children: /* @__PURE__ */ e.jsx(
275
- _,
359
+ C,
276
360
  {
277
361
  name: "ArrowUUpRight",
278
362
  width: 20,
@@ -286,21 +370,21 @@ const Dt = () => {
286
370
  }
287
371
  )
288
372
  ] });
289
- }, Ot = "_devices_1b6y1_1", Ut = "_device_1b6y1_1", qt = "_active_1b6y1_26", ke = {
290
- devices: Ot,
291
- device: Ut,
292
- active: qt
293
- }, Gt = () => {
294
- const { currentDevice: t, setCurrentDevice: n } = Re();
295
- return /* @__PURE__ */ e.jsx("div", { className: ke.devices, children: yt.map((o) => /* @__PURE__ */ e.jsx(
373
+ }, Qt = "_devices_1b6y1_1", Kt = "_device_1b6y1_1", Jt = "_active_1b6y1_26", Ae = {
374
+ devices: Qt,
375
+ device: Kt,
376
+ active: Jt
377
+ }, Zt = () => {
378
+ const { currentDevice: t, setCurrentDevice: n } = qe();
379
+ return /* @__PURE__ */ e.jsx("div", { className: Ae.devices, children: At.map((o) => /* @__PURE__ */ e.jsx(
296
380
  "div",
297
381
  {
298
- className: P(ke.device, {
299
- [ke.active]: t.value === o.value
382
+ className: T(Ae.device, {
383
+ [Ae.active]: t.value === o.value
300
384
  }),
301
385
  onClick: () => n(o),
302
386
  children: /* @__PURE__ */ e.jsx(
303
- _,
387
+ C,
304
388
  {
305
389
  name: o.icon,
306
390
  fill: t.value === o.value ? "#252525" : "#757575",
@@ -311,48 +395,48 @@ const Dt = () => {
311
395
  },
312
396
  o.value
313
397
  )) });
314
- }, zt = "_header_2d8xd_1", Wt = "_left_2d8xd_13", Vt = "_right_2d8xd_14", he = {
315
- header: zt,
316
- left: Wt,
317
- right: Vt
318
- }, Xt = "_preview_93shy_2", Qt = "_active_93shy_23", ye = {
319
- preview: Xt,
320
- active: Qt
321
- }, Kt = () => {
322
- const { onPreview: t, setOnPreview: n } = Z();
398
+ }, en = "_header_2d8xd_1", tn = "_left_2d8xd_13", nn = "_right_2d8xd_14", me = {
399
+ header: en,
400
+ left: tn,
401
+ right: nn
402
+ }, on = "_preview_93shy_2", sn = "_active_93shy_23", Le = {
403
+ preview: on,
404
+ active: sn
405
+ }, an = () => {
406
+ const { onPreview: t, setOnPreview: n } = ee();
323
407
  return /* @__PURE__ */ e.jsxs(
324
408
  "div",
325
409
  {
326
- className: P(ye.preview, {
327
- [ye.active]: t
410
+ className: T(Le.preview, {
411
+ [Le.active]: t
328
412
  }),
329
413
  onClick: () => n(!t),
330
414
  children: [
331
415
  /* @__PURE__ */ e.jsx(
332
- _,
416
+ C,
333
417
  {
334
418
  name: "ArrowUpRight",
335
419
  width: 20,
336
420
  height: 20
337
421
  }
338
422
  ),
339
- /* @__PURE__ */ e.jsx("span", { className: ye.text, children: "Preview" })
423
+ /* @__PURE__ */ e.jsx("span", { className: Le.text, children: "Preview" })
340
424
  ]
341
425
  }
342
426
  );
343
- }, Yt = "_settings_u4cv4_1", Jt = {
344
- settings: Yt
345
- }, Zt = "_pages_1mwe1_1", en = "_text_1mwe1_17", tn = "_modal_1mwe1_23", nn = "_page_1mwe1_1", on = "_hoverable_1mwe1_49", sn = "_separator_1mwe1_53", rn = "_button_1mwe1_57", an = "_items_1mwe1_72", z = {
346
- pages: Zt,
427
+ }, rn = "_settings_u4cv4_1", ln = {
428
+ settings: rn
429
+ }, cn = "_pages_1mwe1_1", dn = "_text_1mwe1_17", un = "_modal_1mwe1_23", hn = "_page_1mwe1_1", pn = "_hoverable_1mwe1_49", gn = "_separator_1mwe1_53", mn = "_button_1mwe1_57", Sn = "_items_1mwe1_72", z = {
430
+ pages: cn,
347
431
  default: "_default_1mwe1_5",
348
- text: en,
349
- modal: tn,
350
- page: nn,
351
- hoverable: on,
352
- separator: sn,
353
- button: rn,
354
- items: an
355
- }, ln = () => {
432
+ text: dn,
433
+ modal: un,
434
+ page: hn,
435
+ hoverable: pn,
436
+ separator: gn,
437
+ button: mn,
438
+ items: Sn
439
+ }, _n = () => {
356
440
  const {
357
441
  currentPage: t,
358
442
  setCurrentPage: n,
@@ -363,8 +447,8 @@ const Dt = () => {
363
447
  deletePage: r,
364
448
  isOpenSelectModal: l,
365
449
  setIsOpenSelectModal: d
366
- } = T(), { deletePage: C } = F(), [u, m] = S.useState("");
367
- return S.useEffect(() => {
450
+ } = $(), { deletePage: b } = M(), [u, p] = m.useState("");
451
+ return m.useEffect(() => {
368
452
  const h = () => {
369
453
  d(!1);
370
454
  };
@@ -381,7 +465,7 @@ const Dt = () => {
381
465
  },
382
466
  children: [
383
467
  /* @__PURE__ */ e.jsx(
384
- _,
468
+ C,
385
469
  {
386
470
  name: s && s[t] && s[t].icon || "File",
387
471
  fill: "#252525",
@@ -389,9 +473,9 @@ const Dt = () => {
389
473
  height: 20
390
474
  }
391
475
  ),
392
- /* @__PURE__ */ e.jsx("span", { className: z.text, children: s && s[t] && de.includes(s[t].name) ? `${O(s[t].name)} page` : s && s[t] && s[t].name }),
476
+ /* @__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 }),
393
477
  /* @__PURE__ */ e.jsx(
394
- _,
478
+ C,
395
479
  {
396
480
  name: "CaretDown",
397
481
  width: 20,
@@ -412,47 +496,47 @@ const Dt = () => {
412
496
  return /* @__PURE__ */ e.jsxs(
413
497
  "div",
414
498
  {
415
- className: P(z.page, {
499
+ className: T(z.page, {
416
500
  [z.hoverable]: u === h
417
501
  }),
418
- onMouseEnter: () => m(h),
419
- onMouseLeave: () => m(""),
502
+ onMouseEnter: () => p(h),
503
+ onMouseLeave: () => p(""),
420
504
  onClick: () => {
421
- m(""), i(!1), n(h), d(!1);
505
+ p(""), i(!1), n(h), d(!1);
422
506
  },
423
507
  children: [
424
508
  /* @__PURE__ */ e.jsx(
425
- _,
509
+ C,
426
510
  {
427
511
  name: c.icon,
428
512
  fill: "#252525"
429
513
  }
430
514
  ),
431
- /* @__PURE__ */ e.jsx("span", { className: z.text, children: de.includes(c.name) ? `${O(c.name)} page` : c.name }),
515
+ /* @__PURE__ */ e.jsx("span", { className: z.text, children: he.includes(c.name) ? `${G(c.name)} page` : c.name }),
432
516
  u === h && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
433
517
  /* @__PURE__ */ e.jsx(
434
- _,
518
+ C,
435
519
  {
436
520
  name: "Gear",
437
521
  fill: "#757575",
438
- onClick: (p) => {
439
- p.stopPropagation(), i(!0), a(h), o(!0);
522
+ onClick: (j) => {
523
+ j.stopPropagation(), i(!0), a(h), o(!0);
440
524
  }
441
525
  }
442
526
  ),
443
- !de.includes(c.name) && /* @__PURE__ */ e.jsx(
444
- _,
527
+ !he.includes(c.name) && /* @__PURE__ */ e.jsx(
528
+ C,
445
529
  {
446
530
  name: "Trash",
447
531
  fill: "#C12A2A",
448
- onClick: (p) => {
449
- s[t].path === c.name && n("/"), p.stopPropagation(), r(h), C(c.name), et(c.path);
532
+ onClick: (j) => {
533
+ s[t].path === c.name && n("/"), j.stopPropagation(), r(h), b(c.name), it(c.path);
450
534
  }
451
535
  }
452
536
  )
453
537
  ] }),
454
538
  s[t] && s[t].path === c.name && /* @__PURE__ */ e.jsx(
455
- _,
539
+ C,
456
540
  {
457
541
  name: "Check",
458
542
  fill: "#FF3F19"
@@ -465,7 +549,7 @@ const Dt = () => {
465
549
  }) }),
466
550
  /* @__PURE__ */ e.jsx("div", { className: z.separator }),
467
551
  /* @__PURE__ */ e.jsxs(
468
- Y,
552
+ Z,
469
553
  {
470
554
  className: z.button,
471
555
  onClick: (h) => {
@@ -474,7 +558,7 @@ const Dt = () => {
474
558
  size: "l",
475
559
  children: [
476
560
  /* @__PURE__ */ e.jsx(
477
- _,
561
+ C,
478
562
  {
479
563
  name: "Plus",
480
564
  fill: "#ff3f19"
@@ -488,17 +572,17 @@ const Dt = () => {
488
572
  }
489
573
  )
490
574
  ] });
491
- }, cn = "_zoom_1q1ud_1", dn = {
492
- zoom: cn
493
- }, un = () => {
494
- const [t, n] = S.useState(), o = () => {
575
+ }, bn = "_zoom_1q1ud_1", fn = {
576
+ zoom: bn
577
+ }, Cn = () => {
578
+ const [t, n] = m.useState(), o = () => {
495
579
  n(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
496
580
  };
497
- return S.useEffect(() => (o(), window.addEventListener("resize", o), () => {
581
+ return m.useEffect(() => (o(), window.addEventListener("resize", o), () => {
498
582
  window.removeEventListener("resize", o);
499
- }), []), /* @__PURE__ */ e.jsxs("div", { className: dn.zoom, children: [
583
+ }), []), /* @__PURE__ */ e.jsxs("div", { className: fn.zoom, children: [
500
584
  /* @__PURE__ */ e.jsx(
501
- _,
585
+ C,
502
586
  {
503
587
  name: "MagnifyingGlassMinus",
504
588
  width: 20,
@@ -510,14 +594,14 @@ const Dt = () => {
510
594
  " %"
511
595
  ] })
512
596
  ] });
513
- }, hn = () => /* @__PURE__ */ e.jsxs("div", { className: Jt.settings, children: [
514
- /* @__PURE__ */ e.jsx(ln, {}),
515
- /* @__PURE__ */ e.jsx(un, {})
516
- ] }), gn = "_theme_1jz2h_1", pn = {
517
- theme: gn
518
- }, mn = () => /* @__PURE__ */ e.jsxs("div", { className: pn.theme, children: [
597
+ }, wn = () => /* @__PURE__ */ e.jsxs("div", { className: ln.settings, children: [
598
+ /* @__PURE__ */ e.jsx(_n, {}),
599
+ /* @__PURE__ */ e.jsx(Cn, {})
600
+ ] }), vn = "_theme_1jz2h_1", xn = {
601
+ theme: vn
602
+ }, kn = () => /* @__PURE__ */ e.jsxs("div", { className: xn.theme, children: [
519
603
  /* @__PURE__ */ e.jsx(
520
- _,
604
+ C,
521
605
  {
522
606
  name: "Check",
523
607
  width: 18,
@@ -525,140 +609,142 @@ const Dt = () => {
525
609
  }
526
610
  ),
527
611
  /* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
528
- ] }), Sn = () => {
529
- const { themeSettings: t } = $(), { settings: n } = J(), { isOpenSelectModal: o } = T(), [s, i] = S.useState(null), [a, r] = S.useState(!1), { pages: l } = T(), { blocks: d } = F();
530
- function C(p, x) {
612
+ ] }), yn = () => {
613
+ const { themeSettings: t } = I(), { settings: n } = K(), { isOpenSelectModal: o } = $(), [s, i] = m.useState(null), [a, r] = m.useState(!1), [l, d] = m.useState(!1), { setNotification: b } = Ge(), { pages: u } = $(), { blocks: p } = M();
614
+ function h(g, x) {
531
615
  try {
532
616
  return x.map((w) => {
533
- if (!w.value || !w.value.blockSettings)
534
- throw new Error("block.value or block.value.blockSettings is undefined.");
535
- return Object.values(w.value.blockSettings).filter((L) => L && L.type === p).map((L) => {
536
- if (!L.value)
617
+ if (!w.value || !w.value.blockSettings) {
618
+ console.error("block.value or block.value.blockSettings is undefined.");
619
+ return;
620
+ }
621
+ return Object.values(w.value.blockSettings).filter((B) => B && B.type === g).map((B) => {
622
+ if (!B.value)
537
623
  throw new Error("item.value is undefined.");
538
- return L.value;
624
+ return B.value;
539
625
  }).flat();
540
- }).flat().map((w) => {
541
- if (!w.listingId)
542
- throw new Error("item.listingId is undefined.");
543
- return w.listingId;
544
- });
545
- } catch (f) {
546
- return console.error("Error in getValues function:", f), [];
626
+ }).flat().filter((w) => w).map((w) => w.listingId);
627
+ } catch (S) {
628
+ return console.error("Error in getValues function:", S), [];
547
629
  }
548
630
  }
549
- function u(p, x) {
550
- return C(p, x).some((w) => w);
631
+ function c(g, x) {
632
+ return h(g, x).some((w) => w);
551
633
  }
552
- function m(p, x) {
553
- const f = C(p, x);
554
- return Array.isArray(f) && f.length > 0 ? Math.max(...f) : 0;
634
+ function j(g, x) {
635
+ const S = h(g, x);
636
+ return Array.isArray(S) && S.length > 0 ? Math.max(...S) : 0;
555
637
  }
556
- function h(p) {
557
- if (l) {
558
- const x = Object.keys(l).find((f) => l[f].name === p);
559
- if (x) return l[x];
638
+ function L(g) {
639
+ if (u) {
640
+ const x = Object.keys(u).find((S) => u[S].name === g);
641
+ if (x) return u[x];
560
642
  }
561
643
  return null;
562
644
  }
563
- const c = () => {
645
+ const A = async () => {
564
646
  if (a)
565
647
  s && clearTimeout(s);
566
648
  else {
567
- const x = Object.keys(d).map((f) => {
568
- const w = h(f);
649
+ d(!0);
650
+ const x = Object.keys(p).map((w) => {
651
+ const v = L(w);
569
652
  return {
570
- name: w ? w.name : f,
571
- path: (w == null ? void 0 : w.path) || f,
653
+ name: v ? v.name : w,
654
+ path: (v == null ? void 0 : v.path) || w,
572
655
  layout: {
573
- ...d[f]
656
+ ...p[w]
574
657
  },
575
- neededProductIds: [...C("ProductId", Object.values(d[f]))],
576
- neededCategoryIds: [...C("CategoryId", Object.values(d[f]))],
577
- neededAnnouncementIds: [...C("AnnouncementId", Object.values(d[f]))],
578
- neededListingIds: [...C("listings", Object.values(d[f]))],
579
- neededFaqs: u("Faqs", Object.values(d[f])),
580
- neededReviewCount: m("ReviewCount", Object.values(d[f])),
658
+ neededProductIds: [...h("ProductId", Object.values(p[w]))],
659
+ neededCategoryIds: [...h("CategoryId", Object.values(p[w]))],
660
+ neededAnnouncementIds: [...h("AnnouncementId", Object.values(p[w]))],
661
+ neededListingIds: [...h("ListingIds", Object.values(p[w]))],
662
+ neededFaqs: c("Faqs", Object.values(p[w])),
663
+ neededReviewCount: j("ReviewCount", Object.values(p[w])),
581
664
  seo: {
582
- pageTitle: w && w.seo && w.seo.title ? w.seo.title : "",
583
- pageDescription: w && w.seo && w.seo.description ? w.seo.description : ""
665
+ pageTitle: v && v.seo && v.seo.title ? v.seo.title : "",
666
+ pageDescription: v && v.seo && v.seo.description ? v.seo.description : ""
584
667
  }
585
668
  };
586
- });
587
- tt("post", "save", {
669
+ }), { status: S } = await lt("post", "save", {
588
670
  themeSettings: t,
589
671
  settings: n,
590
672
  updatedPages: x
591
673
  });
674
+ b({
675
+ message: S === 200 ? "Settings saved" : "Error",
676
+ status: S === 200 ? "success" : "error"
677
+ }), d(!1);
592
678
  }
593
679
  r(!0);
594
- const p = setTimeout(() => {
680
+ const g = setTimeout(() => {
595
681
  r(!1);
596
682
  }, 2e3);
597
- i(p);
683
+ i(g);
598
684
  };
599
685
  return /* @__PURE__ */ e.jsxs(
600
686
  "div",
601
687
  {
602
- className: he.header,
688
+ className: me.header,
603
689
  style: {
604
690
  zIndex: o ? 5e4 : 50
605
691
  },
606
692
  children: [
607
- /* @__PURE__ */ e.jsxs("div", { className: he.left, children: [
608
- /* @__PURE__ */ e.jsx(Gt, {}),
609
- /* @__PURE__ */ e.jsx(Kt, {})
693
+ /* @__PURE__ */ e.jsxs("div", { className: me.left, children: [
694
+ /* @__PURE__ */ e.jsx(Zt, {}),
695
+ /* @__PURE__ */ e.jsx(an, {})
610
696
  ] }),
611
- /* @__PURE__ */ e.jsx("div", { className: he.center, children: /* @__PURE__ */ e.jsx(hn, {}) }),
612
- /* @__PURE__ */ e.jsxs("div", { className: he.right, children: [
613
- /* @__PURE__ */ e.jsx(mn, {}),
614
- /* @__PURE__ */ e.jsx(Et, {}),
615
- /* @__PURE__ */ e.jsx(Y, { onClick: c, children: "Save" })
697
+ /* @__PURE__ */ e.jsx("div", { className: me.center, children: /* @__PURE__ */ e.jsx(wn, {}) }),
698
+ /* @__PURE__ */ e.jsxs("div", { className: me.right, children: [
699
+ /* @__PURE__ */ e.jsx(kn, {}),
700
+ /* @__PURE__ */ e.jsx(Yt, {}),
701
+ l ? /* @__PURE__ */ e.jsx(ye, {}) : /* @__PURE__ */ e.jsx(Z, { onClick: A, children: "Save" })
616
702
  ] })
617
703
  ]
618
704
  }
619
705
  );
620
- }, bn = "_exit_1wk4t_1", Cn = "_text_1wk4t_11", Fe = {
621
- exit: bn,
622
- text: Cn
623
- }, fn = () => /* @__PURE__ */ e.jsxs(
706
+ }, jn = "_exit_1wk4t_1", Bn = "_text_1wk4t_11", Me = {
707
+ exit: jn,
708
+ text: Bn
709
+ }, An = () => /* @__PURE__ */ e.jsxs(
624
710
  "a",
625
711
  {
626
712
  href: "https://dash.billgang.com/",
627
- className: Fe.exit,
713
+ className: Me.exit,
628
714
  children: [
629
715
  /* @__PURE__ */ e.jsx(
630
- _,
716
+ C,
631
717
  {
632
718
  name: "SignOut",
633
719
  width: 20,
634
720
  height: 20
635
721
  }
636
722
  ),
637
- /* @__PURE__ */ e.jsx("span", { className: Fe.text, children: "Exit" })
723
+ /* @__PURE__ */ e.jsx("span", { className: Me.text, children: "Exit" })
638
724
  ]
639
725
  }
640
- ), _n = "_navbar_14j8e_1", wn = "_main_14j8e_6", vn = "_block_14j8e_13", xn = "_active_14j8e_30", ge = {
641
- navbar: _n,
642
- main: wn,
643
- block: vn,
644
- active: xn
645
- }, kn = () => {
646
- const { activeBlock: t, setActiveBlock: n } = _e(), { setActiveBlock: o } = X(), { setCurrentBlock: s } = F(), { setActiveBlock: i } = $();
726
+ ), Ln = "_navbar_14j8e_1", Pn = "_main_14j8e_6", Nn = "_block_14j8e_13", Tn = "_active_14j8e_30", Se = {
727
+ navbar: Ln,
728
+ main: Pn,
729
+ block: Nn,
730
+ active: Tn
731
+ }, Fn = () => {
732
+ const { activeBlock: t, setActiveBlock: n } = je(), { setActiveBlock: o } = X(), { setCurrentBlock: s } = M(), { setActiveBlock: i } = I();
647
733
  function a(r) {
648
734
  o(null), n(r), s(null), i(null);
649
735
  }
650
- return /* @__PURE__ */ e.jsxs("div", { className: ge.navbar, children: [
651
- /* @__PURE__ */ e.jsx(fn, {}),
652
- /* @__PURE__ */ e.jsx("div", { className: ge.main, children: nt.map((r) => /* @__PURE__ */ e.jsxs(
736
+ return /* @__PURE__ */ e.jsxs("div", { className: Se.navbar, children: [
737
+ /* @__PURE__ */ e.jsx(An, {}),
738
+ /* @__PURE__ */ e.jsx("div", { className: Se.main, children: ct.map((r) => /* @__PURE__ */ e.jsxs(
653
739
  "div",
654
740
  {
655
- className: P(ge.block, {
656
- [ge.active]: t.icon === r.icon
741
+ className: T(Se.block, {
742
+ [Se.active]: t.icon === r.icon
657
743
  }),
658
744
  onClick: () => a(r),
659
745
  children: [
660
746
  /* @__PURE__ */ e.jsx(
661
- _,
747
+ C,
662
748
  {
663
749
  name: r.icon,
664
750
  fill: t.icon === r.icon ? "#252525" : "#757575"
@@ -670,47 +756,47 @@ const Dt = () => {
670
756
  r.icon
671
757
  )) })
672
758
  ] });
673
- }, yn = "_preview_1howr_1", jn = "_main_1howr_14", Bn = "_content_1howr_25", An = "_loading_1howr_32", Pn = "_loader_1howr_42", Ln = "_spin_1howr_1", pe = {
674
- preview: yn,
675
- main: jn,
676
- content: Bn,
677
- loading: An,
678
- loader: Pn,
679
- spin: Ln
680
- }, Nn = "_header_obebc_1", Tn = "_circles_obebc_16", Fn = "_circle_obebc_16", Dn = "_red_obebc_33", $n = "_green_obebc_37", Mn = "_yellow_obebc_41", Hn = "_input_obebc_45", Rn = "_main_obebc_56", In = "_text_obebc_65", Q = {
681
- header: Nn,
682
- circles: Tn,
683
- circle: Fn,
684
- red: Dn,
685
- green: $n,
686
- yellow: Mn,
687
- input: Hn,
688
- main: Rn,
689
- text: In
690
- }, En = "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", On = ["red", "yellow", "green"], Un = () => /* @__PURE__ */ e.jsxs("div", { className: Q.header, children: [
691
- /* @__PURE__ */ e.jsx("div", { className: Q.circles, children: On.map((t) => /* @__PURE__ */ e.jsx(
759
+ }, $n = "_preview_1howr_1", Dn = "_main_1howr_14", Mn = "_content_1howr_25", Hn = "_loading_1howr_32", In = "_loader_1howr_42", Rn = "_spin_1howr_1", _e = {
760
+ preview: $n,
761
+ main: Dn,
762
+ content: Mn,
763
+ loading: Hn,
764
+ loader: In,
765
+ spin: Rn
766
+ }, En = "_header_obebc_1", On = "_circles_obebc_16", Un = "_circle_obebc_16", qn = "_red_obebc_33", Gn = "_green_obebc_37", zn = "_yellow_obebc_41", Wn = "_input_obebc_45", Vn = "_main_obebc_56", Xn = "_text_obebc_65", Y = {
767
+ header: En,
768
+ circles: On,
769
+ circle: Un,
770
+ red: qn,
771
+ green: Gn,
772
+ yellow: zn,
773
+ input: Wn,
774
+ main: Vn,
775
+ text: Xn
776
+ }, Yn = "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", Qn = ["red", "yellow", "green"], Kn = () => /* @__PURE__ */ e.jsxs("div", { className: Y.header, children: [
777
+ /* @__PURE__ */ e.jsx("div", { className: Y.circles, children: Qn.map((t) => /* @__PURE__ */ e.jsx(
692
778
  "div",
693
779
  {
694
- className: P(Q.circle, {
695
- [Q.red]: t === "red",
696
- [Q.yellow]: t === "yellow",
697
- [Q.green]: t === "green"
780
+ className: T(Y.circle, {
781
+ [Y.red]: t === "red",
782
+ [Y.yellow]: t === "yellow",
783
+ [Y.green]: t === "green"
698
784
  })
699
785
  },
700
786
  t
701
787
  )) }),
702
- /* @__PURE__ */ e.jsxs("div", { className: Q.input, children: [
703
- /* @__PURE__ */ e.jsxs("div", { className: Q.main, children: [
788
+ /* @__PURE__ */ e.jsxs("div", { className: Y.input, children: [
789
+ /* @__PURE__ */ e.jsxs("div", { className: Y.main, children: [
704
790
  /* @__PURE__ */ e.jsx(
705
791
  "img",
706
792
  {
707
- src: En,
793
+ src: Yn,
708
794
  alt: ""
709
795
  }
710
796
  ),
711
- /* @__PURE__ */ e.jsx("span", { className: Q.text, children: "lorem.ipsum" }),
797
+ /* @__PURE__ */ e.jsx("span", { className: Y.text, children: "lorem.ipsum" }),
712
798
  /* @__PURE__ */ e.jsx(
713
- _,
799
+ C,
714
800
  {
715
801
  name: "Lock",
716
802
  fill: "#757575",
@@ -720,7 +806,7 @@ const Dt = () => {
720
806
  )
721
807
  ] }),
722
808
  /* @__PURE__ */ e.jsx(
723
- _,
809
+ C,
724
810
  {
725
811
  name: "Copy",
726
812
  width: 20,
@@ -728,71 +814,71 @@ const Dt = () => {
728
814
  }
729
815
  )
730
816
  ] })
731
- ] }), qn = "_content_glpob_1", Gn = "_main_glpob_9", zn = "_block_glpob_13", Wn = "_active_glpob_20", Vn = "_name_glpob_24", Xn = "_empty_glpob_38", Qn = "_icon_glpob_49", Kn = "_title_glpob_62", Yn = "_text_glpob_68", Jn = "_sections_glpob_74", Zn = "_section_glpob_74", ie = {
732
- content: qn,
733
- main: Gn,
734
- block: zn,
735
- active: Wn,
736
- name: Vn,
737
- empty: Xn,
738
- icon: Qn,
739
- title: Kn,
740
- text: Yn,
741
- sections: Jn,
742
- section: Zn
743
- }, eo = "_sidebar_1cz73_1", to = "_content_1cz73_14", no = "_button_1cz73_24", oo = "_moveButton_1cz73_34", so = "_border_1cz73_38", ro = "_deleteButton_1cz73_42", H = {
744
- sidebar: eo,
745
- content: to,
746
- button: no,
747
- moveButton: oo,
748
- border: so,
749
- deleteButton: ro
750
- }, ao = () => {
751
- const { activeBlock: t } = Z(), { blocks: n, removeBlock: o, moveBlock: s, duplicateBlock: i } = F(), { currentPage: a, pages: r } = T(), l = r && r[a] ? Object.keys(n[r[a].path]) : [], d = l.indexOf(t), C = () => {
817
+ ] }), Jn = "_content_glpob_1", Zn = "_main_glpob_9", eo = "_block_glpob_13", to = "_active_glpob_20", no = "_name_glpob_24", oo = "_empty_glpob_38", so = "_icon_glpob_49", ao = "_title_glpob_62", ro = "_text_glpob_68", io = "_sections_glpob_74", lo = "_section_glpob_74", ce = {
818
+ content: Jn,
819
+ main: Zn,
820
+ block: eo,
821
+ active: to,
822
+ name: no,
823
+ empty: oo,
824
+ icon: so,
825
+ title: ao,
826
+ text: ro,
827
+ sections: io,
828
+ section: lo
829
+ }, co = "_sidebar_1cz73_1", uo = "_content_1cz73_14", ho = "_button_1cz73_24", po = "_moveButton_1cz73_34", go = "_border_1cz73_38", mo = "_deleteButton_1cz73_42", E = {
830
+ sidebar: co,
831
+ content: uo,
832
+ button: ho,
833
+ moveButton: po,
834
+ border: go,
835
+ deleteButton: mo
836
+ }, So = () => {
837
+ 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), b = () => {
752
838
  d > 0 && r && s(r[a].path, d, d - 1);
753
839
  }, u = () => {
754
840
  d < l.length - 1 && r && s(r[a].path, d, d + 1);
755
- }, m = () => {
841
+ }, p = () => {
756
842
  r && i(r[a].path, t);
757
843
  };
758
- return /* @__PURE__ */ e.jsx("div", { className: H.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: H.content, children: [
844
+ return /* @__PURE__ */ e.jsx("div", { className: E.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: E.content, children: [
759
845
  /* @__PURE__ */ e.jsx(
760
846
  "button",
761
847
  {
762
- onClick: C,
763
- className: P(H.button, H.moveButton),
848
+ onClick: b,
849
+ className: T(E.button, E.moveButton),
764
850
  disabled: d === 0,
765
- children: /* @__PURE__ */ e.jsx(_, { name: "ArrowUp" })
851
+ children: /* @__PURE__ */ e.jsx(C, { name: "ArrowUp" })
766
852
  }
767
853
  ),
768
854
  /* @__PURE__ */ e.jsx(
769
855
  "button",
770
856
  {
771
857
  onClick: u,
772
- className: P(H.button, H.moveButton),
858
+ className: T(E.button, E.moveButton),
773
859
  disabled: d === l.length - 1,
774
- children: /* @__PURE__ */ e.jsx(_, { name: "ArrowDown" })
860
+ children: /* @__PURE__ */ e.jsx(C, { name: "ArrowDown" })
775
861
  }
776
862
  ),
777
- /* @__PURE__ */ e.jsx("div", { className: H.border }),
863
+ /* @__PURE__ */ e.jsx("div", { className: E.border }),
778
864
  /* @__PURE__ */ e.jsx(
779
865
  "button",
780
866
  {
781
- onClick: m,
782
- className: P(H.button, H.moveButton),
783
- children: /* @__PURE__ */ e.jsx(_, { name: "Copy" })
867
+ onClick: p,
868
+ className: T(E.button, E.moveButton),
869
+ children: /* @__PURE__ */ e.jsx(C, { name: "Copy" })
784
870
  }
785
871
  ),
786
- /* @__PURE__ */ e.jsx("div", { className: H.border }),
872
+ /* @__PURE__ */ e.jsx("div", { className: E.border }),
787
873
  /* @__PURE__ */ e.jsx(
788
874
  "button",
789
875
  {
790
876
  onClick: () => {
791
877
  r && o(r[a].path, t);
792
878
  },
793
- className: P(H.button, H.deleteButton),
879
+ className: T(E.button, E.deleteButton),
794
880
  children: /* @__PURE__ */ e.jsx(
795
- _,
881
+ C,
796
882
  {
797
883
  name: "Trash",
798
884
  hoverable: !0
@@ -801,11 +887,11 @@ const Dt = () => {
801
887
  }
802
888
  )
803
889
  ] }) });
804
- }, io = S.memo(() => {
805
- const { setActiveBlock: t, activeBlock: n } = Z(), { blocks: o, sourceBlocks: s } = X(), { blocks: i } = F(), { settings: a } = J(), { currentPage: r, pages: l, setIsOpenSelectModal: d, pageContext: C } = T(), u = S.useRef(n);
806
- S.useEffect(() => {
890
+ }, _o = m.memo(() => {
891
+ const { setActiveBlock: t, activeBlock: n } = ee(), { blocks: o, sourceBlocks: s } = X(), { blocks: i } = M(), { settings: a } = K(), { currentPage: r, pages: l, setIsOpenSelectModal: d, pageContext: b } = $(), u = m.useRef(n);
892
+ m.useEffect(() => {
807
893
  u.current = n;
808
- }, [n]), S.useEffect(() => {
894
+ }, [n]), m.useEffect(() => {
809
895
  const c = () => {
810
896
  u.current && t(null);
811
897
  };
@@ -813,19 +899,19 @@ const Dt = () => {
813
899
  document.body.removeEventListener("click", c);
814
900
  };
815
901
  }, []);
816
- const m = (c) => {
902
+ const p = (c) => {
817
903
  if (!c || !c.name)
818
- return /* @__PURE__ */ e.jsx(Ce, { error: "Block or block.name is undefined." });
904
+ return /* @__PURE__ */ e.jsx(xe, { error: "Block or block.name is undefined." });
819
905
  if (!o || !o[c.name])
820
- return /* @__PURE__ */ e.jsx(Ce, { error: `Block "${c.name}" does not exist in blocks.` });
821
- const p = new o[c.name]();
822
- return c.value && Object.assign(p, c.value), p.renderBlock(a, C);
906
+ return /* @__PURE__ */ e.jsx(xe, { error: `Block "${c.name}" does not exist in blocks.` });
907
+ const j = new o[c.name]();
908
+ return c.value && Object.assign(j, c.value), j.renderBlock(a, b);
823
909
  };
824
910
  function h(c) {
825
911
  if (!s || !s[c])
826
912
  return "unknown name";
827
- const p = new s[c]();
828
- return !p.blockSettings || !p.blockSettings.displayName ? "unknown name" : p.blockSettings.displayName;
913
+ const j = new s[c]();
914
+ return !j.blockSettings || !j.blockSettings.displayName ? "unknown name" : j.blockSettings.displayName;
829
915
  }
830
916
  return /* @__PURE__ */ e.jsxs(
831
917
  "div",
@@ -833,23 +919,23 @@ const Dt = () => {
833
919
  onClick: (c) => {
834
920
  c.stopPropagation(), d(!1);
835
921
  },
836
- className: ie.content,
922
+ className: ce.content,
837
923
  children: [
838
- /* @__PURE__ */ e.jsx(Ge, {}),
839
- /* @__PURE__ */ e.jsx("div", { className: ie.main, children: l && l[r] && i[l[r].path] && Object.keys(i[l[r].path]).map((c) => /* @__PURE__ */ e.jsxs(
924
+ /* @__PURE__ */ e.jsx(Ye, {}),
925
+ /* @__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(
840
926
  "div",
841
927
  {
842
928
  onClick: () => t(c),
843
- className: P(ie.block, {
844
- [ie.active]: n === c
929
+ className: T(ce.block, {
930
+ [ce.active]: n === c
845
931
  }),
846
932
  children: [
847
- n === c && /* @__PURE__ */ e.jsx("div", { className: ie.name, children: h(i[l[r].path][c].name) }),
848
- n === c && h(i[l[r].path][c].name) !== "unknown name" && /* @__PURE__ */ e.jsx(ao, {}),
933
+ n === c && /* @__PURE__ */ e.jsx("div", { className: ce.name, children: h(i[l[r].path][c].name) }),
934
+ n === c && h(i[l[r].path][c].name) !== "unknown name" && /* @__PURE__ */ e.jsx(So, {}),
849
935
  o && /* @__PURE__ */ e.jsx(
850
- Ue,
936
+ Ve,
851
937
  {
852
- render: m,
938
+ render: p,
853
939
  block: i[l[r].path][c]
854
940
  }
855
941
  )
@@ -857,35 +943,35 @@ const Dt = () => {
857
943
  },
858
944
  c
859
945
  )) }),
860
- /* @__PURE__ */ e.jsx(qe, {})
946
+ /* @__PURE__ */ e.jsx(Xe, {})
861
947
  ]
862
948
  }
863
949
  );
864
- }), lo = "_results_12p5x_1", co = "_name_12p5x_8", uo = "_product_12p5x_15", me = {
865
- results: lo,
866
- name: co,
867
- product: uo
868
- }, ho = "_search_186hm_1", go = "_input_186hm_13", De = {
869
- search: ho,
870
- input: go
871
- }, po = () => /* @__PURE__ */ e.jsxs("label", { className: De.search, children: [
950
+ }), bo = "_results_12p5x_1", fo = "_name_12p5x_8", Co = "_product_12p5x_15", be = {
951
+ results: bo,
952
+ name: fo,
953
+ product: Co
954
+ }, wo = "_search_186hm_1", vo = "_input_186hm_13", He = {
955
+ search: wo,
956
+ input: vo
957
+ }, xo = () => /* @__PURE__ */ e.jsxs("label", { className: He.search, children: [
872
958
  /* @__PURE__ */ e.jsx(
873
959
  "input",
874
960
  {
875
961
  type: "text",
876
962
  placeholder: "Search for sections",
877
- className: De.input
963
+ className: He.input
878
964
  }
879
965
  ),
880
966
  /* @__PURE__ */ e.jsx(
881
- _,
967
+ C,
882
968
  {
883
969
  name: "MagnifyingGlass",
884
970
  fill: "#757575"
885
971
  }
886
972
  )
887
- ] }), ze = () => {
888
- const { blocks: t, sourceBlocks: n, setActiveBlock: o } = X(), { hideModal: s } = we();
973
+ ] }), Qe = () => {
974
+ const { blocks: t, sourceBlocks: n, setActiveBlock: o } = X(), { hideModal: s } = pe();
889
975
  function i(l) {
890
976
  o(l), s();
891
977
  }
@@ -899,25 +985,57 @@ const Dt = () => {
899
985
  if (n)
900
986
  return new n[l]().blockSettings.isAddable;
901
987
  }
902
- return /* @__PURE__ */ e.jsxs("div", { className: me.add, children: [
903
- /* @__PURE__ */ e.jsx(po, {}),
904
- /* @__PURE__ */ e.jsx("div", { className: me.results, children: t && Object.keys(t).map((l) => {
988
+ return /* @__PURE__ */ e.jsxs("div", { className: be.add, children: [
989
+ /* @__PURE__ */ e.jsx(xo, {}),
990
+ /* @__PURE__ */ e.jsx("div", { className: be.results, children: t && Object.keys(t).map((l) => {
905
991
  if (r(l))
906
992
  return /* @__PURE__ */ e.jsxs(
907
993
  "div",
908
994
  {
909
- className: me.product,
995
+ className: be.product,
910
996
  onClick: () => i(l),
911
997
  children: [
912
- /* @__PURE__ */ e.jsx("span", { className: me.name, children: a(l) }),
913
- /* @__PURE__ */ e.jsx(_, { name: "CaretRight" })
998
+ /* @__PURE__ */ e.jsx("span", { className: be.name, children: a(l) }),
999
+ /* @__PURE__ */ e.jsx(C, { name: "CaretRight" })
914
1000
  ]
915
1001
  },
916
1002
  l
917
1003
  );
918
1004
  }) })
919
1005
  ] });
920
- }, mo = () => {
1006
+ }, ko = "_wrapper_q0sfn_1", yo = {
1007
+ wrapper: ko
1008
+ }, jo = ({ children: t }) => {
1009
+ const { hoverBlockId: n, startHideTimeout: o, clearHideTimeout: s, setMouseOverModal: i } = pe();
1010
+ return n ? /* @__PURE__ */ e.jsx(
1011
+ "div",
1012
+ {
1013
+ className: yo.wrapper,
1014
+ onMouseEnter: () => {
1015
+ s(), i(!0);
1016
+ },
1017
+ onMouseLeave: () => {
1018
+ i(!1), o();
1019
+ },
1020
+ children: t
1021
+ }
1022
+ ) : null;
1023
+ }, Bo = "_applyButton_11q4y_2", Ao = "_cancelButton_11q4y_7", Lo = "_content_11q4y_12", Po = "_label_11q4y_19", No = "_colorValue_11q4y_32", To = "_modal_11q4y_39", Fo = "_colorMap_11q4y_58", $o = "_indicator_11q4y_66", Do = "_hueSlider_11q4y_75", Mo = "_slider_11q4y_106", Ho = "_buttons_11q4y_111", Io = "_name_11q4y_118", Ro = "_secondary_11q4y_123", Eo = "_input_11q4y_131", H = {
1024
+ applyButton: Bo,
1025
+ cancelButton: Ao,
1026
+ content: Lo,
1027
+ label: Po,
1028
+ colorValue: No,
1029
+ modal: To,
1030
+ colorMap: Fo,
1031
+ indicator: $o,
1032
+ hueSlider: Do,
1033
+ slider: Mo,
1034
+ buttons: Ho,
1035
+ name: Io,
1036
+ secondary: Ro,
1037
+ input: Eo
1038
+ }, Oo = () => {
921
1039
  const {
922
1040
  modalPosition: t,
923
1041
  color: n,
@@ -928,56 +1046,56 @@ const Dt = () => {
928
1046
  brightness: r,
929
1047
  dragging: l,
930
1048
  setDragging: d,
931
- setHue: C,
1049
+ setHue: b,
932
1050
  setSaturation: u,
933
- setBrightness: m,
1051
+ setBrightness: p,
934
1052
  colorChange: h,
935
1053
  setColor: c,
936
- update: p
937
- } = Ie(), x = (b) => {
938
- const { offsetX: v, offsetY: k } = b.nativeEvent;
939
- d(!0), L(v, k, b.currentTarget);
940
- }, f = (b) => {
1054
+ update: j
1055
+ } = Fe(), L = (_) => {
1056
+ const { offsetX: k, offsetY: y } = _.nativeEvent;
1057
+ d(!0), x(k, y, _.currentTarget);
1058
+ }, A = (_) => {
941
1059
  if (l) {
942
- const v = document.querySelector(`.${G.colorMap}`), { left: k, top: y } = v.getBoundingClientRect(), g = b.clientX - k, B = b.clientY - y;
943
- L(g, B, v);
1060
+ const k = document.querySelector(`.${H.colorMap}`), { left: y, top: P } = k.getBoundingClientRect(), f = _.clientX - y, N = _.clientY - P;
1061
+ x(f, N, k);
944
1062
  }
945
- }, w = () => {
1063
+ }, g = () => {
946
1064
  d(!1);
947
- }, L = (b, v, k) => {
948
- const { width: y, height: g } = k.getBoundingClientRect(), B = Math.max(0, Math.min(b / y * 100, 100)), q = Math.max(0, Math.min(100 - v / g * 100, 100));
949
- u(B), m(q), A(B, q);
950
- }, A = (b, v) => {
951
- const k = j(i, b, v);
952
- h(k), c(k);
953
- }, M = (b, v, k) => {
954
- v /= 100, k /= 100;
955
- const y = (ue) => (ue + b / 60) % 6, g = (ue) => k * (1 - v * Math.max(0, Math.min(y(ue), 4 - y(ue), 1))), B = Math.round(255 * g(5)), q = Math.round(255 * g(3)), Xe = Math.round(255 * g(1));
956
- return { r: B, g: q, b: Xe };
957
- }, N = (b, v, k) => {
958
- const y = (g) => g.toString(16).padStart(2, "0");
959
- return `#${y(b)}${y(v)}${y(k)}`;
960
- }, j = (b, v, k) => {
961
- const { r: y, g, b: B } = M(b, v, k);
962
- return N(y, g, B);
1065
+ }, x = (_, k, y) => {
1066
+ const { width: P, height: f } = y.getBoundingClientRect(), N = Math.max(0, Math.min(_ / P * 100, 100)), F = Math.max(0, Math.min(100 - k / f * 100, 100));
1067
+ u(N), p(F), S(N, F);
1068
+ }, S = (_, k) => {
1069
+ const y = B(i, _, k);
1070
+ h(y), c(y);
1071
+ }, w = (_, k, y) => {
1072
+ k /= 100, y /= 100;
1073
+ const P = (ge) => (ge + _ / 60) % 6, f = (ge) => y * (1 - k * Math.max(0, Math.min(P(ge), 4 - P(ge), 1))), N = Math.round(255 * f(5)), F = Math.round(255 * f(3)), et = Math.round(255 * f(1));
1074
+ return { r: N, g: F, b: et };
1075
+ }, v = (_, k, y) => {
1076
+ const P = (f) => f.toString(16).padStart(2, "0");
1077
+ return `#${P(_)}${P(k)}${P(y)}`;
1078
+ }, B = (_, k, y) => {
1079
+ const { r: P, g: f, b: N } = w(_, k, y);
1080
+ return v(P, f, N);
963
1081
  };
964
- S.useEffect(() => {
965
- const b = (k) => f(k), v = () => w();
966
- return l ? (document.addEventListener("mousemove", b), document.addEventListener("mouseup", v)) : (document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", v)), () => {
967
- document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", v);
1082
+ m.useEffect(() => {
1083
+ const _ = (y) => A(y), k = () => g();
1084
+ return l ? (document.addEventListener("mousemove", _), document.addEventListener("mouseup", k)) : (document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", k)), () => {
1085
+ document.removeEventListener("mousemove", _), document.removeEventListener("mouseup", k);
968
1086
  };
969
1087
  }, [l]);
970
1088
  function D() {
971
- p(n), s(!1);
1089
+ j(n), s(!1);
972
1090
  }
973
- function U() {
1091
+ function R() {
974
1092
  s(!1), h(o);
975
1093
  }
976
1094
  return /* @__PURE__ */ e.jsxs(
977
1095
  "div",
978
1096
  {
979
- className: G.modal,
980
- onClick: (b) => b.stopPropagation(),
1097
+ className: H.modal,
1098
+ onClick: (_) => _.stopPropagation(),
981
1099
  style: {
982
1100
  top: `${t.top}px`,
983
1101
  left: `${t.left}px`
@@ -987,8 +1105,8 @@ const Dt = () => {
987
1105
  /* @__PURE__ */ e.jsx(
988
1106
  "div",
989
1107
  {
990
- className: G.colorMap,
991
- onMouseDown: x,
1108
+ className: H.colorMap,
1109
+ onMouseDown: L,
992
1110
  style: {
993
1111
  background: `
994
1112
  linear-gradient(to top, black, transparent),
@@ -998,7 +1116,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
998
1116
  children: /* @__PURE__ */ e.jsx(
999
1117
  "div",
1000
1118
  {
1001
- className: G.indicator,
1119
+ className: H.indicator,
1002
1120
  style: {
1003
1121
  position: "absolute",
1004
1122
  left: `${a}%`,
@@ -1009,33 +1127,33 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1009
1127
  )
1010
1128
  }
1011
1129
  ),
1012
- /* @__PURE__ */ e.jsx("div", { className: G.hueSlider, children: /* @__PURE__ */ e.jsx(
1130
+ /* @__PURE__ */ e.jsx("div", { className: H.hueSlider, children: /* @__PURE__ */ e.jsx(
1013
1131
  "input",
1014
1132
  {
1015
1133
  type: "range",
1016
1134
  min: "0",
1017
1135
  max: "360",
1018
1136
  value: i,
1019
- onChange: (b) => {
1020
- C(Number(b.target.value)), A(a, r);
1137
+ onChange: (_) => {
1138
+ b(Number(_.target.value)), S(a, r);
1021
1139
  },
1022
- className: G.slider
1140
+ className: H.slider
1023
1141
  }
1024
1142
  ) }),
1025
- /* @__PURE__ */ e.jsxs("div", { className: G.buttons, children: [
1143
+ /* @__PURE__ */ e.jsxs("div", { className: H.buttons, children: [
1026
1144
  /* @__PURE__ */ e.jsx(
1027
- Y,
1145
+ Z,
1028
1146
  {
1029
- onClick: U,
1030
- className: P(G.applyButton, G.cancelButton),
1147
+ onClick: R,
1148
+ className: T(H.applyButton, H.cancelButton),
1031
1149
  children: "Cancel"
1032
1150
  }
1033
1151
  ),
1034
1152
  /* @__PURE__ */ e.jsx(
1035
- Y,
1153
+ Z,
1036
1154
  {
1037
1155
  onClick: D,
1038
- className: G.applyButton,
1156
+ className: H.applyButton,
1039
1157
  children: "Apply"
1040
1158
  }
1041
1159
  )
@@ -1043,17 +1161,17 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1043
1161
  ]
1044
1162
  }
1045
1163
  );
1046
- }, So = () => {
1047
- const { onPreview: t } = Z(), {
1164
+ }, Uo = () => {
1165
+ const { onPreview: t } = ee(), {
1048
1166
  // hoverBlockId,
1049
1167
  isModalVisible: n
1050
1168
  // isPreviewVisible
1051
- } = we(), {
1169
+ } = pe(), {
1052
1170
  // currentPage,
1053
1171
  // pages,
1054
1172
  pageContext: o
1055
- } = T(), { showModal: s } = Ie(), [i, a] = S.useState(!0), { currentDevice: r } = Re();
1056
- S.useEffect(() => {
1173
+ } = $(), { showModal: s } = Fe(), [i, a] = m.useState(!0), { currentDevice: r } = qe();
1174
+ m.useEffect(() => {
1057
1175
  t && o.general && setTimeout(() => {
1058
1176
  a(!1);
1059
1177
  }, 100);
@@ -1061,132 +1179,132 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1061
1179
  function l() {
1062
1180
  return r.value === "desktop" ? "100%" : r.value === "tablet" ? "768px" : "425px";
1063
1181
  }
1064
- return /* @__PURE__ */ e.jsxs("div", { className: pe.preview, children: [
1065
- n && /* @__PURE__ */ e.jsx(ot, { children: /* @__PURE__ */ e.jsx(ze, {}) }),
1066
- s && /* @__PURE__ */ e.jsx(mo, {}),
1182
+ return /* @__PURE__ */ e.jsxs("div", { className: _e.preview, children: [
1183
+ n && /* @__PURE__ */ e.jsx(jo, { children: /* @__PURE__ */ e.jsx(Qe, {}) }),
1184
+ s && /* @__PURE__ */ e.jsx(Oo, {}),
1067
1185
  t && /* @__PURE__ */ e.jsxs(
1068
1186
  "div",
1069
1187
  {
1070
- className: pe.main,
1188
+ className: _e.main,
1071
1189
  style: {
1072
1190
  width: l()
1073
1191
  },
1074
1192
  children: [
1075
- /* @__PURE__ */ e.jsx(Un, {}),
1076
- /* @__PURE__ */ e.jsx("div", { className: pe.content, children: i ? /* @__PURE__ */ e.jsx("div", { className: pe.loading, children: /* @__PURE__ */ e.jsx(Ae, {}) }) : /* @__PURE__ */ e.jsx(io, {}) })
1193
+ /* @__PURE__ */ e.jsx(Kn, {}),
1194
+ /* @__PURE__ */ e.jsx("div", { className: _e.content, children: i ? /* @__PURE__ */ e.jsx("div", { className: _e.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }) : /* @__PURE__ */ e.jsx(_o, {}) })
1077
1195
  ]
1078
1196
  }
1079
1197
  )
1080
1198
  ] });
1081
- }, bo = "_sidebar_1yyyy_1", Co = "_title_1yyyy_10", fo = "_active_1yyyy_18", $e = {
1082
- sidebar: bo,
1083
- title: Co,
1084
- active: fo
1085
- }, _o = "_layers_1on0q_1", wo = "_block_1on0q_9", vo = "_dragging_1on0q_25", xo = "_active_1on0q_33", ko = "_add_1on0q_37", yo = "_button_1on0q_51", jo = "_empty_1on0q_66", Bo = "_title_1on0q_78", Ao = "_icon_1on0q_85", Po = "_text_1on0q_89", Lo = "_highlight_1on0q_95", se = {
1086
- layers: _o,
1087
- block: wo,
1088
- dragging: vo,
1089
- active: xo,
1090
- add: ko,
1091
- button: yo,
1092
- empty: jo,
1093
- title: Bo,
1094
- icon: Ao,
1095
- text: Po,
1096
- highlight: Lo
1097
- }, No = "_block_586dq_1", Me = {
1098
- block: No
1099
- }, To = () => {
1100
- const { setCurrentBlock: t } = F(), { activeBlock: n } = Z();
1199
+ }, qo = "_sidebar_1yyyy_1", Go = "_title_1yyyy_10", zo = "_active_1yyyy_18", Ie = {
1200
+ sidebar: qo,
1201
+ title: Go,
1202
+ active: zo
1203
+ }, Wo = "_layers_1on0q_1", Vo = "_block_1on0q_9", Xo = "_dragging_1on0q_25", Yo = "_active_1on0q_33", Qo = "_add_1on0q_37", Ko = "_button_1on0q_51", Jo = "_empty_1on0q_66", Zo = "_title_1on0q_78", es = "_icon_1on0q_85", ts = "_text_1on0q_89", ns = "_highlight_1on0q_95", re = {
1204
+ layers: Wo,
1205
+ block: Vo,
1206
+ dragging: Xo,
1207
+ active: Yo,
1208
+ add: Qo,
1209
+ button: Ko,
1210
+ empty: Jo,
1211
+ title: Zo,
1212
+ icon: es,
1213
+ text: ts,
1214
+ highlight: ns
1215
+ }, os = "_block_586dq_1", Re = {
1216
+ block: os
1217
+ }, ss = () => {
1218
+ const { setCurrentBlock: t } = M(), { activeBlock: n } = ee();
1101
1219
  function o(s) {
1102
1220
  t(s);
1103
1221
  }
1104
1222
  return /* @__PURE__ */ e.jsxs(
1105
1223
  "div",
1106
1224
  {
1107
- className: P(Me.block, {
1108
- [Me.active]: n === "header"
1225
+ className: T(Re.block, {
1226
+ [Re.active]: n === "header"
1109
1227
  }),
1110
1228
  onClick: () => o("header"),
1111
1229
  children: [
1112
- /* @__PURE__ */ e.jsx(_, { name: "Cards" }),
1230
+ /* @__PURE__ */ e.jsx(C, { name: "Cards" }),
1113
1231
  /* @__PURE__ */ e.jsx("span", { children: "Header" })
1114
1232
  ]
1115
1233
  }
1116
1234
  );
1117
- }, Fo = "_block_586dq_1", He = {
1118
- block: Fo
1119
- }, Do = () => {
1120
- const { activeBlock: t } = Z(), { setCurrentBlock: n } = F();
1235
+ }, as = "_block_586dq_1", Ee = {
1236
+ block: as
1237
+ }, rs = () => {
1238
+ const { activeBlock: t } = ee(), { setCurrentBlock: n } = M();
1121
1239
  function o(s) {
1122
1240
  n(s);
1123
1241
  }
1124
1242
  return /* @__PURE__ */ e.jsxs(
1125
1243
  "div",
1126
1244
  {
1127
- className: P(He.block, {
1128
- [He.active]: t === "footer"
1245
+ className: T(Ee.block, {
1246
+ [Ee.active]: t === "footer"
1129
1247
  }),
1130
1248
  onClick: () => o("footer"),
1131
1249
  children: [
1132
- /* @__PURE__ */ e.jsx(_, { name: "Cards" }),
1250
+ /* @__PURE__ */ e.jsx(C, { name: "Cards" }),
1133
1251
  /* @__PURE__ */ e.jsx("span", { children: "Footer" })
1134
1252
  ]
1135
1253
  }
1136
1254
  );
1137
- }, $o = ({ id: t, name: n, index: o, moveBlock: s, onClick: i }) => {
1138
- const { currentPage: a, pages: r } = T(), { activeBlock: l } = Z(), {
1255
+ }, is = ({ id: t, name: n, index: o, moveBlock: s, onClick: i }) => {
1256
+ const { currentPage: a, pages: r } = $(), { activeBlock: l } = ee(), {
1139
1257
  showPreview: d,
1140
- hidePreview: C,
1258
+ hidePreview: b,
1141
1259
  showModal: u,
1142
- hideModal: m,
1260
+ hideModal: p,
1143
1261
  clearHideTimeout: h,
1144
1262
  startHideTimeout: c,
1145
- hoverBlockId: p,
1146
- isModalVisible: x
1147
- } = we(), { setPositionBlock: f } = F(), [w, L] = S.useState(!1), A = () => {
1148
- x && m(), d(t), L(!0), h();
1149
- }, M = (b) => {
1150
- b.stopPropagation(), C(), u(t), h(), f(o + 1);
1151
- }, N = () => {
1152
- x ? c() : (L(!1), C());
1263
+ hoverBlockId: j,
1264
+ isModalVisible: L
1265
+ } = pe(), { setPositionBlock: A } = M(), [g, x] = m.useState(!1), S = () => {
1266
+ L && p(), d(t), x(!0), h();
1267
+ }, w = (_) => {
1268
+ _.stopPropagation(), b(), u(t), h(), A(o + 1);
1269
+ }, v = () => {
1270
+ L ? c() : (x(!1), b());
1153
1271
  };
1154
- S.useEffect(() => {
1155
- x || L(!1);
1156
- }, [x]);
1157
- const [, j] = at({
1272
+ m.useEffect(() => {
1273
+ L || x(!1);
1274
+ }, [L]);
1275
+ const [, B] = ht({
1158
1276
  accept: "block",
1159
- hover(b) {
1160
- b.index !== o && r && (s(r[a].path, b.index, o), b.index = o);
1277
+ hover(_) {
1278
+ _.index !== o && r && (s(r[a].path, _.index, o), _.index = o);
1161
1279
  }
1162
- }), [{ isDragging: D }, U] = it({
1280
+ }), [{ isDragging: D }, R] = pt({
1163
1281
  type: "block",
1164
1282
  item: { id: t, index: o },
1165
- collect: (b) => ({
1166
- isDragging: b.isDragging()
1283
+ collect: (_) => ({
1284
+ isDragging: _.isDragging()
1167
1285
  })
1168
1286
  });
1169
1287
  return /* @__PURE__ */ e.jsxs(
1170
1288
  "div",
1171
1289
  {
1172
- ref: (b) => U(j(b)),
1173
- className: P(se.block, {
1174
- [se.dragging]: D,
1175
- [se.active]: !D && l === t
1290
+ ref: (_) => R(B(_)),
1291
+ className: T(re.block, {
1292
+ [re.dragging]: D,
1293
+ [re.active]: !D && l === t
1176
1294
  }),
1177
1295
  onClick: () => i(t),
1178
- onMouseEnter: A,
1179
- onMouseLeave: N,
1296
+ onMouseEnter: S,
1297
+ onMouseLeave: v,
1180
1298
  children: [
1181
- /* @__PURE__ */ e.jsx(_, { name: "Cards" }),
1299
+ /* @__PURE__ */ e.jsx(C, { name: "Cards" }),
1182
1300
  /* @__PURE__ */ e.jsx("span", { children: n }),
1183
- (w || p === t) && !D && /* @__PURE__ */ e.jsx("div", { className: se.add, children: /* @__PURE__ */ e.jsx(
1301
+ (g || j === t) && !D && /* @__PURE__ */ e.jsx("div", { className: re.add, children: /* @__PURE__ */ e.jsx(
1184
1302
  "button",
1185
1303
  {
1186
- className: se.button,
1187
- onClick: (b) => M(b),
1304
+ className: re.button,
1305
+ onClick: (_) => w(_),
1188
1306
  children: /* @__PURE__ */ e.jsx(
1189
- _,
1307
+ C,
1190
1308
  {
1191
1309
  name: "Plus",
1192
1310
  fill: "#fff"
@@ -1197,147 +1315,147 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1197
1315
  ]
1198
1316
  }
1199
1317
  );
1200
- }, Mo = () => {
1201
- const { blocks: t, setCurrentBlock: n, moveBlock: o } = F(), { currentPage: s, pages: i } = T(), { setMouseOverModal: a, setHoverBlockId: r } = we();
1318
+ }, ls = () => {
1319
+ const { blocks: t, setCurrentBlock: n, moveBlock: o } = M(), { currentPage: s, pages: i } = $(), { setMouseOverModal: a, setHoverBlockId: r } = pe();
1202
1320
  function l(u) {
1203
1321
  n(u), a(!1), r(null);
1204
1322
  }
1205
1323
  const { sourceBlocks: d } = X();
1206
- function C(u) {
1324
+ function b(u) {
1207
1325
  if (!d || !d[u])
1208
1326
  return "unknown name";
1209
- const m = new d[u]();
1210
- return !m.blockSettings || !m.blockSettings.displayName ? "unknown name" : m.blockSettings.displayName;
1327
+ const p = new d[u]();
1328
+ return !p.blockSettings || !p.blockSettings.displayName ? "unknown name" : p.blockSettings.displayName;
1211
1329
  }
1212
- return /* @__PURE__ */ e.jsxs("div", { className: se.layers, children: [
1213
- /* @__PURE__ */ e.jsx(To, {}),
1214
- /* @__PURE__ */ e.jsx(st, { backend: rt, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && i[s] && t[i[s].path] && Object.keys(t[i[s].path]).map((u, m) => /* @__PURE__ */ e.jsx(
1215
- $o,
1330
+ return /* @__PURE__ */ e.jsxs("div", { className: re.layers, children: [
1331
+ /* @__PURE__ */ e.jsx(ss, {}),
1332
+ /* @__PURE__ */ e.jsx(dt, { backend: ut, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && i[s] && t[i[s].path] && Object.keys(t[i[s].path]).map((u, p) => /* @__PURE__ */ e.jsx(
1333
+ is,
1216
1334
  {
1217
1335
  id: u,
1218
- name: C(t[i[s].path][u].name),
1219
- index: m,
1336
+ name: b(t[i[s].path][u].name),
1337
+ index: p,
1220
1338
  moveBlock: o,
1221
1339
  onClick: l
1222
1340
  },
1223
1341
  u
1224
1342
  )) }) }),
1225
- /* @__PURE__ */ e.jsx(Do, {})
1343
+ /* @__PURE__ */ e.jsx(rs, {})
1226
1344
  ] });
1227
- }, Ho = ({ isHeader: t }) => {
1228
- const { header: n, footer: o } = F(), { pageContext: s } = T();
1345
+ }, cs = ({ isHeader: t }) => {
1346
+ const { header: n, footer: o } = M(), { pageContext: s } = $();
1229
1347
  return t ? n == null ? void 0 : n.renderSettings(s) : o == null ? void 0 : o.renderSettings(s);
1230
- }, Ro = () => {
1231
- const { settings: t } = J();
1348
+ }, ds = () => {
1349
+ const { settings: t } = K();
1232
1350
  return t == null ? void 0 : t.renderSettings();
1233
- }, Io = "_theme_1wwlz_1", Eo = "_block_1wwlz_7", Oo = "_name_1wwlz_22", je = {
1234
- theme: Io,
1235
- block: Eo,
1236
- name: Oo
1237
- }, Uo = () => {
1238
- const { setActiveBlock: t } = $();
1351
+ }, us = "_theme_1wwlz_1", hs = "_block_1wwlz_7", ps = "_name_1wwlz_22", Pe = {
1352
+ theme: us,
1353
+ block: hs,
1354
+ name: ps
1355
+ }, gs = () => {
1356
+ const { setActiveBlock: t } = I();
1239
1357
  function n(o) {
1240
1358
  t(o);
1241
1359
  }
1242
- return /* @__PURE__ */ e.jsx("div", { className: je.theme, children: jt.map((o) => /* @__PURE__ */ e.jsxs(
1360
+ return /* @__PURE__ */ e.jsx("div", { className: Pe.theme, children: Lt.map((o) => /* @__PURE__ */ e.jsxs(
1243
1361
  "div",
1244
1362
  {
1245
1363
  onClick: () => n(o),
1246
- className: P(je.block),
1364
+ className: T(Pe.block),
1247
1365
  children: [
1248
- /* @__PURE__ */ e.jsx(_, { name: o.icon }),
1249
- /* @__PURE__ */ e.jsx("span", { className: je.name, children: o.name }),
1250
- /* @__PURE__ */ e.jsx(_, { name: "CaretRight" })
1366
+ /* @__PURE__ */ e.jsx(C, { name: o.icon }),
1367
+ /* @__PURE__ */ e.jsx("span", { className: Pe.name, children: o.name }),
1368
+ /* @__PURE__ */ e.jsx(C, { name: "CaretRight" })
1251
1369
  ]
1252
1370
  },
1253
1371
  o.icon
1254
1372
  )) });
1255
- }, qo = "_back_2jwrk_1", Go = "_render_2jwrk_9", zo = "_open_2jwrk_24", Wo = "_close_2jwrk_51", Vo = "_clicked_2jwrk_55", Xo = "_title_2jwrk_59", Qo = "_button_2jwrk_67", Ko = "_loading_2jwrk_72", Yo = "_settings_2jwrk_76", Jo = "_deleteButton_2jwrk_82", W = {
1256
- back: qo,
1257
- render: Go,
1258
- open: zo,
1259
- close: Wo,
1260
- clicked: Vo,
1261
- title: Xo,
1262
- button: Qo,
1263
- loading: Ko,
1264
- settings: Yo,
1265
- deleteButton: Jo
1266
- }, Zo = ({ block: t }) => {
1373
+ }, ms = "_back_2jwrk_1", Ss = "_render_2jwrk_9", _s = "_open_2jwrk_24", bs = "_close_2jwrk_51", fs = "_clicked_2jwrk_55", Cs = "_title_2jwrk_59", ws = "_button_2jwrk_67", vs = "_loading_2jwrk_72", xs = "_settings_2jwrk_76", ks = "_deleteButton_2jwrk_82", W = {
1374
+ back: ms,
1375
+ render: Ss,
1376
+ open: _s,
1377
+ close: bs,
1378
+ clicked: fs,
1379
+ title: Cs,
1380
+ button: ws,
1381
+ loading: vs,
1382
+ settings: xs,
1383
+ deleteButton: ks
1384
+ }, ys = ({ block: t }) => {
1267
1385
  if (!t) return null;
1268
- const { pageContext: n } = T();
1386
+ const { pageContext: n } = $();
1269
1387
  return t.renderSettings(n);
1270
- }, es = (t) => {
1271
- var k, y;
1272
- const { isAdd: n } = t, [o, s] = S.useState(!1), { setActiveBlock: i } = _e(), { sourceBlocks: a, activeBlock: r, setActiveBlock: l, currentInstance: d, setCurrentInstance: C } = X(), {
1388
+ }, js = (t) => {
1389
+ var y, P;
1390
+ const { isAdd: n } = t, [o, s] = m.useState(!1), { setActiveBlock: i } = je(), { sourceBlocks: a, activeBlock: r, setActiveBlock: l, currentInstance: d, setCurrentInstance: b } = X(), {
1273
1391
  blocks: u,
1274
- addBlock: m,
1392
+ addBlock: p,
1275
1393
  editBlock: h,
1276
1394
  currentBlock: c,
1277
- setCurrentBlock: p,
1278
- removeBlock: x,
1279
- setPositionBlock: f,
1280
- setHeader: w,
1281
- setFooter: L,
1282
- header: A,
1283
- footer: M
1284
- } = F(), { currentPage: N, pages: j } = T();
1285
- function D(g = !1) {
1286
- if (!n && j && d && !g) {
1287
- const B = {
1395
+ setCurrentBlock: j,
1396
+ removeBlock: L,
1397
+ setPositionBlock: A,
1398
+ setHeader: g,
1399
+ setFooter: x,
1400
+ header: S,
1401
+ footer: w
1402
+ } = M(), { currentPage: v, pages: B } = $();
1403
+ function D(f = !1) {
1404
+ if (!n && B && d && !f) {
1405
+ const N = {
1288
1406
  blockSettings: {}
1289
1407
  };
1290
- Object.keys(d.blockSettings).filter((q) => !["displayName", "isAddable"].includes(q)).map((q) => {
1291
- B.blockSettings[q] = d.blockSettings[q];
1292
- }), h(j[N].path, c, {
1293
- name: u[j[N].path][c].name,
1294
- value: B
1408
+ Object.keys(d.blockSettings).filter((F) => !["displayName", "isAddable"].includes(F)).map((F) => {
1409
+ N.blockSettings[F] = d.blockSettings[F];
1410
+ }), h(B[v].path, c, {
1411
+ name: u[B[v].path][c].name,
1412
+ value: N
1295
1413
  });
1296
1414
  }
1297
- l(null), p(null), setTimeout(() => {
1415
+ l(null), j(null), setTimeout(() => {
1298
1416
  s(!1);
1299
- }, 150), C(null);
1417
+ }, 150), b(null);
1300
1418
  }
1301
- function U() {
1419
+ function R() {
1302
1420
  D(), i({
1303
1421
  name: "Layers",
1304
1422
  icon: "TreeStructure"
1305
- }), C(null);
1423
+ }), b(null);
1306
1424
  }
1307
- function b() {
1308
- var g;
1425
+ function _() {
1426
+ var f;
1309
1427
  if (n)
1310
1428
  return !r || !a[r] ? null : new a[r]();
1311
1429
  {
1312
- if (!j || !j[N] || !c)
1430
+ if (!B || !B[v] || !c)
1313
1431
  return null;
1314
- const B = u[j[N].path][c];
1315
- return !B || !a[B.name] ? null : new a[B.name]((g = B.value) == null ? void 0 : g.blockSettings);
1432
+ const N = u[B[v].path][c];
1433
+ return !N || !a[N.name] ? null : new a[N.name]((f = N.value) == null ? void 0 : f.blockSettings);
1316
1434
  }
1317
1435
  }
1318
- S.useEffect(() => {
1436
+ m.useEffect(() => {
1319
1437
  if (r || c && !["header", "footer"].includes(c)) {
1320
- const g = b();
1321
- C(g);
1438
+ const f = _();
1439
+ b(f);
1322
1440
  } else
1323
- C(null);
1324
- }, [r, c]), S.useEffect(() => {
1325
- c === "header" && w(A);
1326
- }, [c, A]), S.useEffect(() => {
1327
- c === "footer" && L(M);
1328
- }, [c, M]);
1329
- function v(g) {
1441
+ b(null);
1442
+ }, [r, c]), m.useEffect(() => {
1443
+ c === "header" && g(S);
1444
+ }, [c, S]), m.useEffect(() => {
1445
+ c === "footer" && x(w);
1446
+ }, [c, w]);
1447
+ function k(f) {
1330
1448
  if (!a)
1331
1449
  return "unknown name";
1332
- if (!a[g])
1333
- return c === "header" ? A == null ? void 0 : A.blockSettings.displayName : c === "footer" ? M == null ? void 0 : M.blockSettings.displayName : "unknown name";
1334
- const B = new a[g]();
1335
- return !B.blockSettings || !B.blockSettings.displayName ? "unknown name" : B.blockSettings.displayName;
1450
+ if (!a[f])
1451
+ return c === "header" ? S == null ? void 0 : S.blockSettings.displayName : c === "footer" ? w == null ? void 0 : w.blockSettings.displayName : "unknown name";
1452
+ const N = new a[f]();
1453
+ return !N.blockSettings || !N.blockSettings.displayName ? "unknown name" : N.blockSettings.displayName;
1336
1454
  }
1337
1455
  return /* @__PURE__ */ e.jsxs(
1338
1456
  "div",
1339
1457
  {
1340
- className: P(W.render, {
1458
+ className: T(W.render, {
1341
1459
  [W.open]: c || r,
1342
1460
  [W.close]: !c && !r,
1343
1461
  [W.clicked]: o
@@ -1345,23 +1463,23 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1345
1463
  children: [
1346
1464
  /* @__PURE__ */ e.jsxs("div", { className: W.back, children: [
1347
1465
  /* @__PURE__ */ e.jsx(
1348
- _,
1466
+ C,
1349
1467
  {
1350
1468
  name: "CaretLeft",
1351
1469
  hoverable: !0,
1352
1470
  onClick: () => D()
1353
1471
  }
1354
1472
  ),
1355
- /* @__PURE__ */ e.jsx("h3", { className: W.title, children: r && v(r) || j && j[N] && u[j[N].path] && v((k = u[j[N].path][c]) == null ? void 0 : k.name) || c && O(c) || "Loading" }),
1356
- !n && j && !["header", "footer"].includes(c) && u[j[N].path][c] && v((y = u[j[N].path][c]) == null ? void 0 : y.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
1473
+ /* @__PURE__ */ e.jsx("h3", { className: W.title, children: r && k(r) || B && B[v] && u[B[v].path] && k((y = u[B[v].path][c]) == null ? void 0 : y.name) || c && G(c) || "Loading" }),
1474
+ !n && B && !["header", "footer"].includes(c) && u[B[v].path][c] && k((P = u[B[v].path][c]) == null ? void 0 : P.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
1357
1475
  "button",
1358
1476
  {
1359
1477
  onClick: () => {
1360
- s(!0), x(j[N].path, c), D(!0);
1478
+ s(!0), L(B[v].path, c), D(!0);
1361
1479
  },
1362
1480
  className: W.deleteButton,
1363
1481
  children: /* @__PURE__ */ e.jsx(
1364
- _,
1482
+ C,
1365
1483
  {
1366
1484
  name: "Trash",
1367
1485
  hoverable: !0
@@ -1371,30 +1489,30 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1371
1489
  )
1372
1490
  ] }),
1373
1491
  /* @__PURE__ */ e.jsxs("div", { className: W.settings, children: [
1374
- d && /* @__PURE__ */ e.jsx(Zo, { block: d }),
1375
- c && ["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(Ho, { isHeader: c === "header" }),
1492
+ d && /* @__PURE__ */ e.jsx(ys, { block: d }),
1493
+ c && ["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(cs, { isHeader: c === "header" }),
1376
1494
  !r && !c && /* @__PURE__ */ e.jsx("div", { className: W.loading, children: "Loading" })
1377
1495
  ] }),
1378
1496
  n && /* @__PURE__ */ e.jsx("div", { className: W.addButton, children: /* @__PURE__ */ e.jsx(
1379
- Y,
1497
+ Z,
1380
1498
  {
1381
1499
  style: {
1382
1500
  width: "100%"
1383
1501
  },
1384
1502
  onClick: () => {
1385
- if (s(!0), !["header", "footer"].includes(c) && j) {
1386
- const g = {
1503
+ if (s(!0), !["header", "footer"].includes(c) && B) {
1504
+ const f = {
1387
1505
  blockSettings: {}
1388
1506
  };
1389
- Object.keys(d.blockSettings).filter((B) => !["displayName", "isAddable"].includes(B)).map((B) => {
1390
- g.blockSettings[B] = d.blockSettings[B];
1391
- }), m(j[N].path, {
1507
+ Object.keys(d.blockSettings).filter((N) => !["displayName", "isAddable"].includes(N)).map((N) => {
1508
+ f.blockSettings[N] = d.blockSettings[N];
1509
+ }), p(B[v].path, {
1392
1510
  name: r,
1393
- value: g
1394
- }), f(null);
1511
+ value: f
1512
+ }), A(null);
1395
1513
  } else
1396
- c === "header" ? w(A) : L(M);
1397
- U();
1514
+ c === "header" ? g(S) : x(w);
1515
+ R();
1398
1516
  },
1399
1517
  children: "Add Section"
1400
1518
  }
@@ -1402,26 +1520,147 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1402
1520
  ]
1403
1521
  }
1404
1522
  );
1405
- }, ts = "_settings_ss3tc_1", ns = "_open_ss3tc_16", os = "_close_ss3tc_20", ss = "_header_ss3tc_24", rs = "_title_ss3tc_31", as = "_addButton_ss3tc_38", le = {
1406
- settings: ts,
1407
- open: ns,
1408
- close: os,
1409
- header: ss,
1410
- title: rs,
1411
- addButton: as
1412
- }, is = "_wrapper_joj7w_1", ls = "_category_joj7w_5", cs = "_categoryTitle_joj7w_11", ds = "_color_joj7w_17", us = "_content_joj7w_26", hs = "_preview_joj7w_35", ee = {
1413
- wrapper: is,
1414
- category: ls,
1415
- categoryTitle: cs,
1416
- color: ds,
1417
- content: us,
1418
- preview: hs
1419
- }, gs = () => {
1420
- const { themeSettings: t, updateColor: n } = $();
1523
+ }, Bs = "_settings_ss3tc_1", As = "_open_ss3tc_16", Ls = "_close_ss3tc_20", Ps = "_header_ss3tc_24", Ns = "_title_ss3tc_31", Ts = "_addButton_ss3tc_38", de = {
1524
+ settings: Bs,
1525
+ open: As,
1526
+ close: Ls,
1527
+ header: Ps,
1528
+ title: Ns,
1529
+ addButton: Ts
1530
+ }, Fs = "_wrapper_joj7w_1", $s = "_category_joj7w_5", Ds = "_categoryTitle_joj7w_11", Ms = "_color_joj7w_17", Hs = "_content_joj7w_26", Is = "_preview_joj7w_35", ne = {
1531
+ wrapper: Fs,
1532
+ category: $s,
1533
+ categoryTitle: Ds,
1534
+ color: Ms,
1535
+ content: Hs,
1536
+ preview: Is
1537
+ }, ue = (t) => {
1538
+ const { initialColor: n, onChange: o, title: s, labelStyle: i = "primary" } = t, [a, r] = m.useState(n), {
1539
+ setActiveLabel: l,
1540
+ setModalPosition: d,
1541
+ setInitialColor: b,
1542
+ setShowModal: u,
1543
+ setUpdate: p,
1544
+ setColor: h,
1545
+ setColorChange: c,
1546
+ colorChange: j
1547
+ } = Fe();
1548
+ m.useEffect(() => {
1549
+ const A = () => {
1550
+ u(!1), l(null), b(n), p(() => {
1551
+ }), h(n), c(() => {
1552
+ });
1553
+ };
1554
+ return document.body.addEventListener("click", A), () => {
1555
+ document.body.removeEventListener("click", A);
1556
+ };
1557
+ }, []);
1558
+ const L = (A) => {
1559
+ A.stopPropagation(), u(!0), c(r), p(o), b(n), h(a);
1560
+ const g = A.currentTarget.getBoundingClientRect(), x = 400, S = 288, w = 10, v = 20, B = window.innerHeight - g.bottom, D = g.top, R = window.innerWidth - g.right, _ = g.left;
1561
+ let k, y;
1562
+ k = g.bottom + w + window.scrollY, y = g.left, (B < x || B < v) && (D >= x ? k = g.top - x - w + window.scrollY : k = window.scrollY + (window.innerHeight - x) / 2), R < S && (_ >= S ? y = g.right - S : y = (window.innerWidth - S) / 2), y < g.right && y + S > g.left && k < g.bottom && k + x > g.top && (R >= S ? y = g.right + w + 100 : B >= x ? k = g.bottom + w + window.scrollY : (k = window.scrollY + (window.innerHeight - x) / 2, y = (window.innerWidth - S) / 2)), d({
1563
+ top: k,
1564
+ left: y
1565
+ });
1566
+ };
1567
+ return /* @__PURE__ */ e.jsxs("div", { className: H.content, children: [
1568
+ /* @__PURE__ */ e.jsx(
1569
+ "span",
1570
+ {
1571
+ className: T(H.name, {
1572
+ [H.secondary]: i === "secondary"
1573
+ }),
1574
+ children: s
1575
+ }
1576
+ ),
1577
+ /* @__PURE__ */ e.jsxs(
1578
+ "label",
1579
+ {
1580
+ htmlFor: "color",
1581
+ className: H.label,
1582
+ children: [
1583
+ /* @__PURE__ */ e.jsx(
1584
+ "div",
1585
+ {
1586
+ className: H.colorValue,
1587
+ style: {
1588
+ background: a
1589
+ },
1590
+ onClick: L
1591
+ }
1592
+ ),
1593
+ /* @__PURE__ */ e.jsx(
1594
+ "input",
1595
+ {
1596
+ type: "text",
1597
+ defaultValue: a,
1598
+ value: a,
1599
+ onChange: (A) => {
1600
+ const g = A.target.value;
1601
+ o(g), h(g), r(g), j(g);
1602
+ },
1603
+ className: H.input
1604
+ }
1605
+ )
1606
+ ]
1607
+ }
1608
+ )
1609
+ ] });
1610
+ }, Rs = "_tip_q9ixw_1", Es = "_text_q9ixw_12", Os = "_warning_q9ixw_18", Us = "_error_q9ixw_23", qs = "_success_q9ixw_28", Gs = "_hide_q9ixw_33", oe = {
1611
+ tip: Rs,
1612
+ text: Es,
1613
+ warning: Os,
1614
+ error: Us,
1615
+ success: qs,
1616
+ hide: Gs
1617
+ }, Oe = {
1618
+ warning: "#C1972A",
1619
+ error: "#FF3F19",
1620
+ success: "#338B13"
1621
+ }, Ke = (t) => {
1622
+ const { type: n, message: o, style: s } = t, [i, a] = m.useState(!1);
1623
+ return /* @__PURE__ */ e.jsxs(
1624
+ "div",
1625
+ {
1626
+ className: T(oe.tip, {
1627
+ [oe.warning]: n === "warning",
1628
+ [oe.error]: n === "error",
1629
+ [oe.success]: n === "success",
1630
+ [oe.hide]: i
1631
+ }),
1632
+ style: s,
1633
+ children: [
1634
+ /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
1635
+ C,
1636
+ {
1637
+ name: "Info",
1638
+ fill: Oe[n],
1639
+ width: 20,
1640
+ height: 20
1641
+ }
1642
+ ) }),
1643
+ /* @__PURE__ */ e.jsx("div", { className: oe.text, children: o }),
1644
+ /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
1645
+ C,
1646
+ {
1647
+ name: "X",
1648
+ fill: Oe[n],
1649
+ width: 20,
1650
+ height: 20,
1651
+ hoverable: !0,
1652
+ onClick: () => a(!0)
1653
+ }
1654
+ ) })
1655
+ ]
1656
+ }
1657
+ );
1658
+ }, zs = () => {
1659
+ const { themeSettings: t, updateColor: n } = I();
1421
1660
  async function o(i, a, r) {
1422
1661
  n(i, a, r);
1423
1662
  }
1424
- const s = Oe(() => {
1663
+ const s = We(() => {
1425
1664
  const i = {};
1426
1665
  return Object.entries(t.colors).forEach(([a, r]) => {
1427
1666
  Object.entries(r).forEach(([l, d]) => {
@@ -1429,38 +1668,38 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1429
1668
  });
1430
1669
  }), Object.keys(i).filter((a) => i[a].length > 1);
1431
1670
  }, [t.colors]);
1432
- return /* @__PURE__ */ e.jsx("div", { className: ee.wrapper, children: Object.entries(t.colors).map(([i, a]) => /* @__PURE__ */ e.jsxs(
1671
+ return /* @__PURE__ */ e.jsx("div", { className: ne.wrapper, children: Object.entries(t.colors).map(([i, a]) => /* @__PURE__ */ e.jsxs(
1433
1672
  "div",
1434
1673
  {
1435
- className: ee.category,
1674
+ className: ne.category,
1436
1675
  children: [
1437
- /* @__PURE__ */ e.jsx("h2", { className: ee.categoryTitle, children: O(i) }),
1676
+ /* @__PURE__ */ e.jsx("h2", { className: ne.categoryTitle, children: G(i) }),
1438
1677
  Object.entries(a).map(([r, l]) => /* @__PURE__ */ e.jsxs(
1439
1678
  "div",
1440
1679
  {
1441
- className: ee.color,
1680
+ className: ne.color,
1442
1681
  children: [
1443
- /* @__PURE__ */ e.jsxs("div", { className: ee.content, children: [
1682
+ /* @__PURE__ */ e.jsxs("div", { className: ne.content, children: [
1444
1683
  /* @__PURE__ */ e.jsx(
1445
1684
  "div",
1446
1685
  {
1447
- className: ee.preview,
1686
+ className: ne.preview,
1448
1687
  style: {
1449
1688
  background: l
1450
1689
  }
1451
1690
  }
1452
1691
  ),
1453
1692
  /* @__PURE__ */ e.jsx(
1454
- ce,
1693
+ ue,
1455
1694
  {
1456
- title: O(r),
1695
+ title: G(r),
1457
1696
  initialColor: l,
1458
1697
  onChange: (d) => o(i, r, d)
1459
1698
  }
1460
1699
  )
1461
1700
  ] }),
1462
1701
  s.includes(l) && /* @__PURE__ */ e.jsx(
1463
- lt,
1702
+ Ke,
1464
1703
  {
1465
1704
  type: "warning",
1466
1705
  message: "To avoid contrast problems, please use a different color",
@@ -1477,22 +1716,43 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1477
1716
  },
1478
1717
  i
1479
1718
  )) });
1480
- }, ps = "_wrapper_dv4am_2", ms = "_category_dv4am_6", Ss = "_categoryTitle_dv4am_12", bs = "_color_dv4am_18", Cs = "_name_dv4am_24", fs = "_content_dv4am_29", _s = "_label_dv4am_36", ws = "_input_dv4am_48", vs = "_title_dv4am_74", xs = "_field_dv4am_82", ks = "_alignments_dv4am_92", ys = "_lineField_dv4am_98", js = "_style_dv4am_106", Bs = "_header_dv4am_113", V = {
1481
- wrapper: ps,
1482
- category: ms,
1483
- categoryTitle: Ss,
1484
- color: bs,
1485
- name: Cs,
1486
- content: fs,
1487
- label: _s,
1488
- input: ws,
1489
- title: vs,
1490
- field: xs,
1491
- alignments: ks,
1492
- lineField: ys,
1493
- style: js,
1494
- header: Bs
1495
- }, As = ["left", "center", "right"], Ps = ["solid", "dashed"], Se = (t) => {
1719
+ }, Ws = "_wrapper_dv4am_2", Vs = "_category_dv4am_6", Xs = "_categoryTitle_dv4am_12", Ys = "_color_dv4am_18", Qs = "_name_dv4am_24", Ks = "_content_dv4am_29", Js = "_label_dv4am_36", Zs = "_input_dv4am_48", ea = "_title_dv4am_74", ta = "_field_dv4am_82", na = "_alignments_dv4am_92", oa = "_lineField_dv4am_98", sa = "_style_dv4am_106", aa = "_header_dv4am_113", V = {
1720
+ wrapper: Ws,
1721
+ category: Vs,
1722
+ categoryTitle: Xs,
1723
+ color: Ys,
1724
+ name: Qs,
1725
+ content: Ks,
1726
+ label: Js,
1727
+ input: Zs,
1728
+ title: ea,
1729
+ field: ta,
1730
+ alignments: na,
1731
+ lineField: oa,
1732
+ style: sa,
1733
+ header: aa
1734
+ }, ra = "_blocks_emecf_1", ia = "_block_emecf_1", la = "_active_emecf_21", Ne = {
1735
+ blocks: ra,
1736
+ block: ia,
1737
+ active: la
1738
+ }, Ue = (t) => {
1739
+ const { items: n, selectedItem: o, onSelect: s, getIconName: i } = t;
1740
+ return /* @__PURE__ */ e.jsx("div", { className: Ne.blocks, children: n.map((a) => /* @__PURE__ */ e.jsx(
1741
+ "div",
1742
+ {
1743
+ className: T(Ne.block, { [Ne.active]: o === a }),
1744
+ onClick: () => s(a),
1745
+ children: /* @__PURE__ */ e.jsx(
1746
+ C,
1747
+ {
1748
+ name: i(a),
1749
+ fill: o === a ? "#252525" : "#757575"
1750
+ }
1751
+ )
1752
+ },
1753
+ String(a)
1754
+ )) });
1755
+ }, ca = ["left", "center", "right"], da = ["solid", "dashed"], fe = (t) => {
1496
1756
  const { title: n, children: o, rightAddon: s } = t;
1497
1757
  return /* @__PURE__ */ e.jsxs("div", { className: V.field, children: [
1498
1758
  /* @__PURE__ */ e.jsxs("div", { className: V.header, children: [
@@ -1501,16 +1761,16 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1501
1761
  ] }),
1502
1762
  o
1503
1763
  ] });
1504
- }, Ls = () => {
1505
- const { themeSettings: t, updateInput: n } = $(), o = Oe(() => t.inputs, [t]), s = (a, r, l) => {
1764
+ }, ua = () => {
1765
+ const { themeSettings: t, updateInput: n } = I(), o = We(() => t.inputs, [t]), s = (a, r, l) => {
1506
1766
  n(a, r, l);
1507
1767
  }, i = (a) => (r) => {
1508
1768
  n(a, r, "color");
1509
1769
  };
1510
1770
  return /* @__PURE__ */ e.jsxs("div", { className: V.wrapper, children: [
1511
- /* @__PURE__ */ e.jsxs(Se, { title: "General", children: [
1771
+ /* @__PURE__ */ e.jsxs(fe, { title: "General", children: [
1512
1772
  /* @__PURE__ */ e.jsx(
1513
- R,
1773
+ O,
1514
1774
  {
1515
1775
  label: "Height (px)",
1516
1776
  value: String(o.general.height),
@@ -1520,7 +1780,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1520
1780
  }
1521
1781
  ),
1522
1782
  /* @__PURE__ */ e.jsx(
1523
- R,
1783
+ O,
1524
1784
  {
1525
1785
  label: "Style name",
1526
1786
  value: o.general.name,
@@ -1528,18 +1788,18 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1528
1788
  }
1529
1789
  ),
1530
1790
  /* @__PURE__ */ e.jsx(
1531
- re,
1791
+ ie,
1532
1792
  {
1533
1793
  label: "Font Size (px)",
1534
1794
  onChange: (a) => s("general", a, "size"),
1535
1795
  value: String(o.general.size),
1536
- options: fe
1796
+ options: ve
1537
1797
  }
1538
1798
  ),
1539
1799
  /* @__PURE__ */ e.jsx(
1540
- ce,
1800
+ ue,
1541
1801
  {
1542
- initialColor: O(o.general.color),
1802
+ initialColor: G(o.general.color),
1543
1803
  onChange: i("general"),
1544
1804
  title: "Font Color",
1545
1805
  labelStyle: "secondary"
@@ -1547,11 +1807,11 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1547
1807
  )
1548
1808
  ] }),
1549
1809
  /* @__PURE__ */ e.jsxs(
1550
- Se,
1810
+ fe,
1551
1811
  {
1552
1812
  title: "Field Fill",
1553
1813
  rightAddon: /* @__PURE__ */ e.jsx("div", { className: V.switch, children: /* @__PURE__ */ e.jsx(
1554
- Le,
1814
+ $e,
1555
1815
  {
1556
1816
  onChange: (a) => s("field", a, "active"),
1557
1817
  current: o.field.active
@@ -1559,16 +1819,16 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1559
1819
  ) }),
1560
1820
  children: [
1561
1821
  /* @__PURE__ */ e.jsx(
1562
- ce,
1822
+ ue,
1563
1823
  {
1564
- initialColor: O(o.field.color),
1824
+ initialColor: G(o.field.color),
1565
1825
  onChange: i("field"),
1566
1826
  title: "Color",
1567
1827
  labelStyle: "secondary"
1568
1828
  }
1569
1829
  ),
1570
1830
  /* @__PURE__ */ e.jsx(
1571
- R,
1831
+ O,
1572
1832
  {
1573
1833
  label: "Opacity (%)",
1574
1834
  value: String(o.field.opacity),
@@ -1581,11 +1841,11 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1581
1841
  }
1582
1842
  ),
1583
1843
  /* @__PURE__ */ e.jsxs(
1584
- Se,
1844
+ fe,
1585
1845
  {
1586
1846
  title: "Border",
1587
1847
  rightAddon: /* @__PURE__ */ e.jsx("div", { className: V.switch, children: /* @__PURE__ */ e.jsx(
1588
- Le,
1848
+ $e,
1589
1849
  {
1590
1850
  onChange: (a) => s("border", a, "active"),
1591
1851
  current: o.border.active
@@ -1596,9 +1856,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1596
1856
  /* @__PURE__ */ e.jsxs("div", { className: V.style, children: [
1597
1857
  /* @__PURE__ */ e.jsx("span", { className: V.title, children: "Style" }),
1598
1858
  /* @__PURE__ */ e.jsx(
1599
- Ne,
1859
+ Ue,
1600
1860
  {
1601
- items: Ps,
1861
+ items: da,
1602
1862
  selectedItem: o.border.style,
1603
1863
  onSelect: (a) => s("border", a, "style"),
1604
1864
  getIconName: (a) => a === "solid" ? "Minus" : "Selection"
@@ -1606,7 +1866,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1606
1866
  )
1607
1867
  ] }),
1608
1868
  /* @__PURE__ */ e.jsx(
1609
- R,
1869
+ O,
1610
1870
  {
1611
1871
  label: "Radius (px)",
1612
1872
  value: String(o.border.radius),
@@ -1617,7 +1877,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1617
1877
  )
1618
1878
  ] }),
1619
1879
  /* @__PURE__ */ e.jsx(
1620
- R,
1880
+ O,
1621
1881
  {
1622
1882
  label: "Thickness (px)",
1623
1883
  value: String(o.border.thickness),
@@ -1627,9 +1887,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1627
1887
  }
1628
1888
  ),
1629
1889
  /* @__PURE__ */ e.jsx(
1630
- ce,
1890
+ ue,
1631
1891
  {
1632
- initialColor: O(o.border.color),
1892
+ initialColor: G(o.border.color),
1633
1893
  onChange: i("border"),
1634
1894
  title: "Color",
1635
1895
  labelStyle: "secondary"
@@ -1638,9 +1898,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1638
1898
  ]
1639
1899
  }
1640
1900
  ),
1641
- /* @__PURE__ */ e.jsxs(Se, { title: "Label", children: [
1901
+ /* @__PURE__ */ e.jsxs(fe, { title: "Label", children: [
1642
1902
  /* @__PURE__ */ e.jsx(
1643
- R,
1903
+ O,
1644
1904
  {
1645
1905
  label: "Line Height (px)",
1646
1906
  value: String(o.label.height),
@@ -1650,18 +1910,18 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1650
1910
  }
1651
1911
  ),
1652
1912
  /* @__PURE__ */ e.jsx(
1653
- re,
1913
+ ie,
1654
1914
  {
1655
1915
  label: "Font Size (px)",
1656
1916
  onChange: (a) => s("label", a, "size"),
1657
1917
  value: String(o.label.size),
1658
- options: fe
1918
+ options: ve
1659
1919
  }
1660
1920
  ),
1661
1921
  /* @__PURE__ */ e.jsx(
1662
- ce,
1922
+ ue,
1663
1923
  {
1664
- initialColor: O(o.label.color),
1924
+ initialColor: G(o.label.color),
1665
1925
  onChange: i("label"),
1666
1926
  title: "Color",
1667
1927
  labelStyle: "secondary"
@@ -1670,9 +1930,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1670
1930
  /* @__PURE__ */ e.jsxs("div", { className: V.alignments, children: [
1671
1931
  /* @__PURE__ */ e.jsx("h4", { className: V.title, children: "Alignment Type" }),
1672
1932
  /* @__PURE__ */ e.jsx(
1673
- Ne,
1933
+ Ue,
1674
1934
  {
1675
- items: As,
1935
+ items: ca,
1676
1936
  selectedItem: o.label.alignment,
1677
1937
  onSelect: (a) => s("label", a, "alignment"),
1678
1938
  getIconName: (a) => a === "center" ? "AlignCenterHorizontal" : a === "left" ? "AlignLeft" : "AlignRight"
@@ -1681,57 +1941,57 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1681
1941
  ] })
1682
1942
  ] })
1683
1943
  ] });
1684
- }, Ns = "_wrapper_lov6e_1", Ts = "_category_lov6e_5", Fs = "_categoryTitle_lov6e_11", Ds = "_font_lov6e_17", $s = "_content_lov6e_38", Ms = "_icon_lov6e_45", Hs = "_paragraph_lov6e_56", Rs = "_deleteIcon_lov6e_60", Is = "_iconButton_lov6e_67", K = {
1685
- wrapper: Ns,
1686
- category: Ts,
1687
- categoryTitle: Fs,
1688
- font: Ds,
1689
- content: $s,
1690
- icon: Ms,
1691
- paragraph: Hs,
1692
- deleteIcon: Rs,
1693
- iconButton: Is
1694
- }, Es = (t) => {
1695
- const { font: n, size: o, id: s, category: i } = t, { setActiveFont: a } = $();
1944
+ }, ha = "_wrapper_lov6e_1", pa = "_category_lov6e_5", ga = "_categoryTitle_lov6e_11", ma = "_font_lov6e_17", Sa = "_content_lov6e_38", _a = "_icon_lov6e_45", ba = "_paragraph_lov6e_56", fa = "_deleteIcon_lov6e_60", Ca = "_iconButton_lov6e_67", Q = {
1945
+ wrapper: ha,
1946
+ category: pa,
1947
+ categoryTitle: ga,
1948
+ font: ma,
1949
+ content: Sa,
1950
+ icon: _a,
1951
+ paragraph: ba,
1952
+ deleteIcon: fa,
1953
+ iconButton: Ca
1954
+ }, wa = (t) => {
1955
+ const { font: n, size: o, id: s, category: i } = t, { setActiveFont: a } = I();
1696
1956
  return /* @__PURE__ */ e.jsxs(
1697
1957
  "div",
1698
1958
  {
1699
- className: K.font,
1959
+ className: Q.font,
1700
1960
  onClick: () => a(s),
1701
1961
  children: [
1702
1962
  /* @__PURE__ */ e.jsx(
1703
1963
  "div",
1704
1964
  {
1705
- className: P(K.icon, {
1706
- [K.paragraph]: i === "paragraph"
1965
+ className: T(Q.icon, {
1966
+ [Q.paragraph]: i === "paragraph"
1707
1967
  }),
1708
- children: /* @__PURE__ */ e.jsx(_, { name: i === "paragraph" ? "TextB" : "TextH" })
1968
+ children: /* @__PURE__ */ e.jsx(C, { name: i === "paragraph" ? "TextB" : "TextH" })
1709
1969
  }
1710
1970
  ),
1711
- /* @__PURE__ */ e.jsxs("div", { className: K.content, children: [
1712
- /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: O(s) }),
1713
- /* @__PURE__ */ e.jsx("span", { className: K.value, children: `${n}, ${o}px` })
1971
+ /* @__PURE__ */ e.jsxs("div", { className: Q.content, children: [
1972
+ /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: G(s) }),
1973
+ /* @__PURE__ */ e.jsx("span", { className: Q.value, children: `${n}, ${o}px` })
1714
1974
  ] })
1715
1975
  ]
1716
1976
  }
1717
1977
  );
1718
- }, Os = () => {
1719
- const { themeSettings: t, setActiveFont: n, activeBlock: o } = $();
1720
- S.useEffect(() => (s(), () => {
1978
+ }, va = () => {
1979
+ const { themeSettings: t, setActiveFont: n, activeBlock: o } = I();
1980
+ m.useEffect(() => (s(), () => {
1721
1981
  s();
1722
1982
  }), []);
1723
1983
  function s() {
1724
1984
  n(null);
1725
1985
  }
1726
1986
  if (o != null && o.name)
1727
- return /* @__PURE__ */ e.jsx("div", { className: K.wrapper, children: Object.entries(t.fonts).map(([i, a]) => /* @__PURE__ */ e.jsxs(
1987
+ return /* @__PURE__ */ e.jsx("div", { className: Q.wrapper, children: Object.entries(t.fonts).map(([i, a]) => /* @__PURE__ */ e.jsxs(
1728
1988
  "div",
1729
1989
  {
1730
- className: K.category,
1990
+ className: Q.category,
1731
1991
  children: [
1732
- /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: O(i) }),
1992
+ /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: G(i) }),
1733
1993
  Object.entries(a).map(([r, l]) => /* @__PURE__ */ e.jsx(
1734
- Es,
1994
+ wa,
1735
1995
  {
1736
1996
  id: r,
1737
1997
  category: i,
@@ -1743,119 +2003,119 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1743
2003
  },
1744
2004
  i
1745
2005
  )) });
1746
- }, Us = "_wrapper_smgf8_1", qs = "_open_smgf8_16", Gs = "_close_smgf8_20", zs = "_header_smgf8_24", Ws = "_title_smgf8_32", Vs = "_options_smgf8_38", Xs = "_clicked_smgf8_45", te = {
1747
- wrapper: Us,
1748
- open: qs,
1749
- close: Gs,
1750
- header: zs,
1751
- title: Ws,
1752
- options: Vs,
1753
- clicked: Xs
1754
- }, Qs = () => {
1755
- const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: i } = $(), { fonts: a } = Ee(), [r, l] = S.useState(null);
2006
+ }, xa = "_wrapper_smgf8_1", ka = "_open_smgf8_16", ya = "_close_smgf8_20", ja = "_header_smgf8_24", Ba = "_title_smgf8_32", Aa = "_options_smgf8_38", La = "_clicked_smgf8_45", se = {
2007
+ wrapper: xa,
2008
+ open: ka,
2009
+ close: ya,
2010
+ header: ja,
2011
+ title: Ba,
2012
+ options: Aa,
2013
+ clicked: La
2014
+ }, Pa = () => {
2015
+ const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: i } = I(), { fonts: a } = ze(), [r, l] = m.useState(null);
1756
2016
  function d() {
1757
2017
  n(null);
1758
2018
  }
1759
- function C(m, h) {
1760
- r && o && i(r, o, h, m);
2019
+ function b(p, h) {
2020
+ r && o && i(r, o, h, p);
1761
2021
  }
1762
- const u = S.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]);
2022
+ const u = 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]);
1763
2023
  return /* @__PURE__ */ e.jsxs(
1764
2024
  "div",
1765
2025
  {
1766
- className: P(te.wrapper, {
1767
- [te.open]: (t == null ? void 0 : t.name) === "Fonts" && o,
1768
- [te.close]: (t == null ? void 0 : t.name) !== "Fonts" || !o
2026
+ className: T(se.wrapper, {
2027
+ [se.open]: (t == null ? void 0 : t.name) === "Fonts" && o,
2028
+ [se.close]: (t == null ? void 0 : t.name) !== "Fonts" || !o
1769
2029
  }),
1770
2030
  children: [
1771
2031
  /* @__PURE__ */ e.jsxs(
1772
2032
  "div",
1773
2033
  {
1774
- className: te.header,
2034
+ className: se.header,
1775
2035
  onClick: d,
1776
2036
  children: [
1777
2037
  /* @__PURE__ */ e.jsx(
1778
- _,
2038
+ C,
1779
2039
  {
1780
2040
  name: "CaretLeft",
1781
2041
  hoverable: !0
1782
2042
  }
1783
2043
  ),
1784
- /* @__PURE__ */ e.jsx("span", { className: te.title, children: "Font Style" })
2044
+ /* @__PURE__ */ e.jsx("span", { className: se.title, children: "Font Style" })
1785
2045
  ]
1786
2046
  }
1787
2047
  ),
1788
- o && u && /* @__PURE__ */ e.jsxs("div", { className: te.options, children: [
2048
+ o && u && /* @__PURE__ */ e.jsxs("div", { className: se.options, children: [
1789
2049
  /* @__PURE__ */ e.jsx(
1790
- re,
2050
+ ie,
1791
2051
  {
1792
2052
  label: "Font",
1793
2053
  value: u.font,
1794
- onChange: (m) => C(m, "font"),
1795
- options: [...a.filter((m) => m !== u.font)]
2054
+ onChange: (p) => b(p, "font"),
2055
+ options: [...a.filter((p) => p !== u.font)]
1796
2056
  }
1797
2057
  ),
1798
2058
  /* @__PURE__ */ e.jsx(
1799
- re,
2059
+ ie,
1800
2060
  {
1801
2061
  label: "Size",
1802
2062
  value: String(u.size),
1803
- onChange: (m) => C(m, "size"),
1804
- options: fe
2063
+ onChange: (p) => b(p, "size"),
2064
+ options: ve
1805
2065
  }
1806
2066
  ),
1807
2067
  /* @__PURE__ */ e.jsx(
1808
- re,
2068
+ ie,
1809
2069
  {
1810
2070
  label: "Weight",
1811
2071
  value: String(u.weight),
1812
- onChange: (m) => C(m, "weight"),
1813
- options: ct
2072
+ onChange: (p) => b(p, "weight"),
2073
+ options: gt
1814
2074
  }
1815
2075
  )
1816
2076
  ] })
1817
2077
  ]
1818
2078
  }
1819
2079
  );
1820
- }, Ks = "_wrapper_smgf8_1", Ys = "_open_smgf8_16", Js = "_close_smgf8_20", Zs = "_header_smgf8_24", er = "_title_smgf8_32", tr = "_options_smgf8_38", nr = "_clicked_smgf8_45", ne = {
1821
- wrapper: Ks,
1822
- open: Ys,
1823
- close: Js,
1824
- header: Zs,
1825
- title: er,
1826
- options: tr,
1827
- clicked: nr
1828
- }, We = () => {
1829
- const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: s } = $();
2080
+ }, 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", ae = {
2081
+ wrapper: Na,
2082
+ open: Ta,
2083
+ close: Fa,
2084
+ header: $a,
2085
+ title: Da,
2086
+ options: Ma,
2087
+ clicked: Ha
2088
+ }, Je = () => {
2089
+ const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: s } = I();
1830
2090
  function i(l, d) {
1831
2091
  o(d, l);
1832
2092
  }
1833
2093
  function a() {
1834
2094
  s(null);
1835
2095
  }
1836
- const r = S.useMemo(() => n.borders, [n]);
2096
+ const r = m.useMemo(() => n.borders, [n]);
1837
2097
  return /* @__PURE__ */ e.jsxs(
1838
2098
  "div",
1839
2099
  {
1840
- className: P(ne.wrapper, {
1841
- [ne.open]: (t == null ? void 0 : t.name) === "Borders",
1842
- [ne.close]: (t == null ? void 0 : t.name) !== "Borders"
2100
+ className: T(ae.wrapper, {
2101
+ [ae.open]: (t == null ? void 0 : t.name) === "Borders",
2102
+ [ae.close]: (t == null ? void 0 : t.name) !== "Borders"
1843
2103
  }),
1844
2104
  children: [
1845
- /* @__PURE__ */ e.jsxs("div", { className: ne.header, children: [
2105
+ /* @__PURE__ */ e.jsxs("div", { className: ae.header, children: [
1846
2106
  /* @__PURE__ */ e.jsx(
1847
- _,
2107
+ C,
1848
2108
  {
1849
2109
  name: "CaretLeft",
1850
2110
  hoverable: !0,
1851
2111
  onClick: a
1852
2112
  }
1853
2113
  ),
1854
- /* @__PURE__ */ e.jsx("span", { className: ne.title, children: "Borders Style" })
2114
+ /* @__PURE__ */ e.jsx("span", { className: ae.title, children: "Borders Style" })
1855
2115
  ] }),
1856
- /* @__PURE__ */ e.jsxs("div", { className: ne.options, children: [
2116
+ /* @__PURE__ */ e.jsxs("div", { className: ae.options, children: [
1857
2117
  /* @__PURE__ */ e.jsx(
1858
- R,
2118
+ O,
1859
2119
  {
1860
2120
  label: "Border Radius (px)",
1861
2121
  value: String(r.radius),
@@ -1865,7 +2125,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1865
2125
  }
1866
2126
  ),
1867
2127
  /* @__PURE__ */ e.jsx(
1868
- R,
2128
+ O,
1869
2129
  {
1870
2130
  label: "Border Thickness (px)",
1871
2131
  value: String(r.thickness),
@@ -1878,50 +2138,50 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1878
2138
  ]
1879
2139
  }
1880
2140
  );
1881
- }, or = "_wrapper_1phvv_1", sr = "_open_1phvv_16", rr = "_close_1phvv_20", ar = "_header_1phvv_24", ir = "_title_1phvv_32", lr = "_options_1phvv_38", cr = "_clicked_1phvv_45", dr = "_label_1phvv_49", ur = "_alignments_1phvv_56", hr = "_blocks_1phvv_62", gr = "_alignment_1phvv_56", pr = "_active_1phvv_77", I = {
1882
- wrapper: or,
1883
- open: sr,
1884
- close: rr,
1885
- header: ar,
1886
- title: ir,
1887
- options: lr,
1888
- clicked: cr,
1889
- label: dr,
1890
- alignments: ur,
1891
- blocks: hr,
1892
- alignment: gr,
1893
- active: pr
1894
- }, mr = ["left", "center", "right"], Ve = () => {
1895
- const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: s } = $();
2141
+ }, Ia = "_wrapper_1phvv_1", Ra = "_open_1phvv_16", Ea = "_close_1phvv_20", Oa = "_header_1phvv_24", Ua = "_title_1phvv_32", qa = "_options_1phvv_38", Ga = "_clicked_1phvv_45", za = "_label_1phvv_49", Wa = "_alignments_1phvv_56", Va = "_blocks_1phvv_62", Xa = "_alignment_1phvv_56", Ya = "_active_1phvv_77", U = {
2142
+ wrapper: Ia,
2143
+ open: Ra,
2144
+ close: Ea,
2145
+ header: Oa,
2146
+ title: Ua,
2147
+ options: qa,
2148
+ clicked: Ga,
2149
+ label: za,
2150
+ alignments: Wa,
2151
+ blocks: Va,
2152
+ alignment: Xa,
2153
+ active: Ya
2154
+ }, Qa = ["left", "center", "right"], Ze = () => {
2155
+ const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: s } = I();
1896
2156
  function i(l, d) {
1897
2157
  o(d, l);
1898
2158
  }
1899
2159
  function a() {
1900
2160
  s(null);
1901
2161
  }
1902
- const r = S.useMemo(() => n.buttons, [n]);
2162
+ const r = m.useMemo(() => n.buttons, [n]);
1903
2163
  return /* @__PURE__ */ e.jsxs(
1904
2164
  "div",
1905
2165
  {
1906
- className: P(I.wrapper, {
1907
- [I.open]: (t == null ? void 0 : t.name) === "Buttons",
1908
- [I.close]: (t == null ? void 0 : t.name) !== "Buttons"
2166
+ className: T(U.wrapper, {
2167
+ [U.open]: (t == null ? void 0 : t.name) === "Buttons",
2168
+ [U.close]: (t == null ? void 0 : t.name) !== "Buttons"
1909
2169
  }),
1910
2170
  children: [
1911
- /* @__PURE__ */ e.jsxs("div", { className: I.header, children: [
2171
+ /* @__PURE__ */ e.jsxs("div", { className: U.header, children: [
1912
2172
  /* @__PURE__ */ e.jsx(
1913
- _,
2173
+ C,
1914
2174
  {
1915
2175
  name: "CaretLeft",
1916
2176
  hoverable: !0,
1917
2177
  onClick: a
1918
2178
  }
1919
2179
  ),
1920
- /* @__PURE__ */ e.jsx("span", { className: I.title, children: "Buttons Style" })
2180
+ /* @__PURE__ */ e.jsx("span", { className: U.title, children: "Buttons Style" })
1921
2181
  ] }),
1922
- r && /* @__PURE__ */ e.jsxs("div", { className: I.options, children: [
2182
+ r && /* @__PURE__ */ e.jsxs("div", { className: U.options, children: [
1923
2183
  /* @__PURE__ */ e.jsx(
1924
- R,
2184
+ O,
1925
2185
  {
1926
2186
  label: "Height (px)",
1927
2187
  value: String(r.height),
@@ -1931,16 +2191,16 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1931
2191
  }
1932
2192
  ),
1933
2193
  /* @__PURE__ */ e.jsx(
1934
- re,
2194
+ ie,
1935
2195
  {
1936
2196
  label: "Font Size (px)",
1937
2197
  value: String(r.size),
1938
2198
  onChange: (l) => i(l, "size"),
1939
- options: fe
2199
+ options: ve
1940
2200
  }
1941
2201
  ),
1942
2202
  /* @__PURE__ */ e.jsx(
1943
- R,
2203
+ O,
1944
2204
  {
1945
2205
  label: "Border Radius (px)",
1946
2206
  value: String(r.radius),
@@ -1949,19 +2209,19 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1949
2209
  min: 0
1950
2210
  }
1951
2211
  ),
1952
- /* @__PURE__ */ e.jsxs("div", { className: I.alignments, children: [
1953
- /* @__PURE__ */ e.jsx("h4", { className: I.label, children: "Alignment Type" }),
1954
- /* @__PURE__ */ e.jsx("div", { className: I.blocks, children: mr.map((l) => /* @__PURE__ */ e.jsx(
2212
+ /* @__PURE__ */ e.jsxs("div", { className: U.alignments, children: [
2213
+ /* @__PURE__ */ e.jsx("h4", { className: U.label, children: "Alignment Type" }),
2214
+ /* @__PURE__ */ e.jsx("div", { className: U.blocks, children: Qa.map((l) => /* @__PURE__ */ e.jsx(
1955
2215
  "div",
1956
2216
  {
1957
- className: P(I.alignment, {
1958
- [I.active]: r.alignment === l
2217
+ className: T(U.alignment, {
2218
+ [U.active]: r.alignment === l
1959
2219
  }),
1960
2220
  onClick: () => {
1961
2221
  i(l, "alignment");
1962
2222
  },
1963
2223
  children: /* @__PURE__ */ e.jsx(
1964
- _,
2224
+ C,
1965
2225
  {
1966
2226
  name: l === "center" ? "AlignCenterHorizontal" : l === "left" ? "AlignLeft" : "AlignRight",
1967
2227
  fill: r.alignment === l ? "#252525" : "#757575"
@@ -1975,48 +2235,48 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1975
2235
  ]
1976
2236
  }
1977
2237
  );
1978
- }, Sr = () => {
1979
- const { activeBlock: t, themeSettings: n } = $();
2238
+ }, Ka = () => {
2239
+ const { activeBlock: t, themeSettings: n } = I();
1980
2240
  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
1981
- (t == null ? void 0 : t.name) === "Fonts" && n.fonts && /* @__PURE__ */ e.jsx(Qs, {}),
1982
- (t == null ? void 0 : t.name) === "Borders" && n.borders && /* @__PURE__ */ e.jsx(We, {}),
1983
- (t == null ? void 0 : t.name) === "Buttons" && n.buttons && /* @__PURE__ */ e.jsx(Ve, {})
2241
+ (t == null ? void 0 : t.name) === "Fonts" && n.fonts && /* @__PURE__ */ e.jsx(Pa, {}),
2242
+ (t == null ? void 0 : t.name) === "Borders" && n.borders && /* @__PURE__ */ e.jsx(Je, {}),
2243
+ (t == null ? void 0 : t.name) === "Buttons" && n.buttons && /* @__PURE__ */ e.jsx(Ze, {})
1984
2244
  ] });
1985
- }, br = () => {
1986
- const { activeBlock: t, setActiveBlock: n, themeSettings: o } = $(), { activeBlock: s } = _e();
2245
+ }, Ja = () => {
2246
+ const { activeBlock: t, setActiveBlock: n, themeSettings: o } = I(), { activeBlock: s } = je();
1987
2247
  function i() {
1988
2248
  n(null);
1989
2249
  }
1990
2250
  return /* @__PURE__ */ e.jsxs(
1991
2251
  "div",
1992
2252
  {
1993
- className: P(le.settings, {
1994
- [le.open]: t,
1995
- [le.close]: !t || s.name !== "Theme"
2253
+ className: T(de.settings, {
2254
+ [de.open]: t,
2255
+ [de.close]: !t || s.name !== "Theme"
1996
2256
  }),
1997
2257
  children: [
1998
- /* @__PURE__ */ e.jsxs("div", { className: le.header, children: [
2258
+ /* @__PURE__ */ e.jsxs("div", { className: de.header, children: [
1999
2259
  /* @__PURE__ */ e.jsx(
2000
- _,
2260
+ C,
2001
2261
  {
2002
2262
  name: "CaretLeft",
2003
2263
  hoverable: !0,
2004
2264
  onClick: i
2005
2265
  }
2006
2266
  ),
2007
- /* @__PURE__ */ e.jsx("span", { className: le.title, children: t == null ? void 0 : t.name })
2267
+ /* @__PURE__ */ e.jsx("span", { className: de.title, children: t == null ? void 0 : t.name })
2008
2268
  ] }),
2009
- (t == null ? void 0 : t.name) === "Fonts" && o.fonts && /* @__PURE__ */ e.jsx(Os, {}),
2010
- (t == null ? void 0 : t.name) === "Colors" && o.colors && /* @__PURE__ */ e.jsx(gs, {}),
2011
- (t == null ? void 0 : t.name) === "Inputs" && o.inputs && /* @__PURE__ */ e.jsx(Ls, {}),
2012
- (t == null ? void 0 : t.name) === "Borders" && o.borders && /* @__PURE__ */ e.jsx(We, {}),
2013
- (t == null ? void 0 : t.name) === "Buttons" && o.buttons && /* @__PURE__ */ e.jsx(Ve, {}),
2014
- /* @__PURE__ */ e.jsx(Sr, {})
2269
+ (t == null ? void 0 : t.name) === "Fonts" && o.fonts && /* @__PURE__ */ e.jsx(va, {}),
2270
+ (t == null ? void 0 : t.name) === "Colors" && o.colors && /* @__PURE__ */ e.jsx(zs, {}),
2271
+ (t == null ? void 0 : t.name) === "Inputs" && o.inputs && /* @__PURE__ */ e.jsx(ua, {}),
2272
+ (t == null ? void 0 : t.name) === "Borders" && o.borders && /* @__PURE__ */ e.jsx(Je, {}),
2273
+ (t == null ? void 0 : t.name) === "Buttons" && o.buttons && /* @__PURE__ */ e.jsx(Ze, {}),
2274
+ /* @__PURE__ */ e.jsx(Ka, {})
2015
2275
  ]
2016
2276
  }
2017
2277
  );
2018
- }, Cr = () => {
2019
- const { activeBlock: t } = _e(), { activeBlock: n } = X();
2278
+ }, Za = () => {
2279
+ const { activeBlock: t } = je(), { activeBlock: n } = X();
2020
2280
  function o() {
2021
2281
  switch (t.name) {
2022
2282
  case "Layers":
@@ -2029,29 +2289,66 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2029
2289
  return "Settings";
2030
2290
  }
2031
2291
  }
2032
- return /* @__PURE__ */ e.jsxs("div", { className: $e.sidebar, children: [
2033
- /* @__PURE__ */ e.jsx("h3", { className: $e.title, children: o() }),
2034
- t.name === "Layers" && /* @__PURE__ */ e.jsx(Mo, {}),
2035
- t.name === "Add" && /* @__PURE__ */ e.jsx(ze, {}),
2036
- /* @__PURE__ */ e.jsx(es, { isAdd: !!n }),
2037
- /* @__PURE__ */ e.jsx(br, {}),
2038
- t.name === "Theme" && /* @__PURE__ */ e.jsx(Uo, {}),
2039
- t.name === "Settings" && /* @__PURE__ */ e.jsx(Ro, {})
2292
+ return /* @__PURE__ */ e.jsxs("div", { className: Ie.sidebar, children: [
2293
+ /* @__PURE__ */ e.jsx("h3", { className: Ie.title, children: o() }),
2294
+ t.name === "Layers" && /* @__PURE__ */ e.jsx(ls, {}),
2295
+ t.name === "Add" && /* @__PURE__ */ e.jsx(Qe, {}),
2296
+ /* @__PURE__ */ e.jsx(js, { isAdd: !!n }),
2297
+ /* @__PURE__ */ e.jsx(Ja, {}),
2298
+ t.name === "Theme" && /* @__PURE__ */ e.jsx(gs, {}),
2299
+ t.name === "Settings" && /* @__PURE__ */ e.jsx(ds, {})
2300
+ ] });
2301
+ }, er = "_wrapper_gibny_1", tr = "_header_gibny_12", nr = "_content_gibny_23", or = "_buttons_gibny_31", sr = "_cancel_gibny_38", ar = "_label_gibny_43", rr = "_description_gibny_44", ir = "_preview_gibny_52", lr = "_block_gibny_58", cr = "_slug_gibny_67", dr = "_title_gibny_73", q = {
2302
+ wrapper: er,
2303
+ header: tr,
2304
+ content: nr,
2305
+ buttons: or,
2306
+ cancel: sr,
2307
+ label: ar,
2308
+ description: rr,
2309
+ preview: ir,
2310
+ block: lr,
2311
+ slug: cr,
2312
+ title: dr
2313
+ }, ur = "_wrapper_ba9vp_2", hr = "_label_ba9vp_10", pr = "_options_ba9vp_18", gr = "_radioLabel_ba9vp_24", mr = "_radio_ba9vp_24", Sr = "_custom_ba9vp_39", _r = "_option_ba9vp_18", J = {
2314
+ wrapper: ur,
2315
+ label: hr,
2316
+ options: pr,
2317
+ radioLabel: gr,
2318
+ radio: mr,
2319
+ custom: Sr,
2320
+ option: _r
2321
+ }, br = (t) => {
2322
+ const { defaultValue: n, options: o, onChange: s, label: i } = t, [a, r] = m.useState(n), l = (d) => {
2323
+ const b = d.target.value;
2324
+ r(b), s(b);
2325
+ };
2326
+ return /* @__PURE__ */ e.jsxs("div", { className: J.wrapper, children: [
2327
+ /* @__PURE__ */ e.jsx("span", { className: J.label, children: i }),
2328
+ /* @__PURE__ */ e.jsx("div", { className: J.options, children: o.map((d) => /* @__PURE__ */ e.jsxs(
2329
+ "label",
2330
+ {
2331
+ className: J.radioLabel,
2332
+ children: [
2333
+ /* @__PURE__ */ e.jsx(
2334
+ "input",
2335
+ {
2336
+ type: "radio",
2337
+ value: d.value,
2338
+ checked: a === d.value,
2339
+ onChange: l,
2340
+ className: J.radio
2341
+ }
2342
+ ),
2343
+ /* @__PURE__ */ e.jsx("span", { className: J.custom }),
2344
+ /* @__PURE__ */ e.jsx("span", { className: J.option, children: d.label })
2345
+ ]
2346
+ },
2347
+ d.value
2348
+ )) })
2040
2349
  ] });
2041
- }, fr = "_wrapper_gibny_1", _r = "_header_gibny_12", wr = "_content_gibny_23", vr = "_buttons_gibny_31", xr = "_cancel_gibny_38", kr = "_label_gibny_43", yr = "_description_gibny_44", jr = "_preview_gibny_52", Br = "_block_gibny_58", Ar = "_slug_gibny_67", Pr = "_title_gibny_73", E = {
2042
- wrapper: fr,
2043
- header: _r,
2044
- content: wr,
2045
- buttons: vr,
2046
- cancel: xr,
2047
- label: kr,
2048
- description: yr,
2049
- preview: jr,
2050
- block: Br,
2051
- slug: Ar,
2052
- title: Pr
2053
- }, Lr = () => {
2054
- var D, U, b, v, k, y;
2350
+ }, fr = () => {
2351
+ var D, R, _, k, y, P, f, N;
2055
2352
  const {
2056
2353
  setIsOpenModal: t,
2057
2354
  pages: n,
@@ -2061,103 +2358,103 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2061
2358
  setIsEdit: a,
2062
2359
  editedPage: r,
2063
2360
  setEditedPage: l
2064
- } = T(), { createPage: d, updatePage: C } = F(), [u, m] = S.useState(r ? n && ((D = n[r]) == null ? void 0 : D.path) : ""), [h, c] = S.useState(r ? n && ((U = n[r]) == null ? void 0 : U.name) : ""), [p, x] = S.useState(
2065
- r ? n && n[r].seo && (((b = n[r]) == null ? void 0 : b.seo.description) || "") : ""
2066
- ), [f, w] = S.useState(
2067
- r ? n && ((v = n[r]) == null ? void 0 : v.visibility) : "public"
2361
+ } = $(), { createPage: d, updatePage: b } = M(), [u, p] = m.useState(r ? n && ((D = n[r]) == null ? void 0 : D.path) : ""), [h, c] = m.useState(r ? n && ((R = n[r]) == null ? void 0 : R.name) : ""), [j, L] = m.useState(
2362
+ r && n && ((_ = n[r]) == null ? void 0 : _.seo) && ((y = (k = n[r]) == null ? void 0 : k.seo) == null ? void 0 : y.description) || ""
2363
+ ), [A, g] = m.useState(
2364
+ r ? n && ((P = n[r]) == null ? void 0 : P.visibility) : "public"
2068
2365
  );
2069
- function L() {
2070
- m(""), c(""), x(""), w("public"), a(!1), l(null);
2366
+ function x() {
2367
+ p(""), c(""), L(""), g("public"), a(!1), l(null);
2071
2368
  }
2072
- function A() {
2073
- L(), t(!1);
2369
+ function S() {
2370
+ x(), t(!1);
2074
2371
  }
2075
- function M(g) {
2076
- return g[0] === "/" ? g : "/" + g;
2372
+ function w(F) {
2373
+ return F[0] === "/" ? F : "/" + F;
2077
2374
  }
2078
- function N() {
2375
+ function v() {
2079
2376
  o({
2080
- path: M(u),
2377
+ path: w(u),
2081
2378
  name: h || u || "",
2082
2379
  icon: "File",
2083
2380
  seo: {
2084
2381
  title: h || "",
2085
- description: p || ""
2382
+ description: j || ""
2086
2383
  },
2087
- visibility: f || "public"
2088
- }), d(u), A();
2384
+ visibility: A || "public"
2385
+ }), d(u), S();
2089
2386
  }
2090
- function j() {
2091
- n && (C(n[r].name || "", h || u || ""), s(r, {
2092
- path: M(u),
2387
+ function B() {
2388
+ n && (b(n[r].name || "", h || u || ""), s(r, {
2389
+ path: w(u),
2093
2390
  name: h || u,
2094
2391
  icon: n[r].icon || "File",
2095
2392
  seo: {
2096
2393
  title: h || "",
2097
- description: p || ""
2394
+ description: j || ""
2098
2395
  },
2099
- visibility: f || "public"
2100
- })), A();
2396
+ visibility: A || "public"
2397
+ })), S();
2101
2398
  }
2102
2399
  return /* @__PURE__ */ e.jsxs(
2103
2400
  "div",
2104
2401
  {
2105
- className: E.wrapper,
2106
- onClick: (g) => g.stopPropagation(),
2402
+ className: q.wrapper,
2403
+ onClick: (F) => F.stopPropagation(),
2107
2404
  children: [
2108
- /* @__PURE__ */ e.jsxs("div", { className: E.header, children: [
2405
+ /* @__PURE__ */ e.jsxs("div", { className: q.header, children: [
2109
2406
  /* @__PURE__ */ e.jsxs("h2", { children: [
2110
2407
  i ? "Edit" : "Create",
2111
2408
  " Blank Page"
2112
2409
  ] }),
2113
2410
  /* @__PURE__ */ e.jsx(
2114
- _,
2411
+ C,
2115
2412
  {
2116
2413
  name: "X",
2117
2414
  fill: "#757575",
2118
2415
  hoverable: !0,
2119
- onClick: A
2416
+ onClick: S
2120
2417
  }
2121
2418
  )
2122
2419
  ] }),
2123
- /* @__PURE__ */ e.jsxs("div", { className: E.content, children: [
2420
+ /* @__PURE__ */ e.jsxs("div", { className: q.content, children: [
2124
2421
  /* @__PURE__ */ e.jsx(
2125
- R,
2422
+ O,
2126
2423
  {
2127
2424
  label: "Page Slug",
2128
- onChange: (g) => m(g),
2425
+ onChange: (F) => p(F),
2129
2426
  value: u,
2130
2427
  placeholder: "path-to-page",
2131
- disabled: !!(r && n && ((k = n[r]) != null && k.name) && de.includes(n[r].name)),
2428
+ disabled: !!(r && n && ((f = n[r]) != null && f.name) && he.includes(n[r].name)),
2132
2429
  required: !0,
2133
2430
  regex: "^.+$"
2134
2431
  }
2135
2432
  ),
2136
2433
  /* @__PURE__ */ e.jsx(
2137
- R,
2434
+ O,
2138
2435
  {
2139
2436
  label: "Page Title",
2140
- onChange: (g) => c(g),
2437
+ onChange: (F) => c(F),
2141
2438
  value: h,
2142
2439
  placeholder: "Contact us",
2143
- disabled: !!(r && n && ((y = n[r]) != null && y.name) && de.includes(n[r].name))
2440
+ disabled: !!(r && n && ((N = n[r]) != null && N.name) && he.includes(n[r].name))
2144
2441
  }
2145
2442
  ),
2146
2443
  /* @__PURE__ */ e.jsx(
2147
- dt,
2444
+ mt,
2148
2445
  {
2149
2446
  label: "Description",
2150
- onChange: (g) => x(g),
2151
- value: p,
2447
+ onChange: (F) => L(F),
2448
+ value: j,
2152
2449
  placeholder: "Contact us at any time of the day or night. You are always welcome",
2153
2450
  maxLength: 150
2154
2451
  }
2155
2452
  ),
2156
2453
  /* @__PURE__ */ e.jsx(
2157
- ut,
2454
+ br,
2158
2455
  {
2159
2456
  label: "Visibility",
2160
- defaultValue: f,
2457
+ defaultValue: A,
2161
2458
  options: [
2162
2459
  {
2163
2460
  value: "public",
@@ -2168,31 +2465,31 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2168
2465
  label: "Private"
2169
2466
  }
2170
2467
  ],
2171
- onChange: (g) => w(g)
2468
+ onChange: (F) => g(F)
2172
2469
  }
2173
2470
  ),
2174
- /* @__PURE__ */ e.jsxs("div", { className: E.preview, children: [
2175
- /* @__PURE__ */ e.jsx("span", { className: E.label, children: "Preview" }),
2176
- /* @__PURE__ */ e.jsxs("div", { className: E.block, children: [
2177
- /* @__PURE__ */ e.jsx("span", { className: E.slug, children: u || "yoursite.url" }),
2178
- /* @__PURE__ */ e.jsx("span", { className: E.title, children: h || "My Blank Page" }),
2179
- /* @__PURE__ */ e.jsx("span", { className: E.description, children: p || "It is My Description" })
2471
+ /* @__PURE__ */ e.jsxs("div", { className: q.preview, children: [
2472
+ /* @__PURE__ */ e.jsx("span", { className: q.label, children: "Preview" }),
2473
+ /* @__PURE__ */ e.jsxs("div", { className: q.block, children: [
2474
+ /* @__PURE__ */ e.jsx("span", { className: q.slug, children: u || "yoursite.url" }),
2475
+ /* @__PURE__ */ e.jsx("span", { className: q.title, children: h || "My Blank Page" }),
2476
+ /* @__PURE__ */ e.jsx("span", { className: q.description, children: j || "It is My Description" })
2180
2477
  ] })
2181
2478
  ] })
2182
2479
  ] }),
2183
- /* @__PURE__ */ e.jsxs("div", { className: E.buttons, children: [
2480
+ /* @__PURE__ */ e.jsxs("div", { className: q.buttons, children: [
2184
2481
  /* @__PURE__ */ e.jsx(
2185
- Y,
2482
+ Z,
2186
2483
  {
2187
- className: E.cancel,
2188
- onClick: A,
2484
+ className: q.cancel,
2485
+ onClick: S,
2189
2486
  children: "Cancel"
2190
2487
  }
2191
2488
  ),
2192
2489
  /* @__PURE__ */ e.jsx(
2193
- Y,
2490
+ Z,
2194
2491
  {
2195
- onClick: i ? j : N,
2492
+ onClick: i ? B : v,
2196
2493
  disabled: u.length === 0,
2197
2494
  children: i ? "Update" : "Create"
2198
2495
  }
@@ -2201,141 +2498,56 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2201
2498
  ]
2202
2499
  }
2203
2500
  );
2204
- }, Nr = "_layout_douh4_1", Tr = "_main_douh4_10", Fr = "_content_douh4_18", Be = {
2205
- layout: Nr,
2206
- main: Tr,
2207
- content: Fr
2208
- }, Dr = () => {
2209
- const { isOpenModal: t, setIsOpenModal: n } = T(), { openModal: o, setOpenModal: s } = ht();
2210
- return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
2211
- /* @__PURE__ */ e.jsxs("div", { className: Be.layout, children: [
2212
- /* @__PURE__ */ e.jsx(kn, {}),
2213
- /* @__PURE__ */ e.jsxs("main", { className: Be.main, children: [
2214
- /* @__PURE__ */ e.jsx(Sn, {}),
2215
- /* @__PURE__ */ e.jsxs("div", { className: Be.content, children: [
2216
- /* @__PURE__ */ e.jsx(Cr, {}),
2217
- /* @__PURE__ */ e.jsx(So, {})
2501
+ }, Cr = "_layout_3kge3_1", wr = "_main_3kge3_10", vr = "_content_3kge3_18", xr = "_notification_3kge3_26", Ce = {
2502
+ layout: Cr,
2503
+ main: wr,
2504
+ content: vr,
2505
+ notification: xr
2506
+ }, kr = () => {
2507
+ const { isOpenModal: t, setIsOpenModal: n } = $(), { openModal: o, setOpenModal: s } = St(), { notification: i, setNotification: a } = Ge();
2508
+ return m.useEffect(() => {
2509
+ i && setTimeout(() => {
2510
+ a(null);
2511
+ }, 3e3);
2512
+ }, [i]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
2513
+ /* @__PURE__ */ e.jsxs("div", { className: Ce.layout, children: [
2514
+ /* @__PURE__ */ e.jsx(Fn, {}),
2515
+ /* @__PURE__ */ e.jsxs("main", { className: Ce.main, children: [
2516
+ /* @__PURE__ */ e.jsx(yn, {}),
2517
+ /* @__PURE__ */ e.jsxs("div", { className: Ce.content, children: [
2518
+ /* @__PURE__ */ e.jsx(Za, {}),
2519
+ /* @__PURE__ */ e.jsx(Uo, {})
2218
2520
  ] })
2219
2521
  ] })
2220
2522
  ] }),
2221
- t && /* @__PURE__ */ e.jsx(Te, { close: n, children: /* @__PURE__ */ e.jsx(Lr, {}) }),
2222
- o && /* @__PURE__ */ e.jsx(Te, { close: s, children: /* @__PURE__ */ e.jsx(gt, {}) })
2523
+ t && /* @__PURE__ */ e.jsx(De, { close: n, children: /* @__PURE__ */ e.jsx(fr, {}) }),
2524
+ o && /* @__PURE__ */ e.jsx(De, { close: s, children: /* @__PURE__ */ e.jsx(_t, {}) }),
2525
+ i && /* @__PURE__ */ e.jsx("div", { className: Ce.notification, children: /* @__PURE__ */ e.jsx(
2526
+ Ke,
2527
+ {
2528
+ message: i.message,
2529
+ type: i.status
2530
+ }
2531
+ ) })
2223
2532
  ] });
2224
- };
2225
- async function oe(t, n) {
2226
- const o = localStorage.getItem("shopId") || void 0, s = `${Pe}/${t}/builder/shops/${o}/${n}`, i = localStorage.getItem("sellerAccessToken") || void 0;
2227
- return (await ve.get(s, {
2228
- headers: {
2229
- Authorization: `Bearer ${i}`
2230
- }
2231
- })).data;
2232
- }
2233
- async function $r() {
2234
- try {
2235
- const [t, n, o, s, i, a] = await Promise.allSettled([
2236
- oe("v1", "general"),
2237
- oe("v1", "faqs"),
2238
- oe("v1", "listings"),
2239
- oe("v1", "products"),
2240
- oe("v1", "reviews"),
2241
- oe("v1", "categories")
2242
- ]);
2243
- return {
2244
- general: t,
2245
- faqs: n,
2246
- listings: o,
2247
- products: s,
2248
- reviews: i,
2249
- categories: a
2250
- };
2251
- } catch (t) {
2252
- throw console.error("Error fetching page data:", t), t;
2533
+ }, yr = (t) => {
2534
+ const { blocks: n, settings: o, header: s, footer: i } = t, { setBlocks: a, setSourceBlocks: r } = X(), { fonts: l, setFonts: d } = ze(), { setSettings: b } = K(), { setPageContext: u } = $(), { setThemeSettings: p } = I(), {
2535
+ setHeader: h,
2536
+ setFooter: c,
2537
+ setBlocks: j,
2538
+ blocks: L,
2539
+ createPage: A
2540
+ } = M(), { setPages: g } = $();
2541
+ function x(S) {
2542
+ return S[0] === "/" ? S.slice(1) : S;
2253
2543
  }
2254
- }
2255
- async function Mr() {
2256
- try {
2257
- const { data: t } = await ve.get(
2258
- `${pt}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
2259
- );
2260
- return t.items;
2261
- } catch (t) {
2262
- throw console.error("Error fetching page data:", t), t;
2263
- }
2264
- }
2265
- function Gr() {
2266
- try {
2267
- const {
2268
- editBlock: t,
2269
- currentBlock: n,
2270
- blocks: o,
2271
- header: s,
2272
- setHeader: i,
2273
- footer: a,
2274
- setFooter: r
2275
- } = F.getState(), { currentPage: l, pages: d } = T.getState(), { currentInstance: C, activeBlock: u } = X.getState();
2276
- if (!u && C && d) {
2277
- if (n === "header" && s)
2278
- i(s);
2279
- else if (n === "footer" && a)
2280
- r(a);
2281
- else if (n === "header" || n === "footer")
2282
- throw new Error(`Missing ${n} data.`);
2283
- const m = {
2284
- blockSettings: {}
2285
- };
2286
- if (!C.blockSettings)
2287
- throw new Error("currentInstance.blockSettings is undefined.");
2288
- if (Object.keys(C.blockSettings).filter((h) => !["displayName", "isAddable"].includes(h)).forEach((h) => {
2289
- m.blockSettings[h] = C.blockSettings[h];
2290
- }), !d[l])
2291
- throw new Error(`Page "${l}" does not exist.`);
2292
- if (!o[d[l].path] || !o[d[l].path][n])
2293
- throw new Error(
2294
- `Layer or block for page "${d[l].path}" and block "${n}" does not exist.`
2295
- );
2296
- t(d[l].path, n, {
2297
- name: o[d[l].path][n].name,
2298
- value: m
2299
- });
2300
- }
2301
- } catch (t) {
2302
- console.error("Error in hotReload function:", t);
2303
- }
2304
- }
2305
- async function Hr() {
2306
- const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), o = `${Pe}/v2/builder/shops/${t}/drafts/${n}/pages`, s = localStorage.getItem("sellerAccessToken");
2307
- return (await ve.get(o, {
2308
- headers: {
2309
- Authorization: `Bearer ${s}`
2310
- }
2311
- })).data;
2312
- }
2313
- async function Rr() {
2314
- 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;
2315
- return (await ve.get(o, {
2316
- headers: {
2317
- Authorization: `Bearer ${s}`
2318
- }
2319
- })).data;
2320
- }
2321
- const Ir = (t) => {
2322
- const { blocks: n, settings: o, header: s, footer: i } = t, { setBlocks: a, setSourceBlocks: r } = X(), { fonts: l, setFonts: d } = Ee(), { setSettings: C } = J(), { setPageContext: u } = T(), {
2323
- setHeader: m,
2324
- setFooter: h,
2325
- setBlocks: c,
2326
- blocks: p,
2327
- createPage: x
2328
- } = F(), { setThemeSettings: f } = $(), { setPages: w } = T();
2329
- function L(A) {
2330
- return A[0] === "/" ? A.slice(1) : A;
2331
- }
2332
- return S.useEffect(() => {
2333
- const A = {};
2334
- Object.keys(n).map((N) => {
2335
- A[N] = n[N];
2336
- }), r(A), a(A), m(s), h(i), (async () => {
2337
- const { data: N } = await Rr();
2338
- let j = {
2544
+ return m.useEffect(() => {
2545
+ const S = {};
2546
+ Object.keys(n).map((v) => {
2547
+ S[v] = n[v];
2548
+ }), r(S), a(S), h(s), c(i), (async () => {
2549
+ const { data: v } = await Mt();
2550
+ let B = {
2339
2551
  listings: null,
2340
2552
  products: null,
2341
2553
  reviews: null,
@@ -2343,41 +2555,41 @@ const Ir = (t) => {
2343
2555
  faqs: null,
2344
2556
  general: null
2345
2557
  };
2346
- const D = await $r();
2347
- Object.keys(D).map((y) => {
2348
- const g = y;
2349
- j[g] = D[g].value.data;
2350
- }), u(j);
2351
- const { themeSettings: U, layers: b } = N;
2352
- f(U), c(b), C(o);
2353
- const v = await Hr(), k = {};
2354
- if (v.data.length > 0 && v.data.forEach((y) => {
2355
- const g = L(y.path);
2356
- p[g] || x(g), y.path === "/" ? k["/"] = {
2357
- ...y,
2358
- icon: xe.home.icon,
2558
+ const D = await Ft();
2559
+ Object.keys(D).map((P) => {
2560
+ const f = P;
2561
+ B[f] = D[f].value.data;
2562
+ }), u(B);
2563
+ const { themeSettings: R, layers: _ } = v;
2564
+ p(R), j(_), b(o);
2565
+ const k = await Dt(), y = {};
2566
+ if (k.data.length > 0 && k.data.forEach((P) => {
2567
+ const f = x(P.path);
2568
+ L[f] || A(f), P.path === "/" ? y["/"] = {
2569
+ ...P,
2570
+ icon: Be.home.icon,
2359
2571
  name: "home"
2360
- } : xe[g] ? k[g] = {
2361
- ...y,
2362
- icon: xe[g].icon,
2363
- name: g
2364
- } : k[g] = {
2365
- ...y,
2572
+ } : Be[f] ? y[f] = {
2573
+ ...P,
2574
+ icon: Be[f].icon,
2575
+ name: f
2576
+ } : y[f] = {
2577
+ ...P,
2366
2578
  icon: "File",
2367
- name: g
2579
+ name: f
2368
2580
  };
2369
- }), w(k), l.length === 0) {
2370
- const y = await Mr();
2371
- d([...y.map((g) => g.family)]);
2581
+ }), g(y), l.length === 0) {
2582
+ const P = await $t();
2583
+ d([...P.map((f) => f.family)]);
2372
2584
  }
2373
2585
  })();
2374
- }, []), /* @__PURE__ */ e.jsx(Dr, {});
2375
- }, Er = (t) => {
2376
- const { blocks: n, settings: o, header: s, footer: i } = t, [a, r] = S.useState(!0), l = mt();
2377
- return S.useEffect(() => {
2378
- r(!0), Bt() ? r(!1) : l("/");
2379
- }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: a ? /* @__PURE__ */ e.jsx(Ae, {}) : /* @__PURE__ */ e.jsx(
2380
- Ir,
2586
+ }, []), /* @__PURE__ */ e.jsx(kr, {});
2587
+ }, jr = (t) => {
2588
+ const { blocks: n, settings: o, header: s, footer: i } = t, [a, r] = m.useState(!0), l = bt();
2589
+ return m.useEffect(() => {
2590
+ r(!0), Ht() ? r(!1) : l("/");
2591
+ }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: a ? /* @__PURE__ */ e.jsx(ye, {}) : /* @__PURE__ */ e.jsx(
2592
+ yr,
2381
2593
  {
2382
2594
  blocks: n,
2383
2595
  settings: o,
@@ -2385,19 +2597,19 @@ const Ir = (t) => {
2385
2597
  footer: i
2386
2598
  }
2387
2599
  ) });
2388
- }, zr = (t) => {
2389
- const { blocks: n, settings: o, header: s, footer: i } = t, [a, r] = S.useState(null), { setBlocks: l, setSourceBlocks: d } = X(), { setSettings: C } = J(), { setHeader: u, setFooter: m } = F(), { themeSettings: h } = $();
2390
- S.useEffect(() => {
2600
+ }, Nr = (t) => {
2601
+ const { blocks: n, settings: o, header: s, footer: i } = t, [a, r] = m.useState(null), { setBlocks: l, setSourceBlocks: d } = X(), { setSettings: b } = K(), { setHeader: u, setFooter: p } = M(), { themeSettings: h } = I();
2602
+ m.useEffect(() => {
2391
2603
  if (!a) {
2392
- const f = {};
2393
- Object.keys(n).map((L) => {
2394
- f[L] = n[L];
2395
- }), d(f), l(f), u(s), m(i), C(o);
2396
- const w = St([
2604
+ const A = {};
2605
+ Object.keys(n).map((x) => {
2606
+ A[x] = n[x];
2607
+ }), d(A), l(A), u(s), p(i), b(o);
2608
+ const g = ft([
2397
2609
  {
2398
2610
  path: "/admin/builder",
2399
2611
  element: /* @__PURE__ */ e.jsx(
2400
- Er,
2612
+ jr,
2401
2613
  {
2402
2614
  blocks: n,
2403
2615
  settings: o,
@@ -2408,46 +2620,46 @@ const Ir = (t) => {
2408
2620
  },
2409
2621
  {
2410
2622
  path: "/checkout",
2411
- element: /* @__PURE__ */ e.jsx(ft, {})
2623
+ element: /* @__PURE__ */ e.jsx(vt, {})
2412
2624
  },
2413
2625
  {
2414
2626
  path: "/top-up",
2415
- element: /* @__PURE__ */ e.jsx(_t, {})
2627
+ element: /* @__PURE__ */ e.jsx(xt, {})
2416
2628
  },
2417
2629
  {
2418
2630
  path: "/charges/:id",
2419
- element: /* @__PURE__ */ e.jsx(wt, {})
2631
+ element: /* @__PURE__ */ e.jsx(kt, {})
2420
2632
  },
2421
2633
  {
2422
2634
  path: "/orders/:id/:accessToken?",
2423
- element: /* @__PURE__ */ e.jsx(vt, {})
2635
+ element: /* @__PURE__ */ e.jsx(yt, {})
2424
2636
  },
2425
2637
  {
2426
2638
  path: "/subscriptions/:id/:accessToken?",
2427
- element: /* @__PURE__ */ e.jsx(xt, {})
2639
+ element: /* @__PURE__ */ e.jsx(jt, {})
2428
2640
  },
2429
2641
  {
2430
2642
  path: "/customer-dash",
2431
- element: /* @__PURE__ */ e.jsx(kt, {})
2643
+ element: /* @__PURE__ */ e.jsx(Bt, {})
2432
2644
  },
2433
2645
  {
2434
2646
  path: "*",
2435
- element: /* @__PURE__ */ e.jsx(Ft, {})
2647
+ element: /* @__PURE__ */ e.jsx(zt, {})
2436
2648
  }
2437
2649
  ]);
2438
- r(w);
2650
+ r(g);
2439
2651
  }
2440
- }, [a]), S.useEffect(() => {
2441
- const f = $t(h);
2442
- Mt(f);
2652
+ }, [a]), m.useEffect(() => {
2653
+ const A = Vt(h);
2654
+ Xt(A);
2443
2655
  }, [h]);
2444
- const c = window.location.hostname.includes("localhost") ? localStorage.getItem("fakeDomain") || "subscriptions.billgang.store" : window.location.hostname, p = localStorage.getItem("shopPassword"), x = localStorage.getItem("shopId") || "";
2656
+ const c = window.location.hostname.includes("localhost") ? localStorage.getItem("fakeDomain") || "subscriptions.billgang.store" : window.location.hostname, j = localStorage.getItem("shopPassword"), L = localStorage.getItem("shopId") || "";
2445
2657
  return /* @__PURE__ */ e.jsx(e.Fragment, { children: a && /* @__PURE__ */ e.jsx(
2446
- bt,
2658
+ Ct,
2447
2659
  {
2448
2660
  shopDomain: c,
2449
- shopId: x,
2450
- shopPassword: p || void 0,
2661
+ shopId: L,
2662
+ shopPassword: j || void 0,
2451
2663
  routes: {
2452
2664
  Checkout: "/checkout",
2453
2665
  TopUp: "/top-up",
@@ -2455,12 +2667,12 @@ const Ir = (t) => {
2455
2667
  Order: "/orders",
2456
2668
  Subscription: "/subscriptions"
2457
2669
  },
2458
- children: /* @__PURE__ */ e.jsx(Ct, { router: a })
2670
+ children: /* @__PURE__ */ e.jsx(wt, { router: a })
2459
2671
  }
2460
2672
  ) });
2461
2673
  };
2462
2674
  export {
2463
- zr as App,
2464
- Gr as hotReload,
2465
- qr as iconNames
2675
+ Nr as App,
2676
+ Pr as hotReload,
2677
+ Lr as iconNames
2466
2678
  };