@billgangcom/theme-lib 1.8.2 → 1.9.0

package/dist/builder.es.js

@@ -1,7 +1,7 @@
-(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_gxd35_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_gxd35_1:disabled{opacity:.7;cursor:auto}._primary_gxd35_13{color:#fff;background-color:#ff3f19}._secondary_gxd35_18{color:#757575;background-color:#f8f8f8}._wrapper_wp7u5_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_wp7u5_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_wp7u5_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_wp7u5_17::placeholder{color:#c2c2c2}._input_wp7u5_17:disabled{background-color:var(--background-color);opacity:.7}._required_wp7u5_36{border:1px solid #ff3f19}._paddingless_wp7u5_40{padding:0}._content_wp7u5_44{display:flex;align-items:center;gap:8px}._borderless_wp7u5_50{border-radius:0;border:none}._wrapper_1v1ye_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1v1ye_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_1v1ye_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}._icon_1v1ye_30{transition:.2s}._rotate_1v1ye_34{transform:rotate(180deg)}._content_1v1ye_38{position:relative}._options_1v1ye_42{position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;display:flex;flex-direction:column;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_1v1ye_42{padding:10px 12px;border-radius:12px}._option_1v1ye_42:hover{background-color:#e6e6e6}._addon_1v1ye_66{display:flex;align-items:center;gap:6px}._wrapper_3w2ni_1{display:flex;width:fit-content;gap:8px;align-items:center;border-radius:12px;line-height:20px;color:#252525;font-size:14px;font-weight:400}._switch_3w2ni_13{width:40px;height:24px;background-color:#ccc;border-radius:25px;display:flex;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_3w2ni_13._active_3w2ni_24{background:#ff3f19}._switch_3w2ni_13 ._toggle_3w2ni_27{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_3w2ni_13._active_3w2ni_24 ._toggle_3w2ni_27{transform:translate(18px)}._background_3w2ni_39{background-color:#f8f8f8}._padding_3w2ni_43{padding:8px}._wrapper_1inu5_1{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;display:flex;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._blocks_1op3c_1{display:flex;align-items:center;gap:8px}._block_1op3c_1{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1op3c_18{border:1px solid #ff3f19}._applyButton_1cqw4_2{flex:0 1 50%;font-weight:400}._cancelButton_1cqw4_7{background-color:#f8f8f8;color:var(--accent-color)}._content_1cqw4_12{display:flex;flex-direction:column;width:100%}._label_1cqw4_18{padding:8px 12px;border-radius:8px;display:flex;align-items:center;position:relative;gap:8px;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_1cqw4_30{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_1cqw4_37{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;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:24px;font-weight:700}._colorMap_1cqw4_56{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_1cqw4_64{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_1cqw4_73{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]{-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;display:flex;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_1cqw4_102{width:100%;cursor:pointer}._buttons_1cqw4_107{display:flex;gap:5px;width:100%}._name_1cqw4_113{line-height:20px;padding:0 4px 4px}._secondary_1cqw4_118{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_1cqw4_126{line-height:20px;font-size:14px;font-weight:400}._modal_1qb2a_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;display:flex;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_1fcne_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1fcne_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_1fcne_18{display:flex;gap:20px}._radioLabel_1fcne_23{display:flex;align-items:center;cursor:pointer;position:relative}._radio_1fcne_23{position:absolute;opacity:0;cursor:pointer}._custom_1fcne_36{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_1fcne_23:checked+._custom_1fcne_36{border-color:#ff3f19;background:#ffeae5}._custom_1fcne_36: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_1fcne_23:checked+._custom_1fcne_36:after{opacity:1}._option_1fcne_18{font-size:16px;line-height:24px;font-weight:400}._tip_pl6k0_1{display:flex;align-items:center;padding:8px;border-radius:12px;gap:8px}._text_pl6k0_9{flex:1 1 auto;line-height:20px;font-size:14px}._warning_pl6k0_15{background:#faf8e6;color:#c1972a}._error_pl6k0_20{background:#ffc3b7;color:#ff3f19}._hide_pl6k0_25{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}._wrapper_tm686_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_tm686_9{color:#757575;font-weight:400;font-size:14px;line-height:20px}._icon_tm686_16{padding:4px;background-color:#fff;border:1px solid #f0f0f0;display:flex;justify-content:center;align-items:center;border-radius:6px}._text_tm686_26{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_tm686_33{display:flex;align-items:center;gap:6px;cursor:pointer;background-color:#f8f8f8;border-radius:12px;padding:6px 8px}._modal_tm686_43{background-color:#f8f8f8;border:1px solid #f0f0f0;border-radius:16px;width:100%;max-width:640px}._top_tm686_51{padding:16px 24px;display:flex;align-items:center;justify-content:space-between}._title_tm686_58{color:#252525;font-weight:400;font-size:18px;line-height:24px}._modalContent_tm686_65{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background-color:#fff}._images_tm686_74{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_tm686_83{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_tm686_95{text-align:center;color:#252525;font-size:14px;line-height:20px}._description_tm686_95 span:last-child{padding-top:4px}._bottom_tm686_105{display:flex;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_tm686_117{background-color:var(--background-color);color:var(--accent-color)}._highlight_tm686_122{color:#ff3f19;cursor:pointer}._accent_tm686_127{color:var(--accent-color)}._image_tm686_74{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_tm686_141{border:1px solid #ff3f19}._checkbox_tm686_145{position:absolute;top:12px;left:12px}._loading_tm686_151{position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:#f8f8f8;justify-content:center;align-items:center;display:flex;border-radius:16px;aspect-ratio:1/1}._spinner_tm686_163{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:#f8f8f8;border-radius:50%;animation:_spin_tm686_163 1s linear infinite}@keyframes _spin_tm686_163{to{transform:rotate(360deg)}}._buttons_1gn8m_1{display:flex;align-items:center;gap:16px}._button_1gn8m_1{cursor:pointer;padding:10px}._devices_hxl12_1{display:flex;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_hxl12_1{padding:6px 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_hxl12_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_hxl12_23{background-color:#fff}._active_hxl12_23:hover{border:1px solid var(--background-color);box-shadow:none}._header_wxpoz_1{position:absolute;top:0;left:0;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:50000}._left_wxpoz_16,._right_wxpoz_17{display:flex;align-items:center;gap:24px}._preview_vijvm_2{display:flex;align-items:center;gap:4px;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_vijvm_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_vijvm_22{background-color:var(--background-color)}._active_vijvm_22:hover{border:1px solid #fff;box-shadow:none}._settings_q79q3_1{display:flex;gap:20px;align-items:center;color:var(--accent-color)}._language_1mbvp_1{display:flex;align-items:center;gap:4px;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._text_1mbvp_11{padding-right:4px;color:var(--main-color)}._pages_x8pw2_1{position:relative}._default_x8pw2_5{display:flex;align-items:center;gap:4px;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_x8pw2_16{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_x8pw2_22{position:absolute;top:45px;width:320px;left:0;z-index:100;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column}._page_x8pw2_1{display:flex;align-items:center;gap:8px;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_x8pw2_45{background-color:var(--background-color)}._separator_x8pw2_49{border-bottom:1px solid #f0f0f0}._button_x8pw2_53{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:start;gap:8px;padding:16px 8px 12px;transition:.2s}._button_x8pw2_53:hover{background-color:var(--background-color)}._zoom_a77cn_1{display:flex;align-items:center;gap:4px;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_3wxbf_1{display:flex;align-items:center;gap:4px;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_2ce42_1{border-bottom:var(--default-border);display:flex;gap:8px;align-items:center;padding:22px;cursor:pointer}._text_2ce42_10{color:#252525;line-height:20px}._navbar_2ac63_1{width:100px;border-right:var(--default-border)}._main_2ac63_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_2ac63_13{display:flex;align-items:center;flex-direction:column;gap:4px;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_2ac63_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_2ac63_30{background-color:var(--background-color);color:#252525}._active_2ac63_30:hover{border:1px solid #fff;box-shadow:none}._preview_jui5n_1{width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;z-index:500}._main_jui5n_9{width:100%;display:flex;flex-direction:column;overflow-y:auto;height:100%;position:relative;z-index:1}._content_jui5n_19{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_jui5n_26{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._loader_jui5n_34{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_jui5n_1 1s linear infinite}@keyframes _spin_jui5n_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_1t64j_1{display:flex;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_1t64j_14{left:28px;top:28px;position:absolute;display:flex;align-items:center;gap:8px}._circle_1t64j_14{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_1t64j_30{background:#ff5f57}._green_1t64j_34{background:#28c840}._yellow_1t64j_38{background:#febc2e}._input_1t64j_42{background-color:var(--background-color);padding:6px 8px;display:flex;max-width:480px;width:100%;border-radius:6px}._main_1t64j_51{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:4px}._text_1t64j_59{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_92dk8_1{width:100%;height:100%}._block_92dk8_6{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_92dk8_13{border:2px solid #ff3f19}._name_92dk8_17{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_92dk8_31{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}._icon_92dk8_42{width:64px;height:64px;background-color:var(--background-color);display:flex;border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_92dk8_53{font-weight:700;font-size:24px;line-height:32px}._text_92dk8_59{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_92dk8_65{padding:0 20px;margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:24px}._section_92dk8_65{cursor:pointer;display:flex;gap:10px;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_1f3hk_1{position:absolute;display:flex;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1f3hk_12{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1f3hk_22{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1f3hk_30:hover{background-color:var(--background-color)}._border_1f3hk_34{border-bottom:var(--default-border)}._deleteButton_1f3hk_38:hover{background-color:#dd6363;color:#fff}._results_f488n_1{display:flex;flex-direction:column;padding:8px;gap:20px}._name_f488n_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_f488n_15{display:flex;align-items:center;justify-content:space-between;cursor:pointer}._search_1s0qp_1{background:var(--background-color);padding:8px 12px;display:flex;align-items:center;border-radius:12px;width:100%;gap:10px;margin:8px 0}._input_1s0qp_12{width:100%;font-size:16px;line-height:24px;color:#252525}._input_1s0qp_12::placeholder{color:#c2c2c2}._sidebar_1r5sp_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:100%;position:relative}._title_1r5sp_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_1r5sp_18{display:flex;align-items:center;gap:8px}._layers_62wod_1{display:flex;flex-direction:column;position:relative;height:100%}._block_62wod_8{position:relative;display:flex;align-items:center;gap:4px;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_62wod_8:hover{background-color:var(--background-color)}._dragging_62wod_23{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_62wod_31{background:#ffeae5}._add_62wod_35{z-index:2;position:absolute;display:flex;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_62wod_47{position:relative;display:flex;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_62wod_60{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;gap:4px;color:var(--accent-color)}._title_62wod_72{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_62wod_79{margin:0 0 12px}._text_62wod_83{font-size:16px;font-weight:400;line-height:24px}._highlight_62wod_89{color:#ff3f19;cursor:pointer}._block_1d6lb_1{position:relative;display:flex;align-items:center;gap:4px;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1d6lb_1:hover{background-color:var(--background-color)}._theme_1xj36_1{display:flex;flex-direction:column}._block_1xj36_6{justify-content:start;display:flex;align-items:center;gap:8px;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1xj36_6:hover{background-color:var(--background-color)}._name_1xj36_20{flex:1 1 auto}._back_1lk1m_1{display:flex;align-items:center;gap:8px;padding-bottom:8px}._render_1lk1m_8{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_1lk1m_23{animation:.2s _open_1lk1m_23 forwards}@keyframes _open_1lk1m_23{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_1lk1m_50{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_1lk1m_50{animation:.2s _close_1lk1m_50 forwards}._clicked_1lk1m_54{opacity:0}._title_1lk1m_58{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px}._button_1lk1m_65{align-self:center;flex:1}._loading_1lk1m_70{flex:1 1 auto}._settings_1lk1m_74{flex:1 1 auto;overflow-y:scroll;overflow-x:hidden}._buttons_1lk1m_80{justify-content:flex-end;display:flex;gap:10px}._deleteButton_1lk1m_86{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_1lk1m_86:hover{background-color:#dd6363;color:#fff}._settings_1r85j_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_1r85j_16{transform:translate(0)}._close_1r85j_20{transform:translate(320px)}._header_1r85j_24{display:flex;align-items:center;gap:8px}._title_1r85j_30{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_1r85j_37{color:#ff3f19;display:flex;align-items:center;gap:4px;cursor:pointer}._wrapper_n1a7x_1{overflow-y:scroll}._category_n1a7x_5{display:flex;flex-direction:column}._categoryTitle_n1a7x_10{font-weight:600;font-size:16px;line-height:24px}._color_n1a7x_16{display:flex;flex-direction:column}._color_n1a7x_16:not(:last-child){border-bottom:1px solid #f0f0f0}._content_n1a7x_24{padding:12px 0;gap:8px;display:flex;align-items:center;flex:1 1 auto}._preview_n1a7x_32{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._wrapper_kb55x_2{overflow-y:scroll}._category_kb55x_6{display:flex;flex-direction:column}._categoryTitle_kb55x_11{font-weight:600;font-size:16px;line-height:24px}._color_kb55x_17{gap:8px;display:flex;flex-direction:column}._name_kb55x_23{line-height:20px;padding:0 4px 4px}._content_kb55x_28{display:flex;flex-direction:column;width:100%}._label_kb55x_34{padding:8px 12px;border-radius:12px;display:flex;align-items:center;gap:5px;width:100%;background-color:var(--background-color);cursor:pointer}._input_kb55x_45[type=color]{width:20px;height:20px;padding:1px}._input_kb55x_45{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_kb55x_45::-webkit-color-swatch{border-radius:50%;border:none}._input_kb55x_45::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_kb55x_71{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_kb55x_79{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_kb55x_79:not(:last-child){border-bottom:1px solid #f0f0f0}._alignments_kb55x_89{display:flex;flex-direction:column;gap:10px}._lineField_kb55x_95{display:flex;justify-content:space-between;align-items:center}._style_kb55x_101{flex:1 0 50%;display:flex;flex-direction:column;gap:8px}._header_kb55x_108{display:flex;align-items:center;justify-content:space-between}._wrapper_k9on2_1{overflow-y:scroll}._category_k9on2_5{display:flex;flex-direction:column}._categoryTitle_k9on2_10{font-weight:600;font-size:16px;line-height:24px}._font_k9on2_16{padding:12px 0;gap:8px;display:flex;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_k9on2_16:hover{background-color:#f8f8f8;border-radius:8px}._font_k9on2_16:not(:last-child){border-bottom:var(--default-border)}._font_k9on2_16:not(:last-child):hover{border-bottom:1px solid #f8f8f8}._content_k9on2_36{display:flex;flex-direction:column;width:100%}._icon_k9on2_42{padding:8px;border-radius:8px;background-color:#f8f8f8;display:flex;align-items:center;justify-content:center}._paragraph_k9on2_51{padding:12px}._deleteIcon_k9on2_55{position:absolute;right:10px;width:20px;height:20px}._iconButton_k9on2_62{width:32px;height:32px}._wrapper_94fpv_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_94fpv_16{transform:translate(0)}._close_94fpv_20{transform:translate(320px)}._header_94fpv_24{display:flex;align-items:center;gap:8px;margin:0 0 10px}._title_94fpv_31{font-weight:700;font-size:20px;line-height:24px}._options_94fpv_37{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_94fpv_44{opacity:0}._wrapper_1j33r_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_1j33r_16{transform:translate(0)}._close_1j33r_20{transform:translate(320px)}._header_1j33r_24{display:flex;align-items:center;gap:8px;margin:0 0 10px}._title_1j33r_31{font-weight:700;font-size:20px;line-height:24px}._options_1j33r_37{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1j33r_44{opacity:0}._label_1j33r_48{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1j33r_55{display:flex;flex-direction:column;gap:10px}._blocks_1j33r_61{display:flex;align-items:center;gap:8px}._alignment_1j33r_55{padding:8px;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1j33r_75{border:1px solid #ff3f19}._wrapper_jjfwh_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_jjfwh_12{display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_jjfwh_21{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_jjfwh_29{display:flex;justify-content:end;gap:12px}._cancel_jjfwh_35{background-color:var(--background-color);color:var(--accent-color)}._label_jjfwh_40,._description_jjfwh_41{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_jjfwh_49{display:flex;flex-direction:column;gap:10px}._block_jjfwh_55{padding:24px;display:flex;flex-direction:column;border:1px solid var(--background-color);border-radius:8px}._slug_jjfwh_63{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_jjfwh_69{font-weight:600;font-size:16px;line-height:24px}._layout_kjedu_1{width:100%;height:100%;display:flex;position:relative}._main_kjedu_8{display:flex;flex-direction:column;width:100%;position:relative}._content_kjedu_15{position:relative;padding-top:64px;height:100%;display:flex}*{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}#root{height:100vh}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100vh;overflow:hidden}._wrapper_1g82c_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_1g82c_8{padding:10px 0 16px;display:flex;flex-direction:column;gap:6px}._title_1g82c_15{font-weight:700;line-height:24px;font-size:16px;color:#252525}._subtitle_1g82c_22{color:#757575;font-size:14px;line-height:20px;font-weight:400}._alignmentContent_1g82c_29{display:flex;justify-content:space-between;align-items:stretch}._alignments_1g82c_35{border-radius:12px;background:#f8f8f8;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_1g82c_8{cursor:pointer;display:flex;height:100%;width:100%;align-items:center;justify-content:center}._circle_1g82c_54{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_1g82c_61{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_1g82c_61{width:68px;display:flex;align-items:center;gap:4px;background:#f8f8f8;border-radius:12px;padding:10px 8px}._input_1g82c_79{width:100%}._subtitle_2zbxx_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_2zbxx_8,._text_2zbxx_9{padding:10px 0 16px;display:flex;flex-direction:column;border-bottom:1px solid #f0f0f0}._top_2zbxx_16{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_2zbxx_23{display:flex;flex-direction:column;gap:6px}._typeTexts_3zlec_1{display:flex;align-items:center;gap:8px}._block_3zlec_7{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_3zlec_18{border:1px solid #ff3f19}._subtitle_1nl8x_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_1nl8x_8,._text_1nl8x_9,._productsBlock_1nl8x_10{padding:10px 0 16px;display:flex;flex-direction:column;gap:12px;width:100%}._productsBlock_1nl8x_10{position:relative}._top_1nl8x_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1nl8x_29{display:flex;flex-direction:column;gap:6px}._typeTexts_1nl8x_35{display:flex;align-items:center;gap:8px}._block_1nl8x_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1nl8x_52{border:1px solid #ff3f19}._products_1nl8x_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_1nl8x_10{display:flex;align-items:center;gap:8px;width:100%}._button_1nl8x_70{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_1nl8x_80{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_1nl8x_87{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_1nl8x_98{flex:1 1 100%}._buttons_1nl8x_102{display:flex;align-items:center;gap:8px}._modal_1nl8x_108{position:fixed;background-color:#fff;border:1px solid #f0f0f0;right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_1nl8x_108 ._top_1nl8x_22{display:flex;align-items:center;justify-content:space-between}._link_1nl8x_126{display:flex;flex-direction:column;gap:8px}._modalOptions_1nl8x_132{display:flex;flex-direction:column;gap:10px}._other_1wtgi_1{display:flex;flex-direction:column;gap:6px}._subtitle_1wtgi_7{color:#757575;font-size:14px;line-height:20px;font-weight:400}._items_1wtgi_14{display:flex;flex-direction:column;gap:8px}._subtitle_41klp_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_41klp_8,._text_41klp_9,._productsBlock_41klp_10,._buttonsBlock_41klp_11{padding:10px 0 16px;display:flex;flex-direction:column}._buttonsBlock_41klp_11{position:relative}._top_41klp_21{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_41klp_28{display:flex;flex-direction:column;gap:6px}._typeTexts_41klp_34{display:flex;align-items:center;gap:8px}._block_41klp_40{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_41klp_51{border:1px solid #ff3f19}._products_41klp_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_41klp_10{display:flex;align-items:center;gap:8px;width:100%}._button_41klp_11{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_41klp_79{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_41klp_86{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_41klp_97{flex:1 1 100%}._buttons_41klp_11{display:flex;align-items:center;gap:8px}._modal_41klp_107{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_41klp_107 ._top_41klp_21{display:flex;align-items:center;justify-content:space-between}._other_41klp_124{display:flex;flex-direction:column;gap:6px}._options_41klp_130{display:flex;flex-direction:column;gap:15px}._subtitle_1y5sw_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_1y5sw_8,._text_1y5sw_9,._productsBlock_1y5sw_10,._buttonsBlock_1y5sw_11{padding:10px 0 16px;display:flex;flex-direction:column;border-bottom:1px solid #f0f0f0}._buttonsBlock_1y5sw_11{position:relative}._top_1y5sw_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1y5sw_29{display:flex;flex-direction:column;gap:6px}._typeTexts_1y5sw_35{display:flex;align-items:center;gap:8px}._block_1y5sw_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1y5sw_52{border:1px solid #ff3f19}._products_1y5sw_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_1y5sw_10{display:flex;align-items:center;gap:8px;width:100%}._button_1y5sw_11{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_1y5sw_80{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_1y5sw_87{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_1y5sw_98{flex:1 1 100%}._buttons_1y5sw_11{display:flex;align-items:center;gap:8px}._modal_1y5sw_108{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_1y5sw_108 ._top_1y5sw_22{display:flex;align-items:center;justify-content:space-between}._other_1y5sw_125{display:flex;flex-direction:column;gap:6px}._options_1y5sw_131{display:flex;flex-direction:column;gap:15px}._wrapper_tn7gb_1{display:flex;flex-direction:column;gap:6px}._subtitle_tn7gb_7{color:#757575;font-size:14px;line-height:20px;font-weight:400}._content_tn7gb_14{display:flex;align-items:center;gap:10px;width:100%}._range_tn7gb_21{position:relative;flex:1}._track_tn7gb_26{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_tn7gb_35{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_tn7gb_45{position:absolute;display:flex;justify-content:space-between;width:100%}._dot_tn7gb_45{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_tn7gb_45._active_tn7gb_62{background-color:#ff3f19;transform:scale(1)}._dot_tn7gb_45:not(._active_tn7gb_62){background-color:#e5e7eb;transform:scale(.9)}._dot_tn7gb_45:hover{transform:scale(1.1)}._input_tn7gb_74{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_tn7gb_74::-webkit-slider-thumb,._input_tn7gb_74::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_tn7gb_88{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f8f8;border-radius:12px}._count_tn7gb_88{font-size:16px;font-weight:400;line-height:24px}._controls_tn7gb_103{display:flex;flex-direction:column}._button_tn7gb_108{transition:background-color .2s}._button_tn7gb_108:hover{background-color:#f3f4f6}._button_tn7gb_108:disabled{opacity:.5}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import { j as e, I as _, k as De, c as C, l as Z, m as B, n as $, o as le, B as X, p as F, q as V, r as He, s as pe, t as K, w as Re, x as fe, y as Me, z as H, e as ke, D as qe, H as Ye, u as Qe, d as Ue, f as ce, g as Ge, a as I, b as ne, A as ge, S as we, P as Ce, E as Ee, F as Je, T as Xe, R as Ze, G as Ve, M as Ne, i as Ke, J as We } from "./index-BS_tTsUw.js";
-import x, { useMemo as Ie } from "react";
-const et = ["desktop", "tablet", "mobile"], tt = [
+(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_gxd35_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_gxd35_1:disabled{opacity:.7;cursor:auto}._primary_gxd35_13{color:#fff;background-color:#ff3f19}._secondary_gxd35_18{color:#757575;background-color:#f8f8f8}._wrapper_wp7u5_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_wp7u5_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_wp7u5_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_wp7u5_17::placeholder{color:#c2c2c2}._input_wp7u5_17:disabled{background-color:var(--background-color);opacity:.7}._required_wp7u5_36{border:1px solid #ff3f19}._paddingless_wp7u5_40{padding:0}._content_wp7u5_44{display:flex;align-items:center;gap:8px}._borderless_wp7u5_50{border-radius:0;border:none}._wrapper_1v1ye_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1v1ye_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_1v1ye_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}._icon_1v1ye_30{transition:.2s}._rotate_1v1ye_34{transform:rotate(180deg)}._content_1v1ye_38{position:relative}._options_1v1ye_42{position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;display:flex;flex-direction:column;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_1v1ye_42{padding:10px 12px;border-radius:12px}._option_1v1ye_42:hover{background-color:#e6e6e6}._addon_1v1ye_66{display:flex;align-items:center;gap:6px}._wrapper_3w2ni_1{display:flex;width:fit-content;gap:8px;align-items:center;border-radius:12px;line-height:20px;color:#252525;font-size:14px;font-weight:400}._switch_3w2ni_13{width:40px;height:24px;background-color:#ccc;border-radius:25px;display:flex;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_3w2ni_13._active_3w2ni_24{background:#ff3f19}._switch_3w2ni_13 ._toggle_3w2ni_27{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_3w2ni_13._active_3w2ni_24 ._toggle_3w2ni_27{transform:translate(18px)}._background_3w2ni_39{background-color:#f8f8f8}._padding_3w2ni_43{padding:8px}._wrapper_1inu5_1{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;display:flex;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._blocks_1op3c_1{display:flex;align-items:center;gap:8px}._block_1op3c_1{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1op3c_18{border:1px solid #ff3f19}._applyButton_1cqw4_2{flex:0 1 50%;font-weight:400}._cancelButton_1cqw4_7{background-color:#f8f8f8;color:var(--accent-color)}._content_1cqw4_12{display:flex;flex-direction:column;width:100%}._label_1cqw4_18{padding:8px 12px;border-radius:8px;display:flex;align-items:center;position:relative;gap:8px;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_1cqw4_30{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_1cqw4_37{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;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:24px;font-weight:700}._colorMap_1cqw4_56{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_1cqw4_64{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_1cqw4_73{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]{-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;display:flex;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_1cqw4_102{width:100%;cursor:pointer}._buttons_1cqw4_107{display:flex;gap:5px;width:100%}._name_1cqw4_113{line-height:20px;padding:0 4px 4px}._secondary_1cqw4_118{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_1cqw4_126{line-height:20px;font-size:14px;font-weight:400}._modal_1qb2a_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;display:flex;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_1fcne_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1fcne_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_1fcne_18{display:flex;gap:20px}._radioLabel_1fcne_23{display:flex;align-items:center;cursor:pointer;position:relative}._radio_1fcne_23{position:absolute;opacity:0;cursor:pointer}._custom_1fcne_36{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_1fcne_23:checked+._custom_1fcne_36{border-color:#ff3f19;background:#ffeae5}._custom_1fcne_36: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_1fcne_23:checked+._custom_1fcne_36:after{opacity:1}._option_1fcne_18{font-size:16px;line-height:24px;font-weight:400}._tip_pl6k0_1{display:flex;align-items:center;padding:8px;border-radius:12px;gap:8px}._text_pl6k0_9{flex:1 1 auto;line-height:20px;font-size:14px}._warning_pl6k0_15{background:#faf8e6;color:#c1972a}._error_pl6k0_20{background:#ffc3b7;color:#ff3f19}._hide_pl6k0_25{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}._wrapper_tm686_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_tm686_9{color:#757575;font-weight:400;font-size:14px;line-height:20px}._icon_tm686_16{padding:4px;background-color:#fff;border:1px solid #f0f0f0;display:flex;justify-content:center;align-items:center;border-radius:6px}._text_tm686_26{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_tm686_33{display:flex;align-items:center;gap:6px;cursor:pointer;background-color:#f8f8f8;border-radius:12px;padding:6px 8px}._modal_tm686_43{background-color:#f8f8f8;border:1px solid #f0f0f0;border-radius:16px;width:100%;max-width:640px}._top_tm686_51{padding:16px 24px;display:flex;align-items:center;justify-content:space-between}._title_tm686_58{color:#252525;font-weight:400;font-size:18px;line-height:24px}._modalContent_tm686_65{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background-color:#fff}._images_tm686_74{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_tm686_83{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_tm686_95{text-align:center;color:#252525;font-size:14px;line-height:20px}._description_tm686_95 span:last-child{padding-top:4px}._bottom_tm686_105{display:flex;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_tm686_117{background-color:var(--background-color);color:var(--accent-color)}._highlight_tm686_122{color:#ff3f19;cursor:pointer}._accent_tm686_127{color:var(--accent-color)}._image_tm686_74{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_tm686_141{border:1px solid #ff3f19}._checkbox_tm686_145{position:absolute;top:12px;left:12px}._loading_tm686_151{position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:#f8f8f8;justify-content:center;align-items:center;display:flex;border-radius:16px;aspect-ratio:1/1}._spinner_tm686_163{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:#f8f8f8;border-radius:50%;animation:_spin_tm686_163 1s linear infinite}@keyframes _spin_tm686_163{to{transform:rotate(360deg)}}._buttons_1gn8m_1{display:flex;align-items:center;gap:16px}._button_1gn8m_1{cursor:pointer;padding:10px}._devices_hxl12_1{display:flex;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_hxl12_1{padding:6px 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_hxl12_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_hxl12_23{background-color:#fff}._active_hxl12_23:hover{border:1px solid var(--background-color);box-shadow:none}._header_wxpoz_1{position:absolute;top:0;left:0;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:50000}._left_wxpoz_16,._right_wxpoz_17{display:flex;align-items:center;gap:24px}._preview_vijvm_2{display:flex;align-items:center;gap:4px;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_vijvm_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_vijvm_22{background-color:var(--background-color)}._active_vijvm_22:hover{border:1px solid #fff;box-shadow:none}._settings_q79q3_1{display:flex;gap:20px;align-items:center;color:var(--accent-color)}._language_1mbvp_1{display:flex;align-items:center;gap:4px;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._text_1mbvp_11{padding-right:4px;color:var(--main-color)}._pages_x8pw2_1{position:relative}._default_x8pw2_5{display:flex;align-items:center;gap:4px;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_x8pw2_16{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_x8pw2_22{position:absolute;top:45px;width:320px;left:0;z-index:100;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column}._page_x8pw2_1{display:flex;align-items:center;gap:8px;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_x8pw2_45{background-color:var(--background-color)}._separator_x8pw2_49{border-bottom:1px solid #f0f0f0}._button_x8pw2_53{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:start;gap:8px;padding:16px 8px 12px;transition:.2s}._button_x8pw2_53:hover{background-color:var(--background-color)}._zoom_a77cn_1{display:flex;align-items:center;gap:4px;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_3wxbf_1{display:flex;align-items:center;gap:4px;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_2ce42_1{border-bottom:var(--default-border);display:flex;gap:8px;align-items:center;padding:22px;cursor:pointer}._text_2ce42_10{color:#252525;line-height:20px}._navbar_2ac63_1{width:100px;border-right:var(--default-border)}._main_2ac63_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_2ac63_13{display:flex;align-items:center;flex-direction:column;gap:4px;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_2ac63_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_2ac63_30{background-color:var(--background-color);color:#252525}._active_2ac63_30:hover{border:1px solid #fff;box-shadow:none}._preview_jui5n_1{width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;z-index:500}._main_jui5n_9{width:100%;display:flex;flex-direction:column;overflow-y:auto;height:100%;position:relative;z-index:1}._content_jui5n_19{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_jui5n_26{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._loader_jui5n_34{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_jui5n_1 1s linear infinite}@keyframes _spin_jui5n_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_1t64j_1{display:flex;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_1t64j_14{left:28px;top:28px;position:absolute;display:flex;align-items:center;gap:8px}._circle_1t64j_14{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_1t64j_30{background:#ff5f57}._green_1t64j_34{background:#28c840}._yellow_1t64j_38{background:#febc2e}._input_1t64j_42{background-color:var(--background-color);padding:6px 8px;display:flex;max-width:480px;width:100%;border-radius:6px}._main_1t64j_51{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:4px}._text_1t64j_59{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_92dk8_1{width:100%;height:100%}._block_92dk8_6{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_92dk8_13{border:2px solid #ff3f19}._name_92dk8_17{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_92dk8_31{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}._icon_92dk8_42{width:64px;height:64px;background-color:var(--background-color);display:flex;border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_92dk8_53{font-weight:700;font-size:24px;line-height:32px}._text_92dk8_59{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_92dk8_65{padding:0 20px;margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:24px}._section_92dk8_65{cursor:pointer;display:flex;gap:10px;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_1f3hk_1{position:absolute;display:flex;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1f3hk_12{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1f3hk_22{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1f3hk_30:hover{background-color:var(--background-color)}._border_1f3hk_34{border-bottom:var(--default-border)}._deleteButton_1f3hk_38:hover{background-color:#dd6363;color:#fff}._results_f488n_1{display:flex;flex-direction:column;padding:8px;gap:20px}._name_f488n_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_f488n_15{display:flex;align-items:center;justify-content:space-between;cursor:pointer}._search_1s0qp_1{background:var(--background-color);padding:8px 12px;display:flex;align-items:center;border-radius:12px;width:100%;gap:10px;margin:8px 0}._input_1s0qp_12{width:100%;font-size:16px;line-height:24px;color:#252525}._input_1s0qp_12::placeholder{color:#c2c2c2}._sidebar_1r5sp_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:100%;position:relative}._title_1r5sp_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_1r5sp_18{display:flex;align-items:center;gap:8px}._layers_62wod_1{display:flex;flex-direction:column;position:relative;height:100%}._block_62wod_8{position:relative;display:flex;align-items:center;gap:4px;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_62wod_8:hover{background-color:var(--background-color)}._dragging_62wod_23{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_62wod_31{background:#ffeae5}._add_62wod_35{z-index:2;position:absolute;display:flex;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_62wod_47{position:relative;display:flex;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_62wod_60{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;gap:4px;color:var(--accent-color)}._title_62wod_72{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_62wod_79{margin:0 0 12px}._text_62wod_83{font-size:16px;font-weight:400;line-height:24px}._highlight_62wod_89{color:#ff3f19;cursor:pointer}._block_1d6lb_1{position:relative;display:flex;align-items:center;gap:4px;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1d6lb_1:hover{background-color:var(--background-color)}._theme_1xj36_1{display:flex;flex-direction:column}._block_1xj36_6{justify-content:start;display:flex;align-items:center;gap:8px;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1xj36_6:hover{background-color:var(--background-color)}._name_1xj36_20{flex:1 1 auto}._back_1lk1m_1{display:flex;align-items:center;gap:8px;padding-bottom:8px}._render_1lk1m_8{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_1lk1m_23{animation:.2s _open_1lk1m_23 forwards}@keyframes _open_1lk1m_23{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_1lk1m_50{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_1lk1m_50{animation:.2s _close_1lk1m_50 forwards}._clicked_1lk1m_54{opacity:0}._title_1lk1m_58{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px}._button_1lk1m_65{align-self:center;flex:1}._loading_1lk1m_70{flex:1 1 auto}._settings_1lk1m_74{flex:1 1 auto;overflow-y:scroll;overflow-x:hidden}._buttons_1lk1m_80{justify-content:flex-end;display:flex;gap:10px}._deleteButton_1lk1m_86{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_1lk1m_86:hover{background-color:#dd6363;color:#fff}._settings_1r85j_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_1r85j_16{transform:translate(0)}._close_1r85j_20{transform:translate(320px)}._header_1r85j_24{display:flex;align-items:center;gap:8px}._title_1r85j_30{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_1r85j_37{color:#ff3f19;display:flex;align-items:center;gap:4px;cursor:pointer}._wrapper_n1a7x_1{overflow-y:scroll}._category_n1a7x_5{display:flex;flex-direction:column}._categoryTitle_n1a7x_10{font-weight:600;font-size:16px;line-height:24px}._color_n1a7x_16{display:flex;flex-direction:column}._color_n1a7x_16:not(:last-child){border-bottom:1px solid #f0f0f0}._content_n1a7x_24{padding:12px 0;gap:8px;display:flex;align-items:center;flex:1 1 auto}._preview_n1a7x_32{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._wrapper_kb55x_2{overflow-y:scroll}._category_kb55x_6{display:flex;flex-direction:column}._categoryTitle_kb55x_11{font-weight:600;font-size:16px;line-height:24px}._color_kb55x_17{gap:8px;display:flex;flex-direction:column}._name_kb55x_23{line-height:20px;padding:0 4px 4px}._content_kb55x_28{display:flex;flex-direction:column;width:100%}._label_kb55x_34{padding:8px 12px;border-radius:12px;display:flex;align-items:center;gap:5px;width:100%;background-color:var(--background-color);cursor:pointer}._input_kb55x_45[type=color]{width:20px;height:20px;padding:1px}._input_kb55x_45{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_kb55x_45::-webkit-color-swatch{border-radius:50%;border:none}._input_kb55x_45::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_kb55x_71{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_kb55x_79{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_kb55x_79:not(:last-child){border-bottom:1px solid #f0f0f0}._alignments_kb55x_89{display:flex;flex-direction:column;gap:10px}._lineField_kb55x_95{display:flex;justify-content:space-between;align-items:center}._style_kb55x_101{flex:1 0 50%;display:flex;flex-direction:column;gap:8px}._header_kb55x_108{display:flex;align-items:center;justify-content:space-between}._wrapper_k9on2_1{overflow-y:scroll}._category_k9on2_5{display:flex;flex-direction:column}._categoryTitle_k9on2_10{font-weight:600;font-size:16px;line-height:24px}._font_k9on2_16{padding:12px 0;gap:8px;display:flex;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_k9on2_16:hover{background-color:#f8f8f8;border-radius:8px}._font_k9on2_16:not(:last-child){border-bottom:var(--default-border)}._font_k9on2_16:not(:last-child):hover{border-bottom:1px solid #f8f8f8}._content_k9on2_36{display:flex;flex-direction:column;width:100%}._icon_k9on2_42{padding:8px;border-radius:8px;background-color:#f8f8f8;display:flex;align-items:center;justify-content:center}._paragraph_k9on2_51{padding:12px}._deleteIcon_k9on2_55{position:absolute;right:10px;width:20px;height:20px}._iconButton_k9on2_62{width:32px;height:32px}._wrapper_94fpv_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_94fpv_16{transform:translate(0)}._close_94fpv_20{transform:translate(320px)}._header_94fpv_24{display:flex;align-items:center;gap:8px;margin:0 0 10px}._title_94fpv_31{font-weight:700;font-size:20px;line-height:24px}._options_94fpv_37{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_94fpv_44{opacity:0}._wrapper_1j33r_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_1j33r_16{transform:translate(0)}._close_1j33r_20{transform:translate(320px)}._header_1j33r_24{display:flex;align-items:center;gap:8px;margin:0 0 10px}._title_1j33r_31{font-weight:700;font-size:20px;line-height:24px}._options_1j33r_37{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1j33r_44{opacity:0}._label_1j33r_48{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1j33r_55{display:flex;flex-direction:column;gap:10px}._blocks_1j33r_61{display:flex;align-items:center;gap:8px}._alignment_1j33r_55{padding:8px;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1j33r_75{border:1px solid #ff3f19}._wrapper_jjfwh_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_jjfwh_12{display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_jjfwh_21{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_jjfwh_29{display:flex;justify-content:end;gap:12px}._cancel_jjfwh_35{background-color:var(--background-color);color:var(--accent-color)}._label_jjfwh_40,._description_jjfwh_41{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_jjfwh_49{display:flex;flex-direction:column;gap:10px}._block_jjfwh_55{padding:24px;display:flex;flex-direction:column;border:1px solid var(--background-color);border-radius:8px}._slug_jjfwh_63{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_jjfwh_69{font-weight:600;font-size:16px;line-height:24px}._layout_kjedu_1{width:100%;height:100%;display:flex;position:relative}._main_kjedu_8{display:flex;flex-direction:column;width:100%;position:relative}._content_kjedu_15{position:relative;padding-top:64px;height:100%;display:flex}*{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}#root{height:100vh}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100vh;overflow:hidden}._wrapper_1g82c_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_1g82c_8{padding:10px 0 16px;display:flex;flex-direction:column;gap:6px}._title_1g82c_15{font-weight:700;line-height:24px;font-size:16px;color:#252525}._subtitle_1g82c_22{color:#757575;font-size:14px;line-height:20px;font-weight:400}._alignmentContent_1g82c_29{display:flex;justify-content:space-between;align-items:stretch}._alignments_1g82c_35{border-radius:12px;background:#f8f8f8;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_1g82c_8{cursor:pointer;display:flex;height:100%;width:100%;align-items:center;justify-content:center}._circle_1g82c_54{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_1g82c_61{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_1g82c_61{width:68px;display:flex;align-items:center;gap:4px;background:#f8f8f8;border-radius:12px;padding:10px 8px}._input_1g82c_79{width:100%}._subtitle_2zbxx_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_2zbxx_8,._text_2zbxx_9{padding:10px 0 16px;display:flex;flex-direction:column;border-bottom:1px solid #f0f0f0}._top_2zbxx_16{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_2zbxx_23{display:flex;flex-direction:column;gap:6px}._typeTexts_3zlec_1{display:flex;align-items:center;gap:8px}._block_3zlec_7{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_3zlec_18{border:1px solid #ff3f19}._other_1wtgi_1{display:flex;flex-direction:column;gap:6px}._subtitle_1wtgi_7{color:#757575;font-size:14px;line-height:20px;font-weight:400}._items_1wtgi_14{display:flex;flex-direction:column;gap:8px}._subtitle_41klp_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_41klp_8,._text_41klp_9,._productsBlock_41klp_10,._buttonsBlock_41klp_11{padding:10px 0 16px;display:flex;flex-direction:column}._buttonsBlock_41klp_11{position:relative}._top_41klp_21{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_41klp_28{display:flex;flex-direction:column;gap:6px}._typeTexts_41klp_34{display:flex;align-items:center;gap:8px}._block_41klp_40{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_41klp_51{border:1px solid #ff3f19}._products_41klp_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_41klp_10{display:flex;align-items:center;gap:8px;width:100%}._button_41klp_11{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_41klp_79{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_41klp_86{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_41klp_97{flex:1 1 100%}._buttons_41klp_11{display:flex;align-items:center;gap:8px}._modal_41klp_107{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_41klp_107 ._top_41klp_21{display:flex;align-items:center;justify-content:space-between}._other_41klp_124{display:flex;flex-direction:column;gap:6px}._options_41klp_130{display:flex;flex-direction:column;gap:15px}._subtitle_1y5sw_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_1y5sw_8,._text_1y5sw_9,._productsBlock_1y5sw_10,._buttonsBlock_1y5sw_11{padding:10px 0 16px;display:flex;flex-direction:column;border-bottom:1px solid #f0f0f0}._buttonsBlock_1y5sw_11{position:relative}._top_1y5sw_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1y5sw_29{display:flex;flex-direction:column;gap:6px}._typeTexts_1y5sw_35{display:flex;align-items:center;gap:8px}._block_1y5sw_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1y5sw_52{border:1px solid #ff3f19}._products_1y5sw_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_1y5sw_10{display:flex;align-items:center;gap:8px;width:100%}._button_1y5sw_11{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_1y5sw_80{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_1y5sw_87{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_1y5sw_98{flex:1 1 100%}._buttons_1y5sw_11{display:flex;align-items:center;gap:8px}._modal_1y5sw_108{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_1y5sw_108 ._top_1y5sw_22{display:flex;align-items:center;justify-content:space-between}._other_1y5sw_125{display:flex;flex-direction:column;gap:6px}._options_1y5sw_131{display:flex;flex-direction:column;gap:15px}._wrapper_tn7gb_1{display:flex;flex-direction:column;gap:6px}._subtitle_tn7gb_7{color:#757575;font-size:14px;line-height:20px;font-weight:400}._content_tn7gb_14{display:flex;align-items:center;gap:10px;width:100%}._range_tn7gb_21{position:relative;flex:1}._track_tn7gb_26{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_tn7gb_35{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_tn7gb_45{position:absolute;display:flex;justify-content:space-between;width:100%}._dot_tn7gb_45{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_tn7gb_45._active_tn7gb_62{background-color:#ff3f19;transform:scale(1)}._dot_tn7gb_45:not(._active_tn7gb_62){background-color:#e5e7eb;transform:scale(.9)}._dot_tn7gb_45:hover{transform:scale(1.1)}._input_tn7gb_74{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_tn7gb_74::-webkit-slider-thumb,._input_tn7gb_74::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_tn7gb_88{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f8f8;border-radius:12px}._count_tn7gb_88{font-size:16px;font-weight:400;line-height:24px}._controls_tn7gb_103{display:flex;flex-direction:column}._button_tn7gb_108{transition:background-color .2s}._button_tn7gb_108:hover{background-color:#f3f4f6}._button_tn7gb_108:disabled{opacity:.5}._subtitle_1nl8x_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_1nl8x_8,._text_1nl8x_9,._productsBlock_1nl8x_10{padding:10px 0 16px;display:flex;flex-direction:column;gap:12px;width:100%}._productsBlock_1nl8x_10{position:relative}._top_1nl8x_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1nl8x_29{display:flex;flex-direction:column;gap:6px}._typeTexts_1nl8x_35{display:flex;align-items:center;gap:8px}._block_1nl8x_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1nl8x_52{border:1px solid #ff3f19}._products_1nl8x_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_1nl8x_10{display:flex;align-items:center;gap:8px;width:100%}._button_1nl8x_70{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_1nl8x_80{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_1nl8x_87{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_1nl8x_98{flex:1 1 100%}._buttons_1nl8x_102{display:flex;align-items:center;gap:8px}._modal_1nl8x_108{position:fixed;background-color:#fff;border:1px solid #f0f0f0;right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_1nl8x_108 ._top_1nl8x_22{display:flex;align-items:center;justify-content:space-between}._link_1nl8x_126{display:flex;flex-direction:column;gap:8px}._modalOptions_1nl8x_132{display:flex;flex-direction:column;gap:10px}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { j as e, I as _, k as Re, c as C, l as Z, m as S, n as B, o as ie, B as X, p as T, q as V, r as qe, s as xe, t as K, w as Ye, x as je, y as Me, z as H, e as we, D as Ue, H as Qe, u as Ge, d as Je, f as le, g as Xe, a as F, b as oe, A as pe, S as Ce, P as Ne, E as Ee, F as Ze, T as Ve, R as Ke, G as We, M as ye, i as et, J as Fe } from "./index-nLNDQXYl.js";
+import x, { useMemo as Te } from "react";
+const tt = ["desktop", "tablet", "mobile"], st = [
   {
     icon: "paint",
     name: "Colors"
@@ -22,10 +22,10 @@ const et = ["desktop", "tablet", "mobile"], tt = [
     icon: "textbox",
     name: "Inputs"
   }
-], st = "https://www.googleapis.com/webfonts/v1/webfonts", nt = "_buttons_1gn8m_1", ot = "_button_1gn8m_1", at = {
-  buttons: nt,
-  button: ot
-}, ct = () => /* @__PURE__ */ e.jsxs("div", { className: at.buttons, children: [
+], nt = "https://g-api.billgang.com", ot = "https://www.googleapis.com/webfonts/v1/webfonts", at = "_buttons_1gn8m_1", ct = "_button_1gn8m_1", lt = {
+  buttons: at,
+  button: ct
+}, it = () => /* @__PURE__ */ e.jsxs("div", { className: lt.buttons, children: [
   /* @__PURE__ */ e.jsx(
     _,
     {
@@ -44,17 +44,17 @@ const et = ["desktop", "tablet", "mobile"], tt = [
       height: 20
     }
   )
-] }), lt = "_devices_hxl12_1", it = "_device_hxl12_1", rt = "_active_hxl12_23", xe = {
-  devices: lt,
-  device: it,
-  active: rt
-}, dt = () => {
-  const { currentDevice: t, setCurrentDevice: n } = De();
-  return /* @__PURE__ */ e.jsx("div", { className: xe.devices, children: et.map((s) => /* @__PURE__ */ e.jsx(
+] }), rt = "_devices_hxl12_1", dt = "_device_hxl12_1", ut = "_active_hxl12_23", ve = {
+  devices: rt,
+  device: dt,
+  active: ut
+}, mt = () => {
+  const { currentDevice: t, setCurrentDevice: n } = Re();
+  return /* @__PURE__ */ e.jsx("div", { className: ve.devices, children: tt.map((s) => /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: C(xe.device, {
-        [xe.active]: t === s
+      className: C(ve.device, {
+        [ve.active]: t === s
       }),
       onClick: () => n(s),
       children: /* @__PURE__ */ e.jsx(
@@ -69,20 +69,20 @@ const et = ["desktop", "tablet", "mobile"], tt = [
     },
     s
   )) });
-}, ut = "_header_wxpoz_1", mt = "_left_wxpoz_16", ht = "_right_wxpoz_17", de = {
-  header: ut,
-  left: mt,
-  right: ht
-}, _t = "_preview_vijvm_2", gt = "_active_vijvm_22", je = {
-  preview: _t,
-  active: gt
-}, pt = () => {
+}, ht = "_header_wxpoz_1", _t = "_left_wxpoz_16", gt = "_right_wxpoz_17", ue = {
+  header: ht,
+  left: _t,
+  right: gt
+}, pt = "_preview_vijvm_2", xt = "_active_vijvm_22", be = {
+  preview: pt,
+  active: xt
+}, jt = () => {
   const { onPreview: t, setOnPreview: n } = Z();
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: C(je.preview, {
-        [je.active]: t
+      className: C(be.preview, {
+        [be.active]: t
       }),
       onClick: () => n(!t),
       children: [
@@ -94,16 +94,16 @@ const et = ["desktop", "tablet", "mobile"], tt = [
             height: 20
           }
         ),
-        /* @__PURE__ */ e.jsx("span", { className: je.text, children: "Preview" })
+        /* @__PURE__ */ e.jsx("span", { className: be.text, children: "Preview" })
       ]
     }
   );
-}, xt = "_settings_q79q3_1", jt = {
-  settings: xt
-}, vt = "_language_1mbvp_1", bt = "_text_1mbvp_11", $e = {
-  language: vt,
-  text: bt
-}, ft = () => /* @__PURE__ */ e.jsxs("div", { className: $e.language, children: [
+}, vt = "_settings_q79q3_1", bt = {
+  settings: vt
+}, ft = "_language_1mbvp_1", kt = "_text_1mbvp_11", $e = {
+  language: ft,
+  text: kt
+}, wt = () => /* @__PURE__ */ e.jsxs("div", { className: $e.language, children: [
   /* @__PURE__ */ e.jsx(
     _,
     {
@@ -122,30 +122,30 @@ const et = ["desktop", "tablet", "mobile"], tt = [
       height: 20
     }
   )
-] }), kt = "_pages_x8pw2_1", wt = "_text_x8pw2_16", Ct = "_modal_x8pw2_22", Nt = "_page_x8pw2_1", $t = "_hoverable_x8pw2_45", yt = "_separator_x8pw2_49", Bt = "_button_x8pw2_53", Y = {
-  pages: kt,
+] }), Ct = "_pages_x8pw2_1", Nt = "_text_x8pw2_16", yt = "_modal_x8pw2_22", $t = "_page_x8pw2_1", Bt = "_hoverable_x8pw2_45", St = "_separator_x8pw2_49", At = "_button_x8pw2_53", Y = {
+  pages: Ct,
   default: "_default_x8pw2_5",
-  text: wt,
-  modal: Ct,
-  page: Nt,
-  hoverable: $t,
-  separator: yt,
-  button: Bt
-}, z = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "", St = () => {
+  text: Nt,
+  modal: yt,
+  page: $t,
+  hoverable: Bt,
+  separator: St,
+  button: At
+}, z = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "", Pt = () => {
   const {
     currentPage: t,
     setCurrentPage: n,
     setIsOpenModal: s,
-    pages: a,
+    pages: o,
     setIsEdit: l,
-    setEditedPage: c,
-    deletePage: o,
+    setEditedPage: a,
+    deletePage: c,
     isOpenSelectModal: i,
-    setIsOpenSelectModal: d
-  } = B(), { deletePage: w } = $(), [g, u] = x.useState("");
+    setIsOpenSelectModal: r
+  } = S(), { deletePage: f } = B(), [p, u] = x.useState("");
   return x.useEffect(() => {
     const m = () => {
-      d(!1);
+      r(!1);
     };
     return document.body.addEventListener("click", m), () => {
       document.body.removeEventListener("click", m);
@@ -156,19 +156,19 @@ const et = ["desktop", "tablet", "mobile"], tt = [
       {
         className: Y.default,
         onClick: (m) => {
-          m.stopPropagation(), d(!i);
+          m.stopPropagation(), r(!i);
         },
         children: [
           /* @__PURE__ */ e.jsx(
             _,
             {
-              name: a[t].icon,
+              name: o[t].icon,
               fill: "#252525",
               width: 20,
               height: 20
             }
           ),
-          /* @__PURE__ */ e.jsx("span", { className: Y.text, children: le.includes(a[t].name) ? `${z(a[t].name)} page` : a[t].name }),
+          /* @__PURE__ */ e.jsx("span", { className: Y.text, children: ie.includes(o[t].name) ? `${z(o[t].name)} page` : o[t].name }),
           /* @__PURE__ */ e.jsx(
             _,
             {
@@ -186,51 +186,51 @@ const et = ["desktop", "tablet", "mobile"], tt = [
         className: Y.modal,
         onClick: (m) => m.stopPropagation(),
         children: [
-          Object.keys(a).map((m) => {
-            const r = a[m];
+          Object.keys(o).map((m) => {
+            const d = o[m];
             return /* @__PURE__ */ e.jsxs(
               "div",
               {
                 className: C(Y.page, {
-                  [Y.hoverable]: g === m
+                  [Y.hoverable]: p === m
                 }),
                 onMouseEnter: () => u(m),
                 onMouseLeave: () => u(""),
                 onClick: () => {
-                  u(""), l(!1), n(m), d(!1);
+                  u(""), l(!1), n(m), r(!1);
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(
                     _,
                     {
-                      name: r.icon,
+                      name: d.icon,
                       fill: "#252525"
                     }
                   ),
-                  /* @__PURE__ */ e.jsx("span", { className: Y.text, children: le.includes(r.name) ? `${z(r.name)} page` : r.name }),
-                  g === m && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  /* @__PURE__ */ e.jsx("span", { className: Y.text, children: ie.includes(d.name) ? `${z(d.name)} page` : d.name }),
+                  p === m && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                     /* @__PURE__ */ e.jsx(
                       _,
                       {
                         name: "settings",
                         fill: "#757575",
                         onClick: (j) => {
-                          j.stopPropagation(), l(!0), c(m), s(!0);
+                          j.stopPropagation(), l(!0), a(m), s(!0);
                         }
                       }
                     ),
-                    !le.includes(r.name) && /* @__PURE__ */ e.jsx(
+                    !ie.includes(d.name) && /* @__PURE__ */ e.jsx(
                       _,
                       {
                         name: "trash",
                         fill: "#C12A2A",
                         onClick: (j) => {
-                          a[t].name === r.name && n("home"), j.stopPropagation(), o(m), w(r.name);
+                          o[t].name === d.name && n("home"), j.stopPropagation(), c(m), f(d.name);
                         }
                       }
                     )
                   ] }),
-                  a[t].name === r.name && /* @__PURE__ */ e.jsx(
+                  o[t].name === d.name && /* @__PURE__ */ e.jsx(
                     _,
                     {
                       name: "check",
@@ -267,15 +267,15 @@ const et = ["desktop", "tablet", "mobile"], tt = [
       }
     )
   ] });
-}, At = "_zoom_a77cn_1", Pt = {
-  zoom: At
-}, Mt = () => {
+}, It = "_zoom_a77cn_1", Mt = {
+  zoom: It
+}, Et = () => {
   const [t, n] = x.useState(), s = () => {
     n(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
   };
   return x.useEffect(() => (s(), window.addEventListener("resize", s), () => {
     window.removeEventListener("resize", s);
-  }), []), /* @__PURE__ */ e.jsxs("div", { className: Pt.zoom, children: [
+  }), []), /* @__PURE__ */ e.jsxs("div", { className: Mt.zoom, children: [
     /* @__PURE__ */ e.jsx(
       _,
       {
@@ -289,13 +289,13 @@ const et = ["desktop", "tablet", "mobile"], tt = [
       " %"
     ] })
   ] });
-}, Et = () => /* @__PURE__ */ e.jsxs("div", { className: jt.settings, children: [
-  /* @__PURE__ */ e.jsx(ft, {}),
-  /* @__PURE__ */ e.jsx(St, {}),
-  /* @__PURE__ */ e.jsx(Mt, {})
-] }), It = "_theme_3wxbf_1", Ft = {
-  theme: It
-}, Tt = () => /* @__PURE__ */ e.jsxs("div", { className: Ft.theme, children: [
+}, Ft = () => /* @__PURE__ */ e.jsxs("div", { className: bt.settings, children: [
+  /* @__PURE__ */ e.jsx(wt, {}),
+  /* @__PURE__ */ e.jsx(Pt, {}),
+  /* @__PURE__ */ e.jsx(Et, {})
+] }), Tt = "_theme_3wxbf_1", Ot = {
+  theme: Tt
+}, Lt = () => /* @__PURE__ */ e.jsxs("div", { className: Ot.theme, children: [
   /* @__PURE__ */ e.jsx(
     _,
     {
@@ -305,76 +305,77 @@ const et = ["desktop", "tablet", "mobile"], tt = [
     }
   ),
   /* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
-] }), Ot = () => {
-  const { themeSettings: t } = F(), { settings: n } = V(), [s, a] = x.useState(null), [l, c] = x.useState(!1), { pages: o } = B(), { blocks: i } = $();
-  function d(r, j) {
-    return j.map(
-      (v) => Object.values(v.value).filter((y) => y.type === r).map((y) => y.value).flat()
-    ).flat();
+] }), zt = () => {
+  const { themeSettings: t } = T(), { settings: n } = V(), [s, o] = x.useState(null), [l, a] = x.useState(!1), { pages: c } = S(), { blocks: i } = B();
+  function r(d, j) {
+    const g = j.map(
+      (v) => Object.values(v.value.blockSettings).filter((N) => N.type === d).map((N) => N.value).flat()
+    ).flat().map((v) => v.listingId);
+    return console.log(g), g;
   }
-  function w(r, j) {
-    return d(r, j).some((v) => v);
+  function f(d, j) {
+    return r(d, j).some((v) => v);
   }
-  function g(r, j) {
-    const p = d(r, j);
-    return Array.isArray(p) && p.length > 0 ? Math.max(...p) : 0;
+  function p(d, j) {
+    const g = r(d, j);
+    return Array.isArray(g) && g.length > 0 ? Math.max(...g) : 0;
   }
-  function u(r) {
-    const j = Object.keys(o).find((p) => o[p].name === r);
-    return j ? o[j] : null;
+  function u(d) {
+    const j = Object.keys(c).find((g) => c[g].name === d);
+    return j ? c[j] : null;
   }
   const m = () => {
     if (l)
       s && clearTimeout(s);
     else {
-      const j = Object.keys(i).map((p) => {
-        const v = u(p);
+      const j = Object.keys(i).map((g) => {
+        const v = u(g);
         return {
-          name: v ? v.name : p,
-          path: p === "home" ? "/" : (v == null ? void 0 : v.path) || p,
+          name: v ? v.name : g,
+          path: g === "home" ? "/" : (v == null ? void 0 : v.path) || g,
           layout: {
-            ...i[p]
+            ...i[g]
           },
-          neededProductIds: [...d("ProductId", Object.values(i[p]))],
-          neededCategoryIds: [...d("CategoryId", Object.values(i[p]))],
-          neededAnnouncementIds: [...d("AnnouncementId", Object.values(i[p]))],
-          neededListingIds: [...d("ListingId", Object.values(i[p]))],
-          neededFaqs: w("Faqs", Object.values(i[p])),
-          neededReviewCount: g("ReviewCount", Object.values(i[p])),
+          neededProductIds: [...r("ProductId", Object.values(i[g]))],
+          neededCategoryIds: [...r("CategoryId", Object.values(i[g]))],
+          neededAnnouncementIds: [...r("AnnouncementId", Object.values(i[g]))],
+          neededListingIds: [...r("listings", Object.values(i[g]))],
+          neededFaqs: f("Faqs", Object.values(i[g])),
+          neededReviewCount: p("ReviewCount", Object.values(i[g])),
           seo: {
             pageTitle: v ? v.seo.title : "",
             pageDescription: v ? v.seo.description : ""
           }
         };
       });
-      He("POST", "save", {
+      qe("POST", "save", {
         themeSettings: t,
         settings: n,
         updatedPages: j
       });
     }
-    c(!0);
-    const r = setTimeout(() => {
-      c(!1);
+    a(!0);
+    const d = setTimeout(() => {
+      a(!1);
     }, 2e3);
-    a(r);
+    o(d);
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: de.header, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: de.left, children: [
-      /* @__PURE__ */ e.jsx(dt, {}),
-      /* @__PURE__ */ e.jsx(pt, {})
+  return /* @__PURE__ */ e.jsxs("div", { className: ue.header, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: ue.left, children: [
+      /* @__PURE__ */ e.jsx(mt, {}),
+      /* @__PURE__ */ e.jsx(jt, {})
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: de.center, children: /* @__PURE__ */ e.jsx(Et, {}) }),
-    /* @__PURE__ */ e.jsxs("div", { className: de.right, children: [
-      /* @__PURE__ */ e.jsx(Tt, {}),
-      /* @__PURE__ */ e.jsx(ct, {}),
+    /* @__PURE__ */ e.jsx("div", { className: ue.center, children: /* @__PURE__ */ e.jsx(Ft, {}) }),
+    /* @__PURE__ */ e.jsxs("div", { className: ue.right, children: [
+      /* @__PURE__ */ e.jsx(Lt, {}),
+      /* @__PURE__ */ e.jsx(it, {}),
       /* @__PURE__ */ e.jsx(X, { onClick: m, children: "Save" })
     ] })
   ] });
-}, Lt = "_exit_2ce42_1", zt = "_text_2ce42_10", ye = {
-  exit: Lt,
-  text: zt
-}, Dt = () => /* @__PURE__ */ e.jsxs("div", { className: ye.exit, children: [
+}, Dt = "_exit_2ce42_1", Ht = "_text_2ce42_10", Be = {
+  exit: Dt,
+  text: Ht
+}, Rt = () => /* @__PURE__ */ e.jsxs("div", { className: Be.exit, children: [
   /* @__PURE__ */ e.jsx(
     _,
     {
@@ -383,79 +384,79 @@ const et = ["desktop", "tablet", "mobile"], tt = [
       height: 20
     }
   ),
-  /* @__PURE__ */ e.jsx("span", { className: ye.text, children: "Exit" })
-] }), Ht = "_navbar_2ac63_1", Rt = "_main_2ac63_6", qt = "_block_2ac63_13", Yt = "_active_2ac63_30", ue = {
-  navbar: Ht,
-  main: Rt,
-  block: qt,
-  active: Yt
-}, Qt = () => {
-  const { activeBlock: t, setActiveBlock: n } = pe(), { setActiveBlock: s } = K(), { setCurrentBlock: a } = $(), { setActiveBlock: l } = F();
-  function c(o) {
-    s(null), n(o), a(null), l(null);
+  /* @__PURE__ */ e.jsx("span", { className: Be.text, children: "Exit" })
+] }), qt = "_navbar_2ac63_1", Yt = "_main_2ac63_6", Ut = "_block_2ac63_13", Qt = "_active_2ac63_30", me = {
+  navbar: qt,
+  main: Yt,
+  block: Ut,
+  active: Qt
+}, Gt = () => {
+  const { activeBlock: t, setActiveBlock: n } = xe(), { setActiveBlock: s } = K(), { setCurrentBlock: o } = B(), { setActiveBlock: l } = T();
+  function a(c) {
+    s(null), n(c), o(null), l(null);
   }
-  return /* @__PURE__ */ e.jsxs("div", { className: ue.navbar, children: [
-    /* @__PURE__ */ e.jsx(Dt, {}),
-    /* @__PURE__ */ e.jsx("div", { className: ue.main, children: Re.map((o) => /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs("div", { className: me.navbar, children: [
+    /* @__PURE__ */ e.jsx(Rt, {}),
+    /* @__PURE__ */ e.jsx("div", { className: me.main, children: Ye.map((c) => /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: C(ue.block, {
-          [ue.active]: t.icon === o.icon
+        className: C(me.block, {
+          [me.active]: t.icon === c.icon
         }),
-        onClick: () => c(o),
+        onClick: () => a(c),
         children: [
           /* @__PURE__ */ e.jsx(
             _,
             {
-              name: o.icon,
-              fill: t.icon === o.icon ? "#252525" : "#757575"
+              name: c.icon,
+              fill: t.icon === c.icon ? "#252525" : "#757575"
             }
           ),
-          /* @__PURE__ */ e.jsx("span", { children: o.name })
+          /* @__PURE__ */ e.jsx("span", { children: c.name })
         ]
       },
-      o.icon
+      c.icon
     )) })
   ] });
-}, Ut = "_preview_jui5n_1", Gt = "_main_jui5n_9", Jt = "_content_jui5n_19", Xt = "_loading_jui5n_26", Zt = "_loader_jui5n_34", Vt = "_spin_jui5n_1", oe = {
-  preview: Ut,
-  main: Gt,
-  content: Jt,
-  loading: Xt,
-  loader: Zt,
-  spin: Vt
-}, Kt = "_header_1t64j_1", Wt = "_circles_1t64j_14", es = "_circle_1t64j_14", ts = "_red_1t64j_30", ss = "_green_1t64j_34", ns = "_yellow_1t64j_38", os = "_input_1t64j_42", as = "_main_1t64j_51", cs = "_text_1t64j_59", Q = {
-  header: Kt,
-  circles: Wt,
-  circle: es,
-  red: ts,
-  green: ss,
-  yellow: ns,
-  input: os,
-  main: as,
-  text: cs
-}, ls = "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", is = ["red", "yellow", "green"], rs = () => /* @__PURE__ */ e.jsxs("div", { className: Q.header, children: [
-  /* @__PURE__ */ e.jsx("div", { className: Q.circles, children: is.map((t) => /* @__PURE__ */ e.jsx(
+}, Jt = "_preview_jui5n_1", Xt = "_main_jui5n_9", Zt = "_content_jui5n_19", Vt = "_loading_jui5n_26", Kt = "_loader_jui5n_34", Wt = "_spin_jui5n_1", ae = {
+  preview: Jt,
+  main: Xt,
+  content: Zt,
+  loading: Vt,
+  loader: Kt,
+  spin: Wt
+}, es = "_header_1t64j_1", ts = "_circles_1t64j_14", ss = "_circle_1t64j_14", ns = "_red_1t64j_30", os = "_green_1t64j_34", as = "_yellow_1t64j_38", cs = "_input_1t64j_42", ls = "_main_1t64j_51", is = "_text_1t64j_59", U = {
+  header: es,
+  circles: ts,
+  circle: ss,
+  red: ns,
+  green: os,
+  yellow: as,
+  input: cs,
+  main: ls,
+  text: is
+}, rs = "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", ds = ["red", "yellow", "green"], us = () => /* @__PURE__ */ e.jsxs("div", { className: U.header, children: [
+  /* @__PURE__ */ e.jsx("div", { className: U.circles, children: ds.map((t) => /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: C(Q.circle, {
-        [Q.red]: t === "red",
-        [Q.yellow]: t === "yellow",
-        [Q.green]: t === "green"
+      className: C(U.circle, {
+        [U.red]: t === "red",
+        [U.yellow]: t === "yellow",
+        [U.green]: t === "green"
       })
     },
     t
   )) }),
-  /* @__PURE__ */ e.jsxs("div", { className: Q.input, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: Q.main, children: [
+  /* @__PURE__ */ e.jsxs("div", { className: U.input, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: U.main, children: [
       /* @__PURE__ */ e.jsx(
         "img",
         {
-          src: ls,
+          src: rs,
           alt: ""
         }
       ),
-      /* @__PURE__ */ e.jsx("span", { className: Q.text, children: "lorem.ipsum" }),
+      /* @__PURE__ */ e.jsx("span", { className: U.text, children: "lorem.ipsum" }),
       /* @__PURE__ */ e.jsx(
         _,
         {
@@ -475,48 +476,48 @@ const et = ["desktop", "tablet", "mobile"], tt = [
       }
     )
   ] })
-] }), ds = "_content_92dk8_1", us = "_block_92dk8_6", ms = "_active_92dk8_13", hs = "_name_92dk8_17", _s = "_empty_92dk8_31", gs = "_icon_92dk8_42", ps = "_title_92dk8_53", xs = "_text_92dk8_59", js = "_sections_92dk8_65", vs = "_section_92dk8_65", me = {
-  content: ds,
-  block: us,
-  active: ms,
-  name: hs,
-  empty: _s,
-  icon: gs,
-  title: ps,
-  text: xs,
-  sections: js,
-  section: vs
-}, bs = "_sidebar_1f3hk_1", fs = "_content_1f3hk_12", ks = "_button_1f3hk_22", ws = "_moveButton_1f3hk_30", Cs = "_border_1f3hk_34", Ns = "_deleteButton_1f3hk_38", E = {
-  sidebar: bs,
-  content: fs,
-  button: ks,
-  moveButton: ws,
-  border: Cs,
-  deleteButton: Ns
-}, $s = () => {
-  const { activeBlock: t } = Z(), { blocks: n, removeBlock: s, moveBlock: a, duplicateBlock: l } = $(), { currentPage: c, pages: o } = B(), i = Object.keys(n[o[c].name]), d = i.indexOf(t), w = () => {
-    d > 0 && a(o[c].name, d, d - 1);
-  }, g = () => {
-    d < i.length - 1 && a(o[c].name, d, d + 1);
+] }), ms = "_content_92dk8_1", hs = "_block_92dk8_6", _s = "_active_92dk8_13", gs = "_name_92dk8_17", ps = "_empty_92dk8_31", xs = "_icon_92dk8_42", js = "_title_92dk8_53", vs = "_text_92dk8_59", bs = "_sections_92dk8_65", fs = "_section_92dk8_65", he = {
+  content: ms,
+  block: hs,
+  active: _s,
+  name: gs,
+  empty: ps,
+  icon: xs,
+  title: js,
+  text: vs,
+  sections: bs,
+  section: fs
+}, ks = "_sidebar_1f3hk_1", ws = "_content_1f3hk_12", Cs = "_button_1f3hk_22", Ns = "_moveButton_1f3hk_30", ys = "_border_1f3hk_34", $s = "_deleteButton_1f3hk_38", E = {
+  sidebar: ks,
+  content: ws,
+  button: Cs,
+  moveButton: Ns,
+  border: ys,
+  deleteButton: $s
+}, Bs = () => {
+  const { activeBlock: t } = Z(), { blocks: n, removeBlock: s, moveBlock: o, duplicateBlock: l } = B(), { currentPage: a, pages: c } = S(), i = Object.keys(n[c[a].name]), r = i.indexOf(t), f = () => {
+    r > 0 && o(c[a].name, r, r - 1);
+  }, p = () => {
+    r < i.length - 1 && o(c[a].name, r, r + 1);
   }, u = () => {
-    l(o[c].name, t);
+    l(c[a].name, t);
   };
   return /* @__PURE__ */ e.jsx("div", { className: E.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: E.content, children: [
     /* @__PURE__ */ e.jsx(
       "button",
       {
-        onClick: w,
+        onClick: f,
         className: C(E.button, E.moveButton),
-        disabled: d === 0,
+        disabled: r === 0,
         children: /* @__PURE__ */ e.jsx(_, { name: "arrow-preview-up" })
       }
     ),
     /* @__PURE__ */ e.jsx(
       "button",
       {
-        onClick: g,
+        onClick: p,
         className: C(E.button, E.moveButton),
-        disabled: d === i.length - 1,
+        disabled: r === i.length - 1,
         children: /* @__PURE__ */ e.jsx(_, { name: "arrow-preview-down" })
       }
     ),
@@ -533,7 +534,7 @@ const et = ["desktop", "tablet", "mobile"], tt = [
     /* @__PURE__ */ e.jsx(
       "button",
       {
-        onClick: () => s(o[c].name, t),
+        onClick: () => s(c[a].name, t),
         className: C(E.button, E.deleteButton),
         children: /* @__PURE__ */ e.jsx(
           _,
@@ -545,30 +546,30 @@ const et = ["desktop", "tablet", "mobile"], tt = [
       }
     )
   ] }) });
-}, Fe = ({ render: t, block: n }) => t(n), ys = () => {
-  const { footer: t } = $(), { settings: n } = V(), { pageContext: s } = B();
+}, Oe = ({ render: t, block: n }) => t(n), Ss = () => {
+  const { footer: t } = B(), { settings: n } = V(), { pageContext: s } = S();
   return t == null ? void 0 : t.renderBlock(n, s);
-}, Bs = () => {
-  const { header: t } = $(), { settings: n } = V(), { pageContext: s } = B();
+}, As = () => {
+  const { header: t } = B(), { settings: n } = V(), { pageContext: s } = S();
   return t == null ? void 0 : t.renderBlock(n, s);
-}, Ss = x.memo(() => {
-  const { setActiveBlock: t, activeBlock: n } = Z(), { blocks: s } = K(), { blocks: a } = $(), { settings: l } = V(), { currentPage: c, pages: o, setIsOpenSelectModal: i } = B(), d = x.useRef(n);
+}, Ps = x.memo(() => {
+  const { setActiveBlock: t, activeBlock: n } = Z(), { blocks: s } = K(), { blocks: o } = B(), { settings: l } = V(), { currentPage: a, pages: c, setIsOpenSelectModal: i } = S(), r = x.useRef(n);
   x.useEffect(() => {
-    d.current = n;
+    r.current = n;
   }, [n]), x.useEffect(() => {
     const u = () => {
-      d.current && t(null);
+      r.current && t(null);
     };
     return document.body.addEventListener("click", u), () => {
       document.body.removeEventListener("click", u);
     };
   }, []);
-  const w = (u) => {
+  const f = (u) => {
     const m = new s[u.name]();
     return Object.assign(m, u.value), m.renderBlock(l);
-  }, g = x.useCallback(
-    (u) => w(u),
-    [a, l]
+  }, p = x.useCallback(
+    (u) => f(u),
+    [o, l]
   );
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -576,47 +577,47 @@ const et = ["desktop", "tablet", "mobile"], tt = [
       onClick: (u) => {
         u.stopPropagation(), i(!1);
       },
-      className: me.content,
+      className: he.content,
       children: [
-        /* @__PURE__ */ e.jsx(Bs, {}),
-        a[o[c].name] && Object.keys(a[o[c].name]).map((u) => /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ e.jsx(As, {}),
+        o[c[a].name] && Object.keys(o[c[a].name]).map((u) => /* @__PURE__ */ e.jsxs(
           "div",
           {
             onClick: () => t(u),
-            className: C(me.block, {
-              [me.active]: n === u
+            className: C(he.block, {
+              [he.active]: n === u
             }),
             children: [
-              n === u && /* @__PURE__ */ e.jsx("div", { className: me.name, children: a[o[c].name][u].name }),
-              n === u && /* @__PURE__ */ e.jsx($s, {}),
+              n === u && /* @__PURE__ */ e.jsx("div", { className: he.name, children: o[c[a].name][u].name }),
+              n === u && /* @__PURE__ */ e.jsx(Bs, {}),
               /* @__PURE__ */ e.jsx(
-                Fe,
+                Oe,
                 {
-                  render: g,
-                  block: a[o[c].name][u]
+                  render: p,
+                  block: o[c[a].name][u]
                 }
               )
             ]
           }
         )),
-        /* @__PURE__ */ e.jsx(ys, {})
+        /* @__PURE__ */ e.jsx(Ss, {})
       ]
     }
   );
-}), As = "_results_f488n_1", Ps = "_name_f488n_8", Ms = "_product_f488n_15", he = {
-  results: As,
-  name: Ps,
-  product: Ms
-}, Es = "_search_1s0qp_1", Is = "_input_1s0qp_12", Be = {
-  search: Es,
-  input: Is
-}, Fs = () => /* @__PURE__ */ e.jsxs("label", { className: Be.search, children: [
+}), Is = "_results_f488n_1", Ms = "_name_f488n_8", Es = "_product_f488n_15", _e = {
+  results: Is,
+  name: Ms,
+  product: Es
+}, Fs = "_search_1s0qp_1", Ts = "_input_1s0qp_12", Se = {
+  search: Fs,
+  input: Ts
+}, Os = () => /* @__PURE__ */ e.jsxs("label", { className: Se.search, children: [
   /* @__PURE__ */ e.jsx(
     "input",
     {
       type: "text",
       placeholder: "Search for sections",
-      className: Be.input
+      className: Se.input
     }
   ),
   /* @__PURE__ */ e.jsx(
@@ -626,81 +627,81 @@ const et = ["desktop", "tablet", "mobile"], tt = [
       fill: "#757575"
     }
   )
-] }), Te = () => {
-  const { blocks: t, setActiveBlock: n } = K(), { hideModal: s } = fe();
-  function a(l) {
+] }), Le = () => {
+  const { blocks: t, setActiveBlock: n } = K(), { hideModal: s } = je();
+  function o(l) {
     n(l), s();
   }
-  return /* @__PURE__ */ e.jsxs("div", { className: he.add, children: [
-    /* @__PURE__ */ e.jsx(Fs, {}),
-    /* @__PURE__ */ e.jsx("div", { className: he.results, children: Object.keys(t).map((l) => /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs("div", { className: _e.add, children: [
+    /* @__PURE__ */ e.jsx(Os, {}),
+    /* @__PURE__ */ e.jsx("div", { className: _e.results, children: Object.keys(t).map((l) => /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: he.product,
-        onClick: () => a(l),
+        className: _e.product,
+        onClick: () => o(l),
         children: [
-          /* @__PURE__ */ e.jsx("span", { className: he.name, children: l }),
+          /* @__PURE__ */ e.jsx("span", { className: _e.name, children: l }),
           /* @__PURE__ */ e.jsx(_, { name: "arrow-right" })
         ]
       },
       l
     )) })
   ] });
-}, Ts = () => {
+}, Ls = () => {
   const {
     modalPosition: t,
     color: n,
     initialColor: s,
-    setShowModal: a,
+    setShowModal: o,
     hue: l,
-    saturation: c,
-    brightness: o,
+    saturation: a,
+    brightness: c,
     dragging: i,
-    setDragging: d,
-    setHue: w,
-    setSaturation: g,
+    setDragging: r,
+    setHue: f,
+    setSaturation: p,
     setBrightness: u,
     colorChange: m,
-    setColor: r,
+    setColor: d,
     update: j
-  } = Me(), p = (h) => {
-    const { offsetX: b, offsetY: f } = h.nativeEvent;
-    d(!0), T(b, f, h.currentTarget);
+  } = Me(), g = (h) => {
+    const { offsetX: k, offsetY: b } = h.nativeEvent;
+    r(!0), y(k, b, h.currentTarget);
   }, v = (h) => {
     if (i) {
-      const b = document.querySelector(`.${H.colorMap}`), { left: f, top: N } = b.getBoundingClientRect(), k = h.clientX - f, J = h.clientY - N;
-      T(k, J, b);
+      const k = document.querySelector(`.${H.colorMap}`), { left: b, top: $ } = k.getBoundingClientRect(), w = h.clientX - b, J = h.clientY - $;
+      y(w, J, k);
     }
-  }, y = () => {
-    d(!1);
-  }, T = (h, b, f) => {
-    const { width: N, height: k } = f.getBoundingClientRect(), J = Math.max(0, Math.min(h / N * 100, 100)), ie = Math.max(0, Math.min(100 - b / k * 100, 100));
-    g(J), u(ie), S(J, ie);
-  }, S = (h, b) => {
-    const f = P(l, h, b);
-    m(f), r(f);
-  }, D = (h, b, f) => {
-    b /= 100, f /= 100;
-    const N = (re) => (re + h / 60) % 6, k = (re) => f * (1 - b * Math.max(0, Math.min(N(re), 4 - N(re), 1))), J = Math.round(255 * k(5)), ie = Math.round(255 * k(3)), ze = Math.round(255 * k(1));
-    return { r: J, g: ie, b: ze };
-  }, A = (h, b, f) => {
-    const N = (k) => k.toString(16).padStart(2, "0");
-    return `#${N(h)}${N(b)}${N(f)}`;
-  }, P = (h, b, f) => {
-    const { r: N, g: k, b: J } = D(h, b, f);
-    return A(N, k, J);
+  }, N = () => {
+    r(!1);
+  }, y = (h, k, b) => {
+    const { width: $, height: w } = b.getBoundingClientRect(), J = Math.max(0, Math.min(h / $ * 100, 100)), re = Math.max(0, Math.min(100 - k / w * 100, 100));
+    p(J), u(re), A(J, re);
+  }, A = (h, k) => {
+    const b = I(l, h, k);
+    m(b), d(b);
+  }, D = (h, k, b) => {
+    k /= 100, b /= 100;
+    const $ = (de) => (de + h / 60) % 6, w = (de) => b * (1 - k * Math.max(0, Math.min($(de), 4 - $(de), 1))), J = Math.round(255 * w(5)), re = Math.round(255 * w(3)), He = Math.round(255 * w(1));
+    return { r: J, g: re, b: He };
+  }, P = (h, k, b) => {
+    const $ = (w) => w.toString(16).padStart(2, "0");
+    return `#${$(h)}${$(k)}${$(b)}`;
+  }, I = (h, k, b) => {
+    const { r: $, g: w, b: J } = D(h, k, b);
+    return P($, w, J);
   };
   x.useEffect(() => {
-    const h = (f) => v(f), b = () => y();
-    return i ? (document.addEventListener("mousemove", h), document.addEventListener("mouseup", b)) : (document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", b)), () => {
-      document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", b);
+    const h = (b) => v(b), k = () => N();
+    return i ? (document.addEventListener("mousemove", h), document.addEventListener("mouseup", k)) : (document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", k)), () => {
+      document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", k);
     };
   }, [i]);
   function M() {
-    j(n), a(!1);
+    j(n), o(!1);
   }
   function G() {
-    a(!1), m(s);
+    o(!1), m(s);
   }
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -717,7 +718,7 @@ const et = ["desktop", "tablet", "mobile"], tt = [
           "div",
           {
             className: H.colorMap,
-            onMouseDown: p,
+            onMouseDown: g,
             style: {
               background: `
 linear-gradient(to top, black, transparent),
@@ -730,8 +731,8 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
                 className: H.indicator,
                 style: {
                   position: "absolute",
-                  left: `${c}%`,
-                  top: `${100 - o}%`,
+                  left: `${a}%`,
+                  top: `${100 - c}%`,
                   transform: "translate(-50%, -50%)"
                 }
               }
@@ -746,7 +747,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             max: "360",
             value: l,
             onChange: (h) => {
-              w(Number(h.target.value)), S(c, o);
+              f(Number(h.target.value)), A(a, c);
             },
             className: H.slider
           }
@@ -772,60 +773,60 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, Os = () => {
-  const { onPreview: t } = Z(), { hoverBlockId: n, isModalVisible: s, isPreviewVisible: a } = fe(), { settings: l } = V(), { blocks: c } = K(), { blocks: o } = $(), { currentPage: i, pages: d } = B(), { showModal: w } = Me(), [g, u] = x.useState(!0);
+}, zs = () => {
+  const { onPreview: t } = Z(), { hoverBlockId: n, isModalVisible: s, isPreviewVisible: o } = je(), { settings: l } = V(), { blocks: a } = K(), { blocks: c } = B(), { currentPage: i, pages: r } = S(), { showModal: f } = Me(), [p, u] = x.useState(!0);
   x.useEffect(() => {
     t && setTimeout(() => {
       u(!1);
     }, 100);
   }, [t]);
-  const m = (r) => {
-    const j = new c[r.name]();
-    return Object.assign(j, r.value), j.renderBlock(l);
+  const m = (d) => {
+    const j = new a[d.name]();
+    return Object.assign(j, d.value), j.renderBlock(l);
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: oe.preview, children: [
-    s && /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsx(Te, {}) }),
-    a && n && /* @__PURE__ */ e.jsx(ke, { children: /* @__PURE__ */ e.jsx(
-      Fe,
+  return /* @__PURE__ */ e.jsxs("div", { className: ae.preview, children: [
+    s && /* @__PURE__ */ e.jsx(we, { children: /* @__PURE__ */ e.jsx(Le, {}) }),
+    o && n && /* @__PURE__ */ e.jsx(we, { children: /* @__PURE__ */ e.jsx(
+      Oe,
       {
         render: m,
-        block: o[d[i].name][n]
+        block: c[r[i].name][n]
       }
     ) }),
-    w && /* @__PURE__ */ e.jsx(Ts, {}),
-    t && /* @__PURE__ */ e.jsxs("div", { className: oe.main, children: [
-      /* @__PURE__ */ e.jsx(rs, {}),
-      /* @__PURE__ */ e.jsx("div", { className: oe.content, children: g ? /* @__PURE__ */ e.jsx("div", { className: oe.loading, children: /* @__PURE__ */ e.jsx("div", { className: oe.loader }) }) : /* @__PURE__ */ e.jsx(Ss, {}) })
+    f && /* @__PURE__ */ e.jsx(Ls, {}),
+    t && /* @__PURE__ */ e.jsxs("div", { className: ae.main, children: [
+      /* @__PURE__ */ e.jsx(us, {}),
+      /* @__PURE__ */ e.jsx("div", { className: ae.content, children: p ? /* @__PURE__ */ e.jsx("div", { className: ae.loading, children: /* @__PURE__ */ e.jsx("div", { className: ae.loader }) }) : /* @__PURE__ */ e.jsx(Ps, {}) })
     ] })
   ] });
-}, Ls = "_sidebar_1r5sp_1", zs = "_title_1r5sp_10", Ds = "_active_1r5sp_18", Se = {
-  sidebar: Ls,
-  title: zs,
-  active: Ds
-}, Hs = "_layers_62wod_1", Rs = "_block_62wod_8", qs = "_dragging_62wod_23", Ys = "_active_62wod_31", Qs = "_add_62wod_35", Us = "_button_62wod_47", Gs = "_empty_62wod_60", Js = "_title_62wod_72", Xs = "_icon_62wod_79", Zs = "_text_62wod_83", Vs = "_highlight_62wod_89", se = {
-  layers: Hs,
-  block: Rs,
-  dragging: qs,
-  active: Ys,
-  add: Qs,
-  button: Us,
-  empty: Gs,
-  title: Js,
-  icon: Xs,
-  text: Zs,
-  highlight: Vs
-}, Ks = "_block_1d6lb_1", Ae = {
-  block: Ks
-}, Ws = () => {
-  const { setCurrentBlock: t } = $(), { activeBlock: n } = Z();
-  function s(a) {
-    t(a);
+}, Ds = "_sidebar_1r5sp_1", Hs = "_title_1r5sp_10", Rs = "_active_1r5sp_18", Ae = {
+  sidebar: Ds,
+  title: Hs,
+  active: Rs
+}, qs = "_layers_62wod_1", Ys = "_block_62wod_8", Us = "_dragging_62wod_23", Qs = "_active_62wod_31", Gs = "_add_62wod_35", Js = "_button_62wod_47", Xs = "_empty_62wod_60", Zs = "_title_62wod_72", Vs = "_icon_62wod_79", Ks = "_text_62wod_83", Ws = "_highlight_62wod_89", ne = {
+  layers: qs,
+  block: Ys,
+  dragging: Us,
+  active: Qs,
+  add: Gs,
+  button: Js,
+  empty: Xs,
+  title: Zs,
+  icon: Vs,
+  text: Ks,
+  highlight: Ws
+}, en = "_block_1d6lb_1", Pe = {
+  block: en
+}, tn = () => {
+  const { setCurrentBlock: t } = B(), { activeBlock: n } = Z();
+  function s(o) {
+    t(o);
   }
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: C(Ae.block, {
-        [Ae.active]: n === "header"
+      className: C(Pe.block, {
+        [Pe.active]: n === "header"
       }),
       onClick: () => s("header"),
       children: [
@@ -834,18 +835,18 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, en = "_block_1d6lb_1", Pe = {
-  block: en
-}, tn = () => {
-  const { activeBlock: t } = Z(), { setCurrentBlock: n } = $();
-  function s(a) {
-    n(a);
+}, sn = "_block_1d6lb_1", Ie = {
+  block: sn
+}, nn = () => {
+  const { activeBlock: t } = Z(), { setCurrentBlock: n } = B();
+  function s(o) {
+    n(o);
   }
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: C(Pe.block, {
-        [Pe.active]: t === "footer"
+      className: C(Ie.block, {
+        [Ie.active]: t === "footer"
       }),
       onClick: () => s("footer"),
       children: [
@@ -854,32 +855,32 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, sn = ({ id: t, name: n, index: s, moveBlock: a, onClick: l }) => {
-  const { currentPage: c, pages: o } = B(), { activeBlock: i } = Z(), {
-    showPreview: d,
-    hidePreview: w,
-    showModal: g,
+}, on = ({ id: t, name: n, index: s, moveBlock: o, onClick: l }) => {
+  const { currentPage: a, pages: c } = S(), { activeBlock: i } = Z(), {
+    showPreview: r,
+    hidePreview: f,
+    showModal: p,
     hideModal: u,
     clearHideTimeout: m,
-    startHideTimeout: r,
+    startHideTimeout: d,
     hoverBlockId: j,
-    isModalVisible: p
-  } = fe(), { setPositionBlock: v } = $(), [y, T] = x.useState(!1), S = () => {
-    p && u(), d(t), T(!0), m();
+    isModalVisible: g
+  } = je(), { setPositionBlock: v } = B(), [N, y] = x.useState(!1), A = () => {
+    g && u(), r(t), y(!0), m();
   }, D = (h) => {
-    h.stopPropagation(), w(), g(t), m(), v(s + 1);
-  }, A = () => {
-    p ? r() : (T(!1), w());
+    h.stopPropagation(), f(), p(t), m(), v(s + 1);
+  }, P = () => {
+    g ? d() : (y(!1), f());
   };
   x.useEffect(() => {
-    p || T(!1);
-  }, [p]);
-  const [, P] = Qe({
+    g || y(!1);
+  }, [g]);
+  const [, I] = Ge({
     accept: "block",
     hover(h) {
-      h.index !== s && (a(o[c].name, h.index, s), h.index = s);
+      h.index !== s && (o(c[a].name, h.index, s), h.index = s);
     }
-  }), [{ isDragging: M }, G] = Ue({
+  }), [{ isDragging: M }, G] = Je({
     type: "block",
     item: { id: t, index: s },
     collect: (h) => ({
@@ -889,21 +890,21 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: (h) => G(P(h)),
-      className: C(se.block, {
-        [se.dragging]: M,
-        [se.active]: !M && i === t
+      ref: (h) => G(I(h)),
+      className: C(ne.block, {
+        [ne.dragging]: M,
+        [ne.active]: !M && i === t
       }),
       onClick: () => l(t),
-      onMouseEnter: S,
-      onMouseLeave: A,
+      onMouseEnter: A,
+      onMouseLeave: P,
       children: [
         /* @__PURE__ */ e.jsx(_, { name: "cards" }),
         /* @__PURE__ */ e.jsx("span", { children: n }),
-        (y || j === t) && !M && /* @__PURE__ */ e.jsx("div", { className: se.add, children: /* @__PURE__ */ e.jsx(
+        (N || j === t) && !M && /* @__PURE__ */ e.jsx("div", { className: ne.add, children: /* @__PURE__ */ e.jsx(
           "button",
           {
-            className: se.button,
+            className: ne.button,
             onClick: (h) => D(h),
             children: /* @__PURE__ */ e.jsx(
               _,
@@ -917,119 +918,123 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, nn = () => {
-  const { blocks: t, setCurrentBlock: n, moveBlock: s } = $(), { currentPage: a, pages: l } = B();
-  function c(o) {
-    n(o);
+}, an = () => {
+  const { blocks: t, setCurrentBlock: n, moveBlock: s } = B(), { currentPage: o, pages: l } = S(), { setMouseOverModal: a, setHoverBlockId: c } = je();
+  function i(r) {
+    n(r), a(!1), c(null);
   }
-  return /* @__PURE__ */ e.jsxs("div", { className: se.layers, children: [
-    /* @__PURE__ */ e.jsx(Ws, {}),
-    /* @__PURE__ */ e.jsx(qe, { backend: Ye, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: t[l[a].name] && Object.keys(t[l[a].name]).map((o, i) => /* @__PURE__ */ e.jsx(
-      sn,
+  return /* @__PURE__ */ e.jsxs("div", { className: ne.layers, children: [
+    /* @__PURE__ */ e.jsx(tn, {}),
+    /* @__PURE__ */ e.jsx(Ue, { backend: Qe, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: t[l[o].name] && Object.keys(t[l[o].name]).map((r, f) => /* @__PURE__ */ e.jsx(
+      on,
       {
-        id: o,
-        name: t[l[a].name][o].name,
-        index: i,
+        id: r,
+        name: t[l[o].name][r].name,
+        index: f,
         moveBlock: s,
-        onClick: c
+        onClick: i
       },
-      o
+      r
     )) }) }),
-    /* @__PURE__ */ e.jsx(tn, {})
+    /* @__PURE__ */ e.jsx(nn, {})
   ] });
-}, on = ({ isHeader: t }) => {
-  const { header: n, footer: s } = $(), { pageContext: a } = B();
-  return t ? n == null ? void 0 : n.renderSettings(a) : s == null ? void 0 : s.renderSettings(a);
-}, an = () => {
+}, cn = ({ isHeader: t }) => {
+  const { header: n, footer: s } = B(), { pageContext: o } = S();
+  return t ? n == null ? void 0 : n.renderSettings(o) : s == null ? void 0 : s.renderSettings(o);
+}, ln = () => {
   const { settings: t } = V();
   return t == null ? void 0 : t.renderSettings();
-}, cn = "_theme_1xj36_1", ln = "_block_1xj36_6", rn = "_name_1xj36_20", ve = {
-  theme: cn,
-  block: ln,
-  name: rn
-}, dn = () => {
-  const { setActiveBlock: t } = F();
+}, rn = "_theme_1xj36_1", dn = "_block_1xj36_6", un = "_name_1xj36_20", fe = {
+  theme: rn,
+  block: dn,
+  name: un
+}, mn = () => {
+  const { setActiveBlock: t } = T();
   function n(s) {
     t(s);
   }
-  return /* @__PURE__ */ e.jsx("div", { className: ve.theme, children: tt.map((s) => /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsx("div", { className: fe.theme, children: st.map((s) => /* @__PURE__ */ e.jsxs(
     "div",
     {
       onClick: () => n(s),
-      className: C(ve.block),
+      className: C(fe.block),
       children: [
         /* @__PURE__ */ e.jsx(_, { name: s.icon }),
-        /* @__PURE__ */ e.jsx("span", { className: ve.name, children: s.name }),
+        /* @__PURE__ */ e.jsx("span", { className: fe.name, children: s.name }),
         /* @__PURE__ */ e.jsx(_, { name: "arrow-right" })
       ]
     },
     s.icon
   )) });
-}, un = "_back_1lk1m_1", mn = "_render_1lk1m_8", hn = "_open_1lk1m_23", _n = "_close_1lk1m_50", gn = "_clicked_1lk1m_54", pn = "_title_1lk1m_58", xn = "_button_1lk1m_65", jn = "_loading_1lk1m_70", vn = "_settings_1lk1m_74", bn = "_buttons_1lk1m_80", fn = "_deleteButton_1lk1m_86", R = {
-  back: un,
-  render: mn,
-  open: hn,
-  close: _n,
-  clicked: gn,
-  title: pn,
-  button: xn,
-  loading: jn,
-  settings: vn,
-  buttons: bn,
-  deleteButton: fn
-}, kn = ({ block: t }) => t ? t.renderSettings() : null, wn = (t) => {
-  var b;
-  const { isAdd: n } = t, [s, a] = x.useState(!1), [l, c] = x.useState(null), { setActiveBlock: o } = pe(), { sourceBlocks: i, activeBlock: d, setActiveBlock: w } = K(), {
-    blocks: g,
+}, hn = "_back_1lk1m_1", _n = "_render_1lk1m_8", gn = "_open_1lk1m_23", pn = "_close_1lk1m_50", xn = "_clicked_1lk1m_54", jn = "_title_1lk1m_58", vn = "_button_1lk1m_65", bn = "_loading_1lk1m_70", fn = "_settings_1lk1m_74", kn = "_buttons_1lk1m_80", wn = "_deleteButton_1lk1m_86", R = {
+  back: hn,
+  render: _n,
+  open: gn,
+  close: pn,
+  clicked: xn,
+  title: jn,
+  button: vn,
+  loading: bn,
+  settings: fn,
+  buttons: kn,
+  deleteButton: wn
+}, Cn = ({ block: t }) => {
+  if (!t) return null;
+  const { pageContext: n } = S();
+  return t.renderSettings(n);
+}, Nn = (t) => {
+  var k;
+  const { isAdd: n } = t, [s, o] = x.useState(!1), [l, a] = x.useState(null), { setActiveBlock: c } = xe(), { sourceBlocks: i, activeBlock: r, setActiveBlock: f } = K(), {
+    blocks: p,
     addBlock: u,
     editBlock: m,
-    currentBlock: r,
+    currentBlock: d,
     setCurrentBlock: j,
-    removeBlock: p,
+    removeBlock: g,
     setPositionBlock: v,
-    setHeader: y,
-    setFooter: T,
-    header: S,
+    setHeader: N,
+    setFooter: y,
+    header: A,
     footer: D
-  } = $(), { currentPage: A, pages: P } = B();
-  function M() {
-    !n && l && m(P[A].name, r, {
-      name: g[P[A].name][r].name,
+  } = B(), { currentPage: P, pages: I } = S();
+  function M(b = !1) {
+    !n && l && !b && m(I[P].name, d, {
+      name: p[I[P].name][d].name,
       value: l
-    }), w(null), j(null), setTimeout(() => {
-      a(!1);
-    }, 150), c(null);
+    }), f(null), j(null), setTimeout(() => {
+      o(!1);
+    }, 150), a(null);
   }
   function G() {
-    M(), o({
+    M(), c({
       name: "Layers",
       icon: "layers"
-    }), c(null);
+    }), a(null);
   }
   function h() {
     if (n)
-      return new i[d]();
+      return new i[r]();
     {
-      const f = g[P[A].name][r];
-      return new i[f.name](f.value.blockSettings);
+      const b = p[I[P].name][d];
+      return new i[b.name](b.value.blockSettings);
     }
   }
   return x.useEffect(() => {
-    if (d || r && !["header", "footer"].includes(r)) {
-      const f = h();
-      c(f);
+    if (r || d && !["header", "footer"].includes(d)) {
+      const b = h();
+      a(b);
     } else
-      c(null);
-  }, [d, r]), x.useEffect(() => {
-    r === "header" && y(S);
-  }, [r, S]), x.useEffect(() => {
-    r === "footer" && T(D);
-  }, [r, D]), /* @__PURE__ */ e.jsxs(
+      a(null);
+  }, [r, d]), x.useEffect(() => {
+    d === "header" && N(A);
+  }, [d, A]), x.useEffect(() => {
+    d === "footer" && y(D);
+  }, [d, D]), /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: C(R.render, {
-        [R.open]: r || d,
-        [R.close]: !r && !d,
+        [R.open]: d || r,
+        [R.close]: !d && !r,
         [R.clicked]: s
       }),
       children: [
@@ -1039,15 +1044,15 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             {
               name: "arrow-left",
               hoverable: !0,
-              onClick: M
+              onClick: () => M()
             }
           ),
-          /* @__PURE__ */ e.jsx("h3", { className: R.title, children: d || g[P[A].name] && ((b = g[P[A].name][r]) == null ? void 0 : b.name) || r && z(r) || "Loading" })
+          /* @__PURE__ */ e.jsx("h3", { className: R.title, children: r || p[I[P].name] && ((k = p[I[P].name][d]) == null ? void 0 : k.name) || d && z(d) || "Loading" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: R.settings, children: [
-          l && /* @__PURE__ */ e.jsx(kn, { block: l }),
-          r && ["header", "footer"].includes(r) && /* @__PURE__ */ e.jsx(on, { isHeader: r === "header" }),
-          !d && !r && /* @__PURE__ */ e.jsx("div", { className: R.loading, children: "Loading" })
+          l && /* @__PURE__ */ e.jsx(Cn, { block: l }),
+          d && ["header", "footer"].includes(d) && /* @__PURE__ */ e.jsx(cn, { isHeader: d === "header" }),
+          !r && !d && /* @__PURE__ */ e.jsx("div", { className: R.loading, children: "Loading" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: R.buttons, children: [
           n && /* @__PURE__ */ e.jsx(
@@ -1057,19 +1062,19 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
                 width: "100%"
               },
               onClick: () => {
-                a(!0), ["header", "footer"].includes(r) ? r === "header" ? y(S) : T(D) : (u(P[A].name, {
-                  name: d,
+                o(!0), ["header", "footer"].includes(d) ? d === "header" ? N(A) : y(D) : (u(I[P].name, {
+                  name: r,
                   value: l
                 }), v(null)), G();
               },
               children: "Add Section"
             }
           ),
-          !n && !["header", "footer"].includes(r) && /* @__PURE__ */ e.jsx(
+          !n && !["header", "footer"].includes(d) && /* @__PURE__ */ e.jsx(
             "button",
             {
               onClick: () => {
-                a(!0), p(P[A].name, r), M();
+                o(!0), g(I[P].name, d), M(!0);
               },
               className: R.deleteButton,
               children: /* @__PURE__ */ e.jsx(
@@ -1085,40 +1090,40 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, Cn = "_settings_1r85j_1", Nn = "_open_1r85j_16", $n = "_close_1r85j_20", yn = "_header_1r85j_24", Bn = "_title_1r85j_30", Sn = "_addButton_1r85j_37", ae = {
-  settings: Cn,
-  open: Nn,
-  close: $n,
-  header: yn,
-  title: Bn,
-  addButton: Sn
-}, An = "_wrapper_n1a7x_1", Pn = "_category_n1a7x_5", Mn = "_categoryTitle_n1a7x_10", En = "_color_n1a7x_16", In = "_content_n1a7x_24", Fn = "_preview_n1a7x_32", W = {
-  wrapper: An,
-  category: Pn,
-  categoryTitle: Mn,
-  color: En,
-  content: In,
-  preview: Fn
-}, Tn = () => {
-  const { themeSettings: t, updateColor: n } = F();
-  async function s(l, c, o) {
-    n(l, c, o);
+}, yn = "_settings_1r85j_1", $n = "_open_1r85j_16", Bn = "_close_1r85j_20", Sn = "_header_1r85j_24", An = "_title_1r85j_30", Pn = "_addButton_1r85j_37", ce = {
+  settings: yn,
+  open: $n,
+  close: Bn,
+  header: Sn,
+  title: An,
+  addButton: Pn
+}, In = "_wrapper_n1a7x_1", Mn = "_category_n1a7x_5", En = "_categoryTitle_n1a7x_10", Fn = "_color_n1a7x_16", Tn = "_content_n1a7x_24", On = "_preview_n1a7x_32", W = {
+  wrapper: In,
+  category: Mn,
+  categoryTitle: En,
+  color: Fn,
+  content: Tn,
+  preview: On
+}, Ln = () => {
+  const { themeSettings: t, updateColor: n } = T();
+  async function s(l, a, c) {
+    n(l, a, c);
   }
-  const a = Ie(() => {
+  const o = Te(() => {
     const l = {};
-    return Object.entries(t.colors).forEach(([c, o]) => {
-      Object.entries(o).forEach(([i, d]) => {
-        l[d] || (l[d] = []), l[d].push(`${c}-${i}`);
+    return Object.entries(t.colors).forEach(([a, c]) => {
+      Object.entries(c).forEach(([i, r]) => {
+        l[r] || (l[r] = []), l[r].push(`${a}-${i}`);
       });
-    }), Object.keys(l).filter((c) => l[c].length > 1);
+    }), Object.keys(l).filter((a) => l[a].length > 1);
   }, [t.colors]);
-  return /* @__PURE__ */ e.jsx("div", { className: W.wrapper, children: Object.entries(t.colors).map(([l, c]) => /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsx("div", { className: W.wrapper, children: Object.entries(t.colors).map(([l, a]) => /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: W.category,
       children: [
         /* @__PURE__ */ e.jsx("h2", { className: W.categoryTitle, children: z(l) }),
-        Object.entries(c).map(([o, i]) => /* @__PURE__ */ e.jsxs(
+        Object.entries(a).map(([c, i]) => /* @__PURE__ */ e.jsxs(
           "div",
           {
             className: W.color,
@@ -1134,16 +1139,16 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
                   }
                 ),
                 /* @__PURE__ */ e.jsx(
-                  ce,
+                  le,
                   {
-                    title: z(o),
+                    title: z(c),
                     initialColor: i,
-                    onChange: (d) => s(l, o, d)
+                    onChange: (r) => s(l, c, r)
                   }
                 )
               ] }),
-              a.includes(i) && /* @__PURE__ */ e.jsx(
-                Ge,
+              o.includes(i) && /* @__PURE__ */ e.jsx(
+                Xe,
                 {
                   type: "warning",
                   message: "To avoid contrast problems, please use a different color",
@@ -1154,73 +1159,73 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
               )
             ]
           },
-          o
+          c
         ))
       ]
     },
     l
   )) });
-}, On = "_wrapper_kb55x_2", Ln = "_category_kb55x_6", zn = "_categoryTitle_kb55x_11", Dn = "_color_kb55x_17", Hn = "_name_kb55x_23", Rn = "_content_kb55x_28", qn = "_label_kb55x_34", Yn = "_input_kb55x_45", Qn = "_title_kb55x_71", Un = "_field_kb55x_79", Gn = "_alignments_kb55x_89", Jn = "_lineField_kb55x_95", Xn = "_style_kb55x_101", Zn = "_header_kb55x_108", q = {
-  wrapper: On,
-  category: Ln,
-  categoryTitle: zn,
-  color: Dn,
-  name: Hn,
-  content: Rn,
-  label: qn,
-  input: Yn,
-  title: Qn,
-  field: Un,
-  alignments: Gn,
-  lineField: Jn,
-  style: Xn,
-  header: Zn
-}, Vn = ["left", "center", "right"], Kn = ["solid", "dashed"], _e = (t) => {
-  const { title: n, children: s, rightAddon: a } = t;
+}, zn = "_wrapper_kb55x_2", Dn = "_category_kb55x_6", Hn = "_categoryTitle_kb55x_11", Rn = "_color_kb55x_17", qn = "_name_kb55x_23", Yn = "_content_kb55x_28", Un = "_label_kb55x_34", Qn = "_input_kb55x_45", Gn = "_title_kb55x_71", Jn = "_field_kb55x_79", Xn = "_alignments_kb55x_89", Zn = "_lineField_kb55x_95", Vn = "_style_kb55x_101", Kn = "_header_kb55x_108", q = {
+  wrapper: zn,
+  category: Dn,
+  categoryTitle: Hn,
+  color: Rn,
+  name: qn,
+  content: Yn,
+  label: Un,
+  input: Qn,
+  title: Gn,
+  field: Jn,
+  alignments: Xn,
+  lineField: Zn,
+  style: Vn,
+  header: Kn
+}, Wn = ["left", "center", "right"], eo = ["solid", "dashed"], ge = (t) => {
+  const { title: n, children: s, rightAddon: o } = t;
   return /* @__PURE__ */ e.jsxs("div", { className: q.field, children: [
     /* @__PURE__ */ e.jsxs("div", { className: q.header, children: [
       /* @__PURE__ */ e.jsx("h4", { children: n }),
-      a
+      o
     ] }),
     s
   ] });
-}, Wn = () => {
-  const { themeSettings: t, updateInput: n } = F(), s = Ie(() => t.inputs, [t]), a = (c, o, i) => {
-    n(c, o, i);
-  }, l = (c) => (o) => {
-    n(c, o, "color");
+}, to = () => {
+  const { themeSettings: t, updateInput: n } = T(), s = Te(() => t.inputs, [t]), o = (a, c, i) => {
+    n(a, c, i);
+  }, l = (a) => (c) => {
+    n(a, c, "color");
   };
   return /* @__PURE__ */ e.jsxs("div", { className: q.wrapper, children: [
-    /* @__PURE__ */ e.jsxs(_e, { title: "General", children: [
+    /* @__PURE__ */ e.jsxs(ge, { title: "General", children: [
       /* @__PURE__ */ e.jsx(
-        I,
+        F,
         {
           label: "Height (px)",
           value: String(s.general.height),
-          onChange: (c) => a("general", c, "height"),
+          onChange: (a) => o("general", a, "height"),
           type: "number",
           min: 0
         }
       ),
       /* @__PURE__ */ e.jsx(
-        I,
+        F,
         {
           label: "Style name",
           value: s.general.name,
-          onChange: (c) => a("general", c, "name")
+          onChange: (a) => o("general", a, "name")
         }
       ),
       /* @__PURE__ */ e.jsx(
-        ne,
+        oe,
         {
           label: "Font Size (px)",
-          onChange: (c) => a("general", c, "size"),
+          onChange: (a) => o("general", a, "size"),
           value: String(s.general.size),
-          options: ge
+          options: pe
         }
       ),
       /* @__PURE__ */ e.jsx(
-        ce,
+        le,
         {
           initialColor: z(s.general.color),
           onChange: l("general"),
@@ -1230,19 +1235,19 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       )
     ] }),
     /* @__PURE__ */ e.jsxs(
-      _e,
+      ge,
       {
         title: "Field Fill",
         rightAddon: /* @__PURE__ */ e.jsx("div", { className: q.switch, children: /* @__PURE__ */ e.jsx(
-          we,
+          Ce,
           {
-            onChange: (c) => a("field", c, "active"),
+            onChange: (a) => o("field", a, "active"),
             current: s.field.active
           }
         ) }),
         children: [
           /* @__PURE__ */ e.jsx(
-            ce,
+            le,
             {
               initialColor: z(s.field.color),
               onChange: l("field"),
@@ -1251,11 +1256,11 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             }
           ),
           /* @__PURE__ */ e.jsx(
-            I,
+            F,
             {
               label: "Opacity (%)",
               value: String(s.field.opacity),
-              onChange: (c) => a("field", c, "opacity"),
+              onChange: (a) => o("field", a, "opacity"),
               type: "number",
               min: 0
             }
@@ -1264,13 +1269,13 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       }
     ),
     /* @__PURE__ */ e.jsxs(
-      _e,
+      ge,
       {
         title: "Border",
         rightAddon: /* @__PURE__ */ e.jsx("div", { className: q.switch, children: /* @__PURE__ */ e.jsx(
-          we,
+          Ce,
           {
-            onChange: (c) => a("border", c, "active"),
+            onChange: (a) => o("border", a, "active"),
             current: s.border.active
           }
         ) }),
@@ -1279,38 +1284,38 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             /* @__PURE__ */ e.jsxs("div", { className: q.style, children: [
               /* @__PURE__ */ e.jsx("span", { className: q.title, children: "Style" }),
               /* @__PURE__ */ e.jsx(
-                Ce,
+                Ne,
                 {
-                  items: Kn,
+                  items: eo,
                   selectedItem: s.border.style,
-                  onSelect: (c) => a("border", c, "style"),
-                  getIconName: (c) => `border-${c}`
+                  onSelect: (a) => o("border", a, "style"),
+                  getIconName: (a) => `border-${a}`
                 }
               )
             ] }),
             /* @__PURE__ */ e.jsx(
-              I,
+              F,
               {
                 label: "Radius (px)",
                 value: String(s.border.radius),
-                onChange: (c) => a("border", c, "radius"),
+                onChange: (a) => o("border", a, "radius"),
                 type: "number",
                 min: 0
               }
             )
           ] }),
           /* @__PURE__ */ e.jsx(
-            I,
+            F,
             {
               label: "Thickness (px)",
               value: String(s.border.thickness),
-              onChange: (c) => a("border", c, "thickness"),
+              onChange: (a) => o("border", a, "thickness"),
               type: "number",
               min: 0
             }
           ),
           /* @__PURE__ */ e.jsx(
-            ce,
+            le,
             {
               initialColor: z(s.border.color),
               onChange: l("border"),
@@ -1321,28 +1326,28 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
         ]
       }
     ),
-    /* @__PURE__ */ e.jsxs(_e, { title: "Label", children: [
+    /* @__PURE__ */ e.jsxs(ge, { title: "Label", children: [
       /* @__PURE__ */ e.jsx(
-        I,
+        F,
         {
           label: "Line Height (px)",
           value: String(s.label.height),
-          onChange: (c) => a("label", c, "height"),
+          onChange: (a) => o("label", a, "height"),
           type: "number",
           min: 0
         }
       ),
       /* @__PURE__ */ e.jsx(
-        ne,
+        oe,
         {
           label: "Font Size (px)",
-          onChange: (c) => a("label", c, "size"),
+          onChange: (a) => o("label", a, "size"),
           value: String(s.label.size),
-          options: ge
+          options: pe
         }
       ),
       /* @__PURE__ */ e.jsx(
-        ce,
+        le,
         {
           initialColor: z(s.label.color),
           onChange: l("label"),
@@ -1353,96 +1358,96 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       /* @__PURE__ */ e.jsxs("div", { className: q.alignments, children: [
         /* @__PURE__ */ e.jsx("h4", { className: q.title, children: "Alignment Type" }),
         /* @__PURE__ */ e.jsx(
-          Ce,
+          Ne,
           {
-            items: Vn,
+            items: Wn,
             selectedItem: s.label.alignment,
-            onSelect: (c) => a("label", c, "alignment"),
-            getIconName: (c) => `align-${c}`
+            onSelect: (a) => o("label", a, "alignment"),
+            getIconName: (a) => `align-${a}`
           }
         )
       ] })
     ] })
   ] });
-}, eo = "_wrapper_k9on2_1", to = "_category_k9on2_5", so = "_categoryTitle_k9on2_10", no = "_font_k9on2_16", oo = "_content_k9on2_36", ao = "_icon_k9on2_42", co = "_paragraph_k9on2_51", lo = "_deleteIcon_k9on2_55", io = "_iconButton_k9on2_62", U = {
-  wrapper: eo,
-  category: to,
-  categoryTitle: so,
-  font: no,
-  content: oo,
-  icon: ao,
-  paragraph: co,
-  deleteIcon: lo,
-  iconButton: io
-}, ro = (t) => {
-  const { font: n, size: s, id: a, category: l } = t, { setActiveFont: c } = F();
+}, so = "_wrapper_k9on2_1", no = "_category_k9on2_5", oo = "_categoryTitle_k9on2_10", ao = "_font_k9on2_16", co = "_content_k9on2_36", lo = "_icon_k9on2_42", io = "_paragraph_k9on2_51", ro = "_deleteIcon_k9on2_55", uo = "_iconButton_k9on2_62", Q = {
+  wrapper: so,
+  category: no,
+  categoryTitle: oo,
+  font: ao,
+  content: co,
+  icon: lo,
+  paragraph: io,
+  deleteIcon: ro,
+  iconButton: uo
+}, mo = (t) => {
+  const { font: n, size: s, id: o, category: l } = t, { setActiveFont: a } = T();
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: U.font,
-      onClick: () => c(a),
+      className: Q.font,
+      onClick: () => a(o),
       children: [
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: C(U.icon, {
-              [U.paragraph]: l === "paragraph"
+            className: C(Q.icon, {
+              [Q.paragraph]: l === "paragraph"
             }),
             children: /* @__PURE__ */ e.jsx(_, { name: l })
           }
         ),
-        /* @__PURE__ */ e.jsxs("div", { className: U.content, children: [
-          /* @__PURE__ */ e.jsx("h2", { className: U.categoryTitle, children: z(a) }),
-          /* @__PURE__ */ e.jsx("span", { className: U.value, children: `${n}, ${s}px` })
+        /* @__PURE__ */ e.jsxs("div", { className: Q.content, children: [
+          /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: z(o) }),
+          /* @__PURE__ */ e.jsx("span", { className: Q.value, children: `${n}, ${s}px` })
         ] })
       ]
     }
   );
-}, uo = () => {
-  const { themeSettings: t, setActiveFont: n, activeBlock: s } = F();
-  x.useEffect(() => (a(), () => {
-    a();
+}, ho = () => {
+  const { themeSettings: t, setActiveFont: n, activeBlock: s } = T();
+  x.useEffect(() => (o(), () => {
+    o();
   }), []);
-  function a() {
+  function o() {
     n(null);
   }
   if (s != null && s.name)
-    return /* @__PURE__ */ e.jsx("div", { className: U.wrapper, children: Object.entries(t.fonts).map(([l, c]) => /* @__PURE__ */ e.jsxs(
+    return /* @__PURE__ */ e.jsx("div", { className: Q.wrapper, children: Object.entries(t.fonts).map(([l, a]) => /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: U.category,
+        className: Q.category,
         children: [
-          /* @__PURE__ */ e.jsx("h2", { className: U.categoryTitle, children: z(l) }),
-          Object.entries(c).map(([o, i]) => /* @__PURE__ */ e.jsx(
-            ro,
+          /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: z(l) }),
+          Object.entries(a).map(([c, i]) => /* @__PURE__ */ e.jsx(
+            mo,
             {
-              id: o,
+              id: c,
               category: l,
               ...i
             },
-            o
+            c
           ))
         ]
       },
       l
     )) });
-}, mo = "_wrapper_94fpv_1", ho = "_open_94fpv_16", _o = "_close_94fpv_20", go = "_header_94fpv_24", po = "_title_94fpv_31", xo = "_options_94fpv_37", jo = "_clicked_94fpv_44", ee = {
-  wrapper: mo,
-  open: ho,
-  close: _o,
-  header: go,
-  title: po,
-  options: xo,
-  clicked: jo
-}, vo = () => {
-  const { activeBlock: t, setActiveFont: n, activeFont: s, themeSettings: a, updateFont: l } = F(), { fonts: c } = Ee(), [o, i] = x.useState(null);
-  function d() {
+}, _o = "_wrapper_94fpv_1", go = "_open_94fpv_16", po = "_close_94fpv_20", xo = "_header_94fpv_24", jo = "_title_94fpv_31", vo = "_options_94fpv_37", bo = "_clicked_94fpv_44", ee = {
+  wrapper: _o,
+  open: go,
+  close: po,
+  header: xo,
+  title: jo,
+  options: vo,
+  clicked: bo
+}, fo = () => {
+  const { activeBlock: t, setActiveFont: n, activeFont: s, themeSettings: o, updateFont: l } = T(), { fonts: a } = Ee(), [c, i] = x.useState(null);
+  function r() {
     n(null);
   }
-  function w(u, m) {
-    o && s && l(o, s, m, u);
+  function f(u, m) {
+    c && s && l(c, s, m, u);
   }
-  const g = x.useMemo(() => s ? a.fonts.heading[s] ? (i("heading"), a.fonts.heading[s]) : a.fonts.paragraph[s] ? (i("paragraph"), a.fonts.paragraph[s]) : (i(null), null) : null, [s, a]);
+  const p = x.useMemo(() => s ? o.fonts.heading[s] ? (i("heading"), o.fonts.heading[s]) : o.fonts.paragraph[s] ? (i("paragraph"), o.fonts.paragraph[s]) : (i(null), null) : null, [s, o]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1455,7 +1460,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
           "div",
           {
             className: ee.header,
-            onClick: d,
+            onClick: r,
             children: [
               /* @__PURE__ */ e.jsx(
                 _,
@@ -1468,55 +1473,55 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             ]
           }
         ),
-        s && g && /* @__PURE__ */ e.jsxs("div", { className: ee.options, children: [
+        s && p && /* @__PURE__ */ e.jsxs("div", { className: ee.options, children: [
           /* @__PURE__ */ e.jsx(
-            ne,
+            oe,
             {
               label: "Font",
-              value: g.font,
-              onChange: (u) => w(u, "font"),
-              options: [...c.filter((u) => u !== g.font)]
+              value: p.font,
+              onChange: (u) => f(u, "font"),
+              options: [...a.filter((u) => u !== p.font)]
             }
           ),
           /* @__PURE__ */ e.jsx(
-            ne,
+            oe,
             {
               label: "Size",
-              value: String(g.size),
-              onChange: (u) => w(u, "size"),
-              options: ge
+              value: String(p.size),
+              onChange: (u) => f(u, "size"),
+              options: pe
             }
           ),
           /* @__PURE__ */ e.jsx(
-            ne,
+            oe,
             {
               label: "Weight",
-              value: String(g.weight),
-              onChange: (u) => w(u, "weight"),
-              options: Je
+              value: String(p.weight),
+              onChange: (u) => f(u, "weight"),
+              options: Ze
             }
           )
         ] })
       ]
     }
   );
-}, bo = "_wrapper_94fpv_1", fo = "_open_94fpv_16", ko = "_close_94fpv_20", wo = "_header_94fpv_24", Co = "_title_94fpv_31", No = "_options_94fpv_37", $o = "_clicked_94fpv_44", te = {
-  wrapper: bo,
-  open: fo,
-  close: ko,
-  header: wo,
-  title: Co,
-  options: No,
-  clicked: $o
-}, Oe = () => {
-  const { activeBlock: t, themeSettings: n, updateBorder: s, setActiveBlock: a } = F();
-  function l(i, d) {
-    s(d, i);
+}, ko = "_wrapper_94fpv_1", wo = "_open_94fpv_16", Co = "_close_94fpv_20", No = "_header_94fpv_24", yo = "_title_94fpv_31", $o = "_options_94fpv_37", Bo = "_clicked_94fpv_44", te = {
+  wrapper: ko,
+  open: wo,
+  close: Co,
+  header: No,
+  title: yo,
+  options: $o,
+  clicked: Bo
+}, ze = () => {
+  const { activeBlock: t, themeSettings: n, updateBorder: s, setActiveBlock: o } = T();
+  function l(i, r) {
+    s(r, i);
   }
-  function c() {
-    a(null);
+  function a() {
+    o(null);
   }
-  const o = x.useMemo(() => n.borders, [n]);
+  const c = x.useMemo(() => n.borders, [n]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1531,27 +1536,27 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             {
               name: "arrow-left",
               hoverable: !0,
-              onClick: c
+              onClick: a
             }
           ),
           /* @__PURE__ */ e.jsx("span", { className: te.title, children: "Borders Style" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: te.options, children: [
           /* @__PURE__ */ e.jsx(
-            I,
+            F,
             {
               label: "Border Radius (px)",
-              value: String(o.radius),
+              value: String(c.radius),
               onChange: (i) => l(Number(i), "radius"),
               type: "number",
               min: 0
             }
           ),
           /* @__PURE__ */ e.jsx(
-            I,
+            F,
             {
               label: "Border Thickness (px)",
-              value: String(o.thickness),
+              value: String(c.thickness),
               onChange: (i) => l(Number(i), "thickness"),
               type: "number",
               min: 0
@@ -1561,28 +1566,28 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, yo = "_wrapper_1j33r_1", Bo = "_open_1j33r_16", So = "_close_1j33r_20", Ao = "_header_1j33r_24", Po = "_title_1j33r_31", Mo = "_options_1j33r_37", Eo = "_clicked_1j33r_44", Io = "_label_1j33r_48", Fo = "_alignments_1j33r_55", To = "_blocks_1j33r_61", Oo = "_alignment_1j33r_55", Lo = "_active_1j33r_75", O = {
-  wrapper: yo,
-  open: Bo,
-  close: So,
-  header: Ao,
-  title: Po,
-  options: Mo,
-  clicked: Eo,
-  label: Io,
-  alignments: Fo,
-  blocks: To,
-  alignment: Oo,
-  active: Lo
-}, zo = ["left", "center", "right"], Le = () => {
-  const { activeBlock: t, themeSettings: n, updateButton: s, setActiveBlock: a } = F();
-  function l(i, d) {
-    s(d, i);
+}, So = "_wrapper_1j33r_1", Ao = "_open_1j33r_16", Po = "_close_1j33r_20", Io = "_header_1j33r_24", Mo = "_title_1j33r_31", Eo = "_options_1j33r_37", Fo = "_clicked_1j33r_44", To = "_label_1j33r_48", Oo = "_alignments_1j33r_55", Lo = "_blocks_1j33r_61", zo = "_alignment_1j33r_55", Do = "_active_1j33r_75", O = {
+  wrapper: So,
+  open: Ao,
+  close: Po,
+  header: Io,
+  title: Mo,
+  options: Eo,
+  clicked: Fo,
+  label: To,
+  alignments: Oo,
+  blocks: Lo,
+  alignment: zo,
+  active: Do
+}, Ho = ["left", "center", "right"], De = () => {
+  const { activeBlock: t, themeSettings: n, updateButton: s, setActiveBlock: o } = T();
+  function l(i, r) {
+    s(r, i);
   }
-  function c() {
-    a(null);
+  function a() {
+    o(null);
   }
-  const o = x.useMemo(() => n.buttons, [n]);
+  const c = x.useMemo(() => n.buttons, [n]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1597,36 +1602,36 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             {
               name: "arrow-left",
               hoverable: !0,
-              onClick: c
+              onClick: a
             }
           ),
           /* @__PURE__ */ e.jsx("span", { className: O.title, children: "Buttons Style" })
         ] }),
-        o && /* @__PURE__ */ e.jsxs("div", { className: O.options, children: [
+        c && /* @__PURE__ */ e.jsxs("div", { className: O.options, children: [
           /* @__PURE__ */ e.jsx(
-            I,
+            F,
             {
               label: "Height (px)",
-              value: String(o.height),
+              value: String(c.height),
               onChange: (i) => l(i, "height"),
               type: "number",
               min: 0
             }
           ),
           /* @__PURE__ */ e.jsx(
-            ne,
+            oe,
             {
               label: "Font Size (px)",
-              value: String(o.size),
+              value: String(c.size),
               onChange: (i) => l(i, "size"),
-              options: ge
+              options: pe
             }
           ),
           /* @__PURE__ */ e.jsx(
-            I,
+            F,
             {
               label: "Border Radius (px)",
-              value: String(o.radius),
+              value: String(c.radius),
               onChange: (i) => l(Number(i), "radius"),
               type: "number",
               min: 0
@@ -1634,11 +1639,11 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
           ),
           /* @__PURE__ */ e.jsxs("div", { className: O.alignments, children: [
             /* @__PURE__ */ e.jsx("h4", { className: O.label, children: "Alignment Type" }),
-            /* @__PURE__ */ e.jsx("div", { className: O.blocks, children: zo.map((i) => /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e.jsx("div", { className: O.blocks, children: Ho.map((i) => /* @__PURE__ */ e.jsx(
               "div",
               {
                 className: C(O.alignment, {
-                  [O.active]: o.alignment === i
+                  [O.active]: c.alignment === i
                 }),
                 onClick: () => {
                   l(i, "alignment");
@@ -1647,7 +1652,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
                   _,
                   {
                     name: `align-${i}`,
-                    fill: o.alignment === i ? "#252525" : "#757575"
+                    fill: c.alignment === i ? "#252525" : "#757575"
                   }
                 )
               },
@@ -1658,48 +1663,48 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, Do = () => {
-  const { activeBlock: t } = F();
+}, Ro = () => {
+  const { activeBlock: t } = T();
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(vo, {}),
-    (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Oe, {}),
-    (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(Le, {})
+    (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(fo, {}),
+    (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(ze, {}),
+    (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(De, {})
   ] });
-}, Ho = () => {
-  const { activeBlock: t, setActiveBlock: n } = F(), { activeBlock: s } = pe();
-  function a() {
+}, qo = () => {
+  const { activeBlock: t, setActiveBlock: n } = T(), { activeBlock: s } = xe();
+  function o() {
     n(null);
   }
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: C(ae.settings, {
-        [ae.open]: t,
-        [ae.close]: !t || s.name !== "Theme"
+      className: C(ce.settings, {
+        [ce.open]: t,
+        [ce.close]: !t || s.name !== "Theme"
       }),
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: ae.header, children: [
+        /* @__PURE__ */ e.jsxs("div", { className: ce.header, children: [
           /* @__PURE__ */ e.jsx(
             _,
             {
               name: "arrow-left",
               hoverable: !0,
-              onClick: a
+              onClick: o
             }
           ),
-          /* @__PURE__ */ e.jsx("span", { className: ae.title, children: t == null ? void 0 : t.name })
+          /* @__PURE__ */ e.jsx("span", { className: ce.title, children: t == null ? void 0 : t.name })
         ] }),
-        (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(uo, {}),
-        (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ e.jsx(Tn, {}),
-        (t == null ? void 0 : t.name) === "Inputs" && /* @__PURE__ */ e.jsx(Wn, {}),
-        (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Oe, {}),
-        (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Le, {}),
-        /* @__PURE__ */ e.jsx(Do, {})
+        (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(ho, {}),
+        (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ e.jsx(Ln, {}),
+        (t == null ? void 0 : t.name) === "Inputs" && /* @__PURE__ */ e.jsx(to, {}),
+        (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(ze, {}),
+        (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(De, {}),
+        /* @__PURE__ */ e.jsx(Ro, {})
       ]
     }
   );
-}, Ro = () => {
-  const { activeBlock: t } = pe(), { activeBlock: n } = K();
+}, Yo = () => {
+  const { activeBlock: t } = xe(), { activeBlock: n } = K();
   function s() {
     switch (t.name) {
       case "Layers":
@@ -1712,81 +1717,81 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
         return "Settings";
     }
   }
-  return /* @__PURE__ */ e.jsxs("div", { className: Se.sidebar, children: [
-    /* @__PURE__ */ e.jsx("h3", { className: Se.title, children: s() }),
-    t.name === "Layers" && /* @__PURE__ */ e.jsx(nn, {}),
-    t.name === "Add" && /* @__PURE__ */ e.jsx(Te, {}),
-    /* @__PURE__ */ e.jsx(wn, { isAdd: !!n }),
-    /* @__PURE__ */ e.jsx(Ho, {}),
-    t.name === "Theme" && /* @__PURE__ */ e.jsx(dn, {}),
-    t.name === "Settings" && /* @__PURE__ */ e.jsx(an, {})
+  return /* @__PURE__ */ e.jsxs("div", { className: Ae.sidebar, children: [
+    /* @__PURE__ */ e.jsx("h3", { className: Ae.title, children: s() }),
+    t.name === "Layers" && /* @__PURE__ */ e.jsx(an, {}),
+    t.name === "Add" && /* @__PURE__ */ e.jsx(Le, {}),
+    /* @__PURE__ */ e.jsx(Nn, { isAdd: !!n }),
+    /* @__PURE__ */ e.jsx(qo, {}),
+    t.name === "Theme" && /* @__PURE__ */ e.jsx(mn, {}),
+    t.name === "Settings" && /* @__PURE__ */ e.jsx(ln, {})
   ] });
-}, qo = "_wrapper_jjfwh_1", Yo = "_header_jjfwh_12", Qo = "_content_jjfwh_21", Uo = "_buttons_jjfwh_29", Go = "_cancel_jjfwh_35", Jo = "_label_jjfwh_40", Xo = "_description_jjfwh_41", Zo = "_preview_jjfwh_49", Vo = "_block_jjfwh_55", Ko = "_slug_jjfwh_63", Wo = "_title_jjfwh_69", L = {
-  wrapper: qo,
-  header: Yo,
-  content: Qo,
-  buttons: Uo,
-  cancel: Go,
-  label: Jo,
-  description: Xo,
-  preview: Zo,
-  block: Vo,
-  slug: Ko,
-  title: Wo
-}, ea = () => {
-  var M, G, h, b, f, N;
+}, Uo = "_wrapper_jjfwh_1", Qo = "_header_jjfwh_12", Go = "_content_jjfwh_21", Jo = "_buttons_jjfwh_29", Xo = "_cancel_jjfwh_35", Zo = "_label_jjfwh_40", Vo = "_description_jjfwh_41", Ko = "_preview_jjfwh_49", Wo = "_block_jjfwh_55", ea = "_slug_jjfwh_63", ta = "_title_jjfwh_69", L = {
+  wrapper: Uo,
+  header: Qo,
+  content: Go,
+  buttons: Jo,
+  cancel: Xo,
+  label: Zo,
+  description: Vo,
+  preview: Ko,
+  block: Wo,
+  slug: ea,
+  title: ta
+}, sa = () => {
+  var M, G, h, k, b, $;
   const {
     setIsOpenModal: t,
     pages: n,
     createPage: s,
-    updatePage: a,
+    updatePage: o,
     isEdit: l,
-    setIsEdit: c,
-    editedPage: o,
+    setIsEdit: a,
+    editedPage: c,
     setEditedPage: i
-  } = B(), { createPage: d, updatePage: w } = $(), [g, u] = x.useState(o ? (M = n[o]) == null ? void 0 : M.path : ""), [m, r] = x.useState(o ? (G = n[o]) == null ? void 0 : G.name : ""), [j, p] = x.useState(
-    o ? (h = n[o]) == null ? void 0 : h.seo.description : ""
-  ), [v, y] = x.useState(
-    o ? (b = n[o]) == null ? void 0 : b.visibility : "public"
+  } = S(), { createPage: r, updatePage: f } = B(), [p, u] = x.useState(c ? (M = n[c]) == null ? void 0 : M.path : ""), [m, d] = x.useState(c ? (G = n[c]) == null ? void 0 : G.name : ""), [j, g] = x.useState(
+    c ? (h = n[c]) == null ? void 0 : h.seo.description : ""
+  ), [v, N] = x.useState(
+    c ? (k = n[c]) == null ? void 0 : k.visibility : "public"
   );
-  function T() {
-    u(""), r(""), p(""), y("public"), c(!1), i(null);
+  function y() {
+    u(""), d(""), g(""), N("public"), a(!1), i(null);
   }
-  function S() {
-    T(), t(!1);
+  function A() {
+    y(), t(!1);
   }
-  function D(k) {
-    return k[0] === "/" ? k : "/" + k;
+  function D(w) {
+    return w[0] === "/" ? w : "/" + w;
   }
-  function A() {
+  function P() {
     s({
-      path: D(g),
-      name: m || g,
+      path: D(p),
+      name: m || p,
       icon: "file",
       seo: {
         title: m,
         description: j
       },
       visibility: v
-    }), d(m), S();
+    }), r(m), A();
   }
-  function P() {
-    w(n[o].name, m || g), a(o, {
-      path: D(g),
-      name: m || g,
-      icon: n[o].icon || "file",
+  function I() {
+    f(n[c].name, m || p), o(c, {
+      path: D(p),
+      name: m || p,
+      icon: n[c].icon || "file",
       seo: {
         title: m,
         description: j
       },
       visibility: v
-    }), S();
+    }), A();
   }
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: L.wrapper,
-      onClick: (k) => k.stopPropagation(),
+      onClick: (w) => w.stopPropagation(),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: L.header, children: [
           /* @__PURE__ */ e.jsxs("h2", { children: [
@@ -1799,45 +1804,45 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
               name: "x",
               fill: "#757575",
               hoverable: !0,
-              onClick: S
+              onClick: A
             }
           )
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: L.content, children: [
           /* @__PURE__ */ e.jsx(
-            I,
+            F,
             {
               label: "Page Slug",
-              onChange: (k) => u(k),
-              value: g,
+              onChange: (w) => u(w),
+              value: p,
               placeholder: "path-to-page",
-              disabled: !!(o && ((f = n[o]) != null && f.name) && le.includes(n[o].name)),
+              disabled: !!(c && ((b = n[c]) != null && b.name) && ie.includes(n[c].name)),
               required: !0,
               regex: "^.+$"
             }
           ),
           /* @__PURE__ */ e.jsx(
-            I,
+            F,
             {
               label: "Page Title",
-              onChange: (k) => r(k),
+              onChange: (w) => d(w),
               value: m,
               placeholder: "Contact us",
-              disabled: !!(o && ((N = n[o]) != null && N.name) && le.includes(n[o].name))
+              disabled: !!(c && (($ = n[c]) != null && $.name) && ie.includes(n[c].name))
             }
           ),
           /* @__PURE__ */ e.jsx(
-            Xe,
+            Ve,
             {
               label: "Description",
-              onChange: (k) => p(k),
+              onChange: (w) => g(w),
               value: j,
               placeholder: "Contact us at any time of the day or night. You are always welcome",
               maxLength: 150
             }
           ),
           /* @__PURE__ */ e.jsx(
-            Ze,
+            Ke,
             {
               label: "Visibility",
               defaultValue: v,
@@ -1851,13 +1856,13 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
                   label: "Private"
                 }
               ],
-              onChange: (k) => y(k)
+              onChange: (w) => N(w)
             }
           ),
           /* @__PURE__ */ e.jsxs("div", { className: L.preview, children: [
             /* @__PURE__ */ e.jsx("span", { className: L.label, children: "Preview" }),
             /* @__PURE__ */ e.jsxs("div", { className: L.block, children: [
-              /* @__PURE__ */ e.jsx("span", { className: L.slug, children: g || "yoursite.url" }),
+              /* @__PURE__ */ e.jsx("span", { className: L.slug, children: p || "yoursite.url" }),
               /* @__PURE__ */ e.jsx("span", { className: L.title, children: m || "My Blank Page" }),
               /* @__PURE__ */ e.jsx("span", { className: L.description, children: j || "It is My Description" })
             ] })
@@ -1868,15 +1873,15 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             X,
             {
               className: L.cancel,
-              onClick: S,
+              onClick: A,
               children: "Cancel"
             }
           ),
           /* @__PURE__ */ e.jsx(
             X,
             {
-              onClick: l ? P : A,
-              disabled: g.length === 0,
+              onClick: l ? I : P,
+              disabled: p.length === 0,
               children: l ? "Update" : "Create"
             }
           )
@@ -1884,59 +1889,94 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, ta = "_layout_kjedu_1", sa = "_main_kjedu_8", na = "_content_kjedu_15", be = {
-  layout: ta,
-  main: sa,
-  content: na
-}, oa = () => {
-  const { isOpenModal: t, setIsOpenModal: n } = B(), { openModal: s, setOpenModal: a } = Ve();
+}, na = "_layout_kjedu_1", oa = "_main_kjedu_8", aa = "_content_kjedu_15", ke = {
+  layout: na,
+  main: oa,
+  content: aa
+}, ca = () => {
+  const { isOpenModal: t, setIsOpenModal: n } = S(), { openModal: s, setOpenModal: o } = We();
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: be.layout, children: [
-      /* @__PURE__ */ e.jsx(Qt, {}),
-      /* @__PURE__ */ e.jsxs("main", { className: be.main, children: [
-        /* @__PURE__ */ e.jsx(Ot, {}),
-        /* @__PURE__ */ e.jsxs("div", { className: be.content, children: [
-          /* @__PURE__ */ e.jsx(Ro, {}),
-          /* @__PURE__ */ e.jsx(Os, {})
+    /* @__PURE__ */ e.jsxs("div", { className: ke.layout, children: [
+      /* @__PURE__ */ e.jsx(Gt, {}),
+      /* @__PURE__ */ e.jsxs("main", { className: ke.main, children: [
+        /* @__PURE__ */ e.jsx(zt, {}),
+        /* @__PURE__ */ e.jsxs("div", { className: ke.content, children: [
+          /* @__PURE__ */ e.jsx(Yo, {}),
+          /* @__PURE__ */ e.jsx(zs, {})
         ] })
       ] })
     ] }),
-    t && /* @__PURE__ */ e.jsx(Ne, { close: n, children: /* @__PURE__ */ e.jsx(ea, {}) }),
-    s && /* @__PURE__ */ e.jsx(Ne, { close: a, children: /* @__PURE__ */ e.jsx(Ke, {}) })
+    t && /* @__PURE__ */ e.jsx(ye, { close: n, children: /* @__PURE__ */ e.jsx(sa, {}) }),
+    s && /* @__PURE__ */ e.jsx(ye, { close: o, children: /* @__PURE__ */ e.jsx(et, {}) })
   ] });
 };
-async function aa() {
+async function se(t, n) {
+  const s = localStorage.getItem("shopId") || void 0, o = `${nt}/${t}/builder/shops/${s}/${n}`, l = localStorage.getItem("accessToken") || void 0;
+  return (await Fe.get(o, {
+    headers: {
+      Authorization: `Bearer ${l}`
+    }
+  })).data;
+}
+async function la() {
   try {
-    const { data: t } = await We.get(
-      `${st}?key=undefined`
+    const [t, n, s, o, l, a] = await Promise.allSettled([
+      se("v1", "general"),
+      se("v1", "faqs"),
+      se("v1", "listings"),
+      se("v1", "products"),
+      se("v1", "reviews"),
+      se("v1", "categories")
+    ]);
+    return {
+      general: t,
+      faqs: n,
+      listings: s,
+      products: o,
+      reviews: l,
+      categories: a
+    };
+  } catch (t) {
+    throw console.error("Error fetching page data:", t), t;
+  }
+}
+async function ia() {
+  try {
+    const { data: t } = await Fe.get(
+      `${ot}?key=undefined`
     );
     return t.items;
   } catch (t) {
     throw console.error("Error fetching page data:", t), t;
   }
 }
-const ia = (t) => {
-  const { blocks: n, settings: s, header: a, footer: l } = t, { setBlocks: c, setSourceBlocks: o } = K(), { fonts: i, setFonts: d } = Ee(), { setSettings: w } = V(), { setPageContext: g } = B(), { setHeader: u, setFooter: m } = $();
+const ua = (t) => {
+  const { blocks: n, settings: s, header: o, footer: l } = t, { setBlocks: a, setSourceBlocks: c } = K(), { fonts: i, setFonts: r } = Ee(), { setSettings: f } = V(), { setPageContext: p } = S(), { setHeader: u, setFooter: m } = B();
   return x.useEffect(() => {
-    const r = {};
-    Object.keys(n).map((p) => {
-      r[p] = n[p];
-    }), o(r), c(r), u(a), m(l), w(s), (async () => {
+    const d = {};
+    Object.keys(n).map((g) => {
+      d[g] = n[g];
+    }), c(d), a(d), u(o), m(l), f(s), (async () => {
       if (i.length === 0) {
-        const v = await aa();
-        d([...v.map((y) => y.family)]);
+        const N = await ia();
+        r([...N.map((y) => y.family)]);
       }
-      g({
-        listings: void 0,
-        products: void 0,
-        reviews: void 0,
-        categories: void 0,
-        faqs: void 0,
-        general: void 0
-      });
+      let g = {
+        listings: [],
+        products: [],
+        reviews: [],
+        categories: [],
+        faqs: [],
+        general: []
+      };
+      const v = await la();
+      Object.keys(v).map((N) => {
+        const y = N;
+        g[y] = v[y].value.data;
+      }), p(g);
     })();
-  }, []), /* @__PURE__ */ e.jsx(oa, {});
+  }, []), /* @__PURE__ */ e.jsx(ca, {});
 };
 export {
-  ia as Builder
+  ua as Builder
 };