@billgangcom/theme-lib 1.28.0 → 1.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/App.d.ts +1 -1
  2. package/dist/abstractions/IBlock.d.ts +2 -0
  3. package/dist/abstractions/Variable.d.ts +4 -4
  4. package/dist/builder/components/Header/SaveButton/index.d.ts +6 -0
  5. package/dist/builder/components/Sidebar/AddSections/BlockColors/index.d.ts +7 -0
  6. package/dist/builder/components/Sidebar/Settings/index.d.ts +1 -0
  7. package/dist/builder/constants/blocks.d.ts +3 -0
  8. package/dist/builder/constants/color-variables.d.ts +48 -0
  9. package/dist/builder/constants/index.d.ts +1 -0
  10. package/dist/builder/constants/pages.d.ts +6 -1
  11. package/dist/builder/store/index.d.ts +1 -0
  12. package/dist/builder/store/useErrorStore.d.ts +2 -2
  13. package/dist/builder/ui/ChooseImage/index.d.ts +1 -0
  14. package/dist/builder/ui/Input/index.d.ts +1 -0
  15. package/dist/builder.cjs.js +14 -14
  16. package/dist/builder.es.js +1463 -1284
  17. package/dist/{index-BeV20nM7.cjs → index-B-R0F-Gi.cjs} +30 -30
  18. package/dist/{index-Dq4uNns7.js → index-g_P5DY05.js} +2827 -2796
  19. package/dist/index.cjs.js +1 -1
  20. package/dist/index.es.js +5 -4
  21. package/dist/lib/api.d.ts +2 -2
  22. package/dist/ui/ButtonsSettings/popup.d.ts +1 -1
  23. package/dist/ui/CategorySettings/index.d.ts +44 -0
  24. package/dist/ui/ItemsSettings/index.d.ts +6 -1
  25. package/dist/ui/ItemsSettings/popup.d.ts +2 -2
  26. package/dist/ui/index.d.ts +1 -0
  27. package/dist/ui.cjs.js +1 -1
  28. package/dist/ui.es.js +1407 -1186
  29. package/package.json +1 -1
package/dist/builder.es.js CHANGED
@@ -1,7 +1,7 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._modal_18a97_1{display:flex;flex-direction:row;gap:0px;position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;padding:20px;justify-content:center;align-items:center;overflow:hidden}._wrapper_1gywd_1{display:flex;flex-direction:row;gap:8px;width:fit-content;align-items:center;border-radius:12px;line-height:20px;color:var(--main-color);font-size:14px;font-weight:400}._switch_1gywd_14{display:flex;flex-direction:row;gap:0px;width:40px;height:24px;background-color:#ccc;border-radius:25px;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_1gywd_14._active_1gywd_27{background:#ff3f19}._switch_1gywd_14 ._toggle_1gywd_30{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_1gywd_14._active_1gywd_27 ._toggle_1gywd_30{transform:translate(18px)}._background_1gywd_42{background-color:var(--background-color)}._padding_1gywd_46{padding:8px}._loader_nftwq_1{border:4px solid rgba(0,0,0,.1);border-left-color:var(--background-color);border-radius:50%;width:40px;height:40px;animation:_spin_nftwq_1 1s linear infinite}@keyframes _spin_nftwq_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._wrapper_18y7k_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_18y7k_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_18y7k_17{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;align-items:center;justify-content:space-between;cursor:pointer}._icon_18y7k_32{transition:.2s}._rotate_18y7k_36{transform:rotate(180deg)}._content_18y7k_40{position:relative}._options_18y7k_44{display:flex;flex-direction:column;gap:0px;position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_18y7k_44{padding:10px 12px;border-radius:12px}._option_18y7k_44:hover{background-color:#e6e6e6}._addon_18y7k_69{display:flex;flex-direction:row;gap:6px;align-items:center}._wrapper_5y1c1_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_5y1c1_9{color:var(--accent-color);font-weight:400;font-size:14px;line-height:20px}._icon_5y1c1_16{display:flex;flex-direction:row;gap:0px;padding:4px;background-color:#fff;border:var(--default-border);justify-content:center;align-items:center;border-radius:6px}._text_5y1c1_28{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_5y1c1_35{display:flex;flex-direction:row;gap:6px;align-items:center;cursor:pointer;background-color:var(--background-color);border-radius:12px;padding:6px 8px}._modal_5y1c1_46{background-color:var(--background-color);border:var(--default-border);border-radius:16px;width:100%;max-width:640px}._top_5y1c1_54{display:flex;flex-direction:row;gap:0px;padding:16px 24px;align-items:center;justify-content:space-between}._title_5y1c1_63{color:var(--main-color);font-weight:400;font-size:18px;line-height:24px}._modalContent_5y1c1_70{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:var(--default-border);border-bottom:var(--default-border);background-color:#fff}._images_5y1c1_79{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_5y1c1_88{display:flex;flex-direction:column;gap:8px;padding:43px 16px;border:1px dashed #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._description_5y1c1_100{text-align:center;color:var(--main-color);font-size:14px;line-height:20px}._description_5y1c1_100 span:last-child{padding-top:4px}._bottom_5y1c1_110{display:flex;flex-direction:row;gap:0px;justify-content:end;align-items:center;width:100%;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 24px 12px;gap:6px}._cancel_5y1c1_124{background-color:var(--background-color);color:var(--accent-color)}._highlight_5y1c1_129{color:#ff3f19;cursor:pointer}._accent_5y1c1_134{color:var(--accent-color)}._image_5y1c1_79{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_5y1c1_148{border:1px solid #ff3f19}._checkbox_5y1c1_152{position:absolute;top:12px;left:12px}._loading_5y1c1_158{display:flex;flex-direction:row;gap:0px;position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:var(--background-color);justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._spinner_5y1c1_172{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:var(--background-color);border-radius:50%;animation:_spin_5y1c1_172 1s linear infinite}@keyframes _spin_5y1c1_172{to{transform:rotate(360deg)}}._button_jrah7_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_jrah7_1:disabled{opacity:.7;cursor:auto}._primary_jrah7_13{color:#fff;background-color:#ff3f19}._secondary_jrah7_18,._tertiary_jrah7_23{color:#757575;background-color:#f0f0f0}._content_jrah7_28{display:flex;flex-direction:row;gap:4px;align-items:center}._customCheckbox_1b69m_1{display:inline-block;cursor:pointer;position:relative}._checkboxBox_1b69m_7{display:inline-block;width:20px;height:20px;border:1px solid #e6e6e6;border-radius:6px;position:relative}._checkboxBox_1b69m_7._checked_1b69m_16{background:#ffeae5;border:1px solid #ff3f19}._icon_1b69m_21{position:absolute;top:3px;left:3px}._wrapper_xswxt_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_xswxt_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_xswxt_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--background-color)}._input_xswxt_17::placeholder{color:#c2c2c2}._input_xswxt_17:disabled{background-color:var(--background-color);opacity:.7}._required_xswxt_36{border:1px solid #ff3f19}._paddingless_xswxt_40{padding:0}._content_xswxt_44{display:flex;flex-direction:row;gap:8px;position:relative;align-items:center}._borderless_xswxt_52{border-radius:0;border:none}._rightIcon_xswxt_57{position:absolute;top:10px;right:12px}._wrapper_1qvfi_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_1qvfi_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._textarea_1qvfi_18{width:100%;background-color:var(--background-color);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_1qvfi_18::placeholder{color:#c2c2c2}._length_1qvfi_33{position:absolute;bottom:12px;right:12px;color:#c2c2c2;line-height:20px}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}*{padding:0;margin:0;border:0}*,*:before,*:after{box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{width:100%;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6,a{font-size:inherit}a{color:inherit}*{-webkit-tap-highlight-color:transparent}input{border:none;background:none;outline:none;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border:none;background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}:root{--default-border: 1px solid #f0f0f0;--accent-color: #757575;--main-color: #252525;--background-color: #f8f8f8}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100dvh;overflow:hidden}._buttons_uu72s_1{display:flex;flex-direction:row;gap:5px;align-items:center}._button_uu72s_1{cursor:pointer;padding:10px;border-radius:12px}._button_uu72s_1:hover{background-color:#f0f0f0}._disabled_uu72s_17{cursor:default}._disabled_uu72s_17:hover{background-color:inherit}._wrapper_1dfbs_1{display:flex;flex-direction:column;gap:0px;height:100%;overflow-y:scroll}._main_1dfbs_9{flex:1 1 auto}._loading_1dfbs_13{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._wrapper_5w9s8_1{width:100%;padding:20px;text-align:center}._wrapper_rccv2_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;align-items:center;justify-content:center}._content_rccv2_11{display:flex;flex-direction:column;gap:10px;background-color:var(--background-color);border:var(--default-border);padding:24px;border-radius:12px}._title_rccv2_21{font-weight:700;color:#252525;font-size:20px;line-height:24px;padding-bottom:10px}._devices_1b6y1_1{display:flex;flex-direction:row;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_1b6y1_1{display:flex;flex-direction:row;gap:0px;padding:6px 8px;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_1b6y1_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_1b6y1_26{background-color:#fff}._active_1b6y1_26:hover{border:1px solid var(--background-color);box-shadow:none}._header_2d8xd_1{display:flex;flex-direction:row;gap:24px;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);align-items:center;justify-content:space-between}._left_2d8xd_13,._right_2d8xd_14{display:flex;flex-direction:row;gap:24px;align-items:center}._preview_93shy_2{display:flex;flex-direction:row;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:10px 16px;cursor:pointer;border:1px solid #fff;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._preview_93shy_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_93shy_23{background-color:var(--background-color)}._active_93shy_23:hover{border:1px solid #fff;box-shadow:none}._settings_u4cv4_1{display:flex;flex-direction:row;gap:20px;align-items:center;color:var(--accent-color)}._pages_1mwe1_1{position:relative}._default_1mwe1_5{display:flex;flex-direction:row;gap:4px;align-items:center;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_1mwe1_17{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_1mwe1_23{display:flex;flex-direction:row;gap:0px;position:absolute;top:45px;width:320px;left:0;z-index:5000;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;flex-direction:column}._page_1mwe1_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_1mwe1_49{background-color:var(--background-color)}._separator_1mwe1_53{border-bottom:var(--default-border)}._button_1mwe1_57{display:flex;flex-direction:row;gap:8px;background:inherit;color:#ff3f19;align-items:center;justify-content:start;padding:16px 8px 12px;transition:.2s}._button_1mwe1_57:hover{background-color:var(--background-color)}._items_1mwe1_72{max-height:400px;overflow-y:scroll;height:100%}._zoom_1q1ud_1{display:flex;flex-direction:row;gap:4px;align-items:center;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_1jz2h_1{display:flex;flex-direction:row;gap:4px;align-items:center;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_1wk4t_1{display:flex;flex-direction:row;gap:8px;border-bottom:var(--default-border);align-items:center;padding:22px;cursor:pointer}._text_1wk4t_11{color:var(--main-color);line-height:20px}._navbar_14j8e_1{width:100px;border-right:var(--default-border)}._main_14j8e_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_14j8e_13{display:flex;flex-direction:column;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_14j8e_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_14j8e_30{background-color:var(--background-color);color:var(--main-color)}._active_14j8e_30:hover{border:1px solid #fff;box-shadow:none}._preview_1howr_1{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;align-items:center;justify-content:center;z-index:500}._main_1howr_14{display:flex;flex-direction:column;gap:0px;width:100%;overflow-y:auto;height:calc(100vh - 85px);position:relative;z-index:1}._content_1howr_25{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1howr_32{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._loader_1howr_42{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_1howr_1 1s linear infinite}@keyframes _spin_1howr_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_obebc_1{display:flex;flex-direction:row;gap:0px;width:100%;padding:18px;justify-content:center;border:var(--default-border);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:none;z-index:5}._circles_obebc_16{display:flex;flex-direction:row;gap:8px;left:28px;top:28px;position:absolute;align-items:center}._circle_obebc_16{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_obebc_33{background:#ff5f57}._green_obebc_37{background:#28c840}._yellow_obebc_41{background:#febc2e}._input_obebc_45{display:flex;flex-direction:row;gap:0px;background-color:var(--background-color);padding:6px 8px;max-width:480px;width:100%;border-radius:6px}._main_obebc_56{display:flex;flex-direction:row;gap:4px;flex:1 1 auto;align-items:center;justify-content:center}._text_obebc_65{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_glpob_1{display:flex;flex-direction:column;gap:0px;width:100%;height:100%}._main_glpob_9{flex:1 0 auto}._block_glpob_13{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_glpob_20{border:2px solid #ff3f19}._name_glpob_24{z-index:10;position:absolute;top:-28px;left:-2px;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;background:#ff3f19;padding:4px 12px;line-height:20px;text-align:center}._empty_glpob_38{display:flex;flex-direction:column;gap:4px;height:100%;width:100%;align-items:center;justify-content:center;text-align:center}._icon_glpob_49{display:flex;flex-direction:row;gap:0px;width:64px;height:64px;background-color:var(--background-color);border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_glpob_62{font-weight:700;font-size:24px;line-height:32px}._text_glpob_68{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_glpob_74{display:flex;flex-direction:row;gap:24px;padding:0 20px;margin:20px 0 0;flex-wrap:wrap;justify-content:center}._section_glpob_74{display:flex;flex-direction:row;gap:10px;cursor:pointer;max-width:288px;width:100%;align-items:center;justify-content:space-between;padding:24px;background-color:var(--background-color);border-radius:24px;color:var(--accent-color)}._sidebar_1cz73_1{display:flex;flex-direction:row;gap:0px;position:absolute;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1cz73_14{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1cz73_24{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1cz73_34:hover{background-color:var(--background-color)}._border_1cz73_38{border-bottom:var(--default-border)}._deleteButton_1cz73_42:hover{background-color:#dd6363;color:#fff}._results_12p5x_1{display:flex;flex-direction:column;gap:20px;padding:8px}._name_12p5x_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_12p5x_15{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between;cursor:pointer}._search_186hm_1{display:flex;flex-direction:row;gap:10px;background:var(--background-color);padding:8px 12px;align-items:center;border-radius:12px;width:100%;margin:8px 0}._input_186hm_13{width:100%;font-size:16px;line-height:24px;color:var(--main-color)}._input_186hm_13::placeholder{color:#c2c2c2}._wrapper_q0sfn_1{display:flex;flex-direction:row;gap:0px;border:var(--default-border);width:fit-content;height:fit-content;max-height:500px;max-width:500px;min-width:300px;padding:10px;left:10px;top:10px;position:absolute;z-index:1000;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._applyButton_11q4y_2{flex:0 1 50%;font-weight:400}._cancelButton_11q4y_7{background-color:var(--background-color);color:var(--accent-color)}._content_11q4y_12{display:flex;flex-direction:column;gap:0px;width:100%}._label_11q4y_19{display:flex;flex-direction:row;gap:8px;padding:8px 12px;border-radius:8px;align-items:center;position:relative;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_11q4y_32{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_11q4y_39{display:flex;flex-direction:column;gap:10px;left:15px;width:288px;overflow-y:auto;z-index:100000000;position:fixed;background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e6e6e6;height:400px;font-size:16px;line-height:24px;font-weight:700}._colorMap_11q4y_58{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_11q4y_66{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_11q4y_75{width:80%;left:30px;height:8px;position:absolute;bottom:80px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red,red);border-radius:5px}input[type=range]{display:flex;flex-direction:row;gap:0px;-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;justify-content:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:50%;cursor:pointer}._slider_11q4y_106{width:100%;cursor:pointer}._buttons_11q4y_111{display:flex;flex-direction:row;gap:5px;width:100%}._name_11q4y_118{line-height:20px;padding:0 4px 4px}._secondary_11q4y_123{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_11q4y_131{line-height:20px;font-size:14px;font-weight:400}._sidebar_1yyyy_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:calc(100vh - 60px);position:relative}._title_1yyyy_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_1yyyy_18{display:flex;flex-direction:row;gap:8px;align-items:center}._layers_1on0q_1{display:flex;flex-direction:column;gap:0px;position:relative;height:100%}._block_1on0q_9{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1on0q_9:hover{background-color:var(--background-color)}._dragging_1on0q_25{box-shadow:0 2.1px 4.36px #00000004;box-shadow:0 5.3px 10.22px #00000005;border:var(--default-border);box-shadow:0 10.81px 19.93px #00000006;cursor:grabbing}._active_1on0q_33{background:#ffeae5}._add_1on0q_37{display:flex;flex-direction:row;gap:0px;z-index:2;position:absolute;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_1on0q_51{display:flex;flex-direction:row;gap:0px;position:relative;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_1on0q_66{display:flex;flex-direction:column;gap:4px;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;color:var(--accent-color)}._title_1on0q_78{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_1on0q_85{margin:0 0 12px}._text_1on0q_89{font-size:16px;font-weight:400;line-height:24px}._highlight_1on0q_95{color:#ff3f19;cursor:pointer}._block_586dq_1{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_586dq_1:hover{background-color:var(--background-color)}._theme_1wwlz_1{display:flex;flex-direction:column;gap:0px}._block_1wwlz_7{display:flex;flex-direction:row;gap:8px;justify-content:start;align-items:center;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1wwlz_7:hover{background-color:var(--background-color)}._name_1wwlz_22{flex:1 1 auto}._back_2jwrk_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding-bottom:8px}._render_2jwrk_9{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:501}._open_2jwrk_24{animation:.2s _open_2jwrk_24 forwards}@keyframes _open_2jwrk_24{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_2jwrk_51{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_2jwrk_51{animation:.2s _close_2jwrk_51 forwards}._clicked_2jwrk_55{opacity:0}._title_2jwrk_59{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._button_2jwrk_67{align-self:center;flex:1}._loading_2jwrk_72{flex:1 1 auto}._settings_2jwrk_76{flex:1 1 100%;overflow-y:scroll;overflow-x:hidden}._deleteButton_2jwrk_82{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_2jwrk_82:hover{background-color:#dd6363;color:#fff}._settings_ss3tc_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:3}._open_ss3tc_16{transform:translate(0)}._close_ss3tc_20{transform:translate(320px)}._header_ss3tc_24{display:flex;flex-direction:row;gap:8px;align-items:center}._title_ss3tc_31{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_ss3tc_38{display:flex;flex-direction:row;gap:4px;color:#ff3f19;align-items:center;cursor:pointer}._wrapper_joj7w_1{overflow-y:scroll}._category_joj7w_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_joj7w_11{font-weight:600;font-size:16px;line-height:24px}._color_joj7w_17{display:flex;flex-direction:column;gap:0px}._color_joj7w_17:not(:last-child){border-bottom:var(--default-border)}._content_joj7w_26{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;flex:1 1 auto}._preview_joj7w_35{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._tip_q9ixw_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:8px;border-radius:12px;width:100%;height:100%}._text_q9ixw_12{flex:1 1 auto;line-height:20px;font-size:14px}._warning_q9ixw_18{background:#faf8e6;color:#c1972a}._error_q9ixw_23{background:#ffc3b7;color:#ff3f19}._success_q9ixw_28{background:#e5fadd;color:#338b13}._hide_q9ixw_33{display:none}._wrapper_dv4am_2{overflow-y:scroll}._category_dv4am_6{display:flex;flex-direction:column;gap:0px}._categoryTitle_dv4am_12{font-weight:600;font-size:16px;line-height:24px}._color_dv4am_18{display:flex;flex-direction:column;gap:8px}._name_dv4am_24{line-height:20px;padding:0 4px 4px}._content_dv4am_29{display:flex;flex-direction:column;gap:0px;width:100%}._label_dv4am_36{display:flex;flex-direction:row;gap:5px;padding:8px 12px;border-radius:12px;align-items:center;width:100%;background-color:var(--background-color);cursor:pointer}._input_dv4am_48[type=color]{width:20px;height:20px;padding:1px}._input_dv4am_48{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_dv4am_48::-webkit-color-swatch{border-radius:50%;border:none}._input_dv4am_48::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_dv4am_74{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_dv4am_82{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_dv4am_82:not(:last-child){border-bottom:var(--default-border)}._alignments_dv4am_92{display:flex;flex-direction:column;gap:10px}._lineField_dv4am_98{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center}._style_dv4am_106{display:flex;flex-direction:column;gap:8px;flex:1 0 50%}._header_dv4am_113{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._blocks_emecf_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_emecf_1{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_emecf_21{border:1px solid #ff3f19}._wrapper_lov6e_1{overflow-y:scroll}._category_lov6e_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_lov6e_11{font-weight:600;font-size:16px;line-height:24px}._font_lov6e_17{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_lov6e_17:hover{background-color:var(--background-color);border-radius:8px}._font_lov6e_17:not(:last-child){border-bottom:var(--default-border)}._font_lov6e_17:not(:last-child):hover{border-bottom:1px solid var(--background-color)}._content_lov6e_38{display:flex;flex-direction:column;gap:0px;width:100%}._icon_lov6e_45{display:flex;flex-direction:row;gap:0px;padding:8px;border-radius:8px;background-color:var(--background-color);align-items:center;justify-content:center}._paragraph_lov6e_56{padding:12px}._deleteIcon_lov6e_60{position:absolute;right:10px;width:20px;height:20px}._iconButton_lov6e_67{width:32px;height:32px}._wrapper_smgf8_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_smgf8_16{transform:translate(0)}._close_smgf8_20{transform:translate(320px)}._header_smgf8_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_smgf8_32{font-weight:700;font-size:20px;line-height:24px}._options_smgf8_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_smgf8_45{opacity:0}._wrapper_1phvv_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_1phvv_16{transform:translate(0)}._close_1phvv_20{transform:translate(320px)}._header_1phvv_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_1phvv_32{font-weight:700;font-size:20px;line-height:24px}._options_1phvv_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1phvv_45{opacity:0}._label_1phvv_49{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1phvv_56{display:flex;flex-direction:column;gap:10px}._blocks_1phvv_62{display:flex;flex-direction:row;gap:8px;align-items:center}._alignment_1phvv_56{padding:8px;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1phvv_77{border:1px solid #ff3f19}._wrapper_gibny_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_gibny_12{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_gibny_23{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_gibny_31{display:flex;flex-direction:row;gap:12px;justify-content:end}._cancel_gibny_38{background-color:var(--background-color);color:var(--accent-color)}._label_gibny_43,._description_gibny_44{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_gibny_52{display:flex;flex-direction:column;gap:10px}._block_gibny_58{display:flex;flex-direction:column;gap:0px;padding:24px;border:1px solid var(--background-color);border-radius:8px}._slug_gibny_67{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_gibny_73{font-weight:600;font-size:16px;line-height:24px}._wrapper_ba9vp_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_ba9vp_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_ba9vp_18{display:flex;flex-direction:row;gap:20px}._radioLabel_ba9vp_24{display:flex;flex-direction:row;gap:0px;align-items:center;cursor:pointer;position:relative}._radio_ba9vp_24{position:absolute;opacity:0;cursor:pointer}._custom_ba9vp_39{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_ba9vp_24:checked+._custom_ba9vp_39{border-color:#ff3f19;background:#ffeae5}._custom_ba9vp_39:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#e53e3e;opacity:0}._radio_ba9vp_24:checked+._custom_ba9vp_39:after{opacity:1}._option_ba9vp_18{font-size:16px;line-height:24px;font-weight:400}._layout_3kge3_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;position:relative}._main_3kge3_10{display:flex;flex-direction:column;gap:0px;width:100%;position:relative}._content_3kge3_18{display:flex;flex-direction:row;gap:0px;position:relative;height:100%}._notification_3kge3_26{z-index:100000000;position:fixed;bottom:5px;right:5px;min-height:50px;min-width:200px}._wrapper_5ve9u_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;align-items:center;justify-content:center}._error_5ve9u_11{display:flex;flex-direction:column;gap:10px;background-color:var(--background-color);border:var(--default-border);padding:24px;border-radius:12px}._title_5ve9u_21{font-weight:700;color:#252525;font-size:20px;line-height:24px;padding-bottom:10px}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--billgang-color-signal-danger: #c12a2a;--billgang-color-brand-default: #ff3f19;--billgang-color-brand-light: #ffeae5;--billgang-color-brand-lighter: rgba(255, 64, 26, .1);--billgang-color-surface-0: #f8f8f8;--billgang-color-surface-100: #ffffff;--billgang-color-surface-200: #c2c2c2;--billgang-color-text-brandDefault: #252525;--billgang-color-text-secondary: #757575;--billgang-color-border-default: #f0f0f0;--billgang-color-border-hover: #e6e6e6;--billgang-color-shadow-0: #dfdfdf;--billgang-color-success-background: #e5fadd;--billgang-color-success-text: #338b13;--billgang-color-warning-background: #faf8e6;--billgang-color-warning-text: #c1972a;--billgang-color-error-background: #fae6e6;--billgang-color-dialog-backdrop: rgba(37, 37, 37, .25);--billgang-color-field-background-default: var( --billgang-color-surface-200 );--billgang-color-field-background-hover: var(--billgang-color-surface-100);--billgang-color-field-background-focus: var(--billgang-color-surface-100);--billgang-color-field-border-default: var(--billgang-color-surface-200);--billgang-color-field-border-hover: var(--billgang-color-surface-200);--billgang-color-field-border-focus: var(--billgang-color-brand-default);--billgang-shadow-0: 0 1px 0 var(--billgang-color-shadow-0);--billgang-shadow-field: 0 0 0 3px var(--billgang-color-brand-light);--billgang-shadow-dialog: 0 10px 20px rgba(0, 0, 0, .05)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.flex-center{display:flex;align-items:center;justify-content:center}.icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:24px;background-color:var(--billgang-color-surface-0)}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-4{top:1rem;right:1rem;bottom:1rem;left:1rem}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-3{bottom:.75rem}.bottom-\\[60px\\]{bottom:60px}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.right-\\[14px\\]{right:14px}.top-0{top:0}.top-6{top:1.5rem}.top-8{top:2rem}.-z-50{z-index:-50}.z-10{z-index:10}.z-50{z-index:50}.z-\\[1000\\]{z-index:1000}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.row-span-2{grid-row:span 2 / span 2}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-\\[6px\\]{margin-left:6px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[1px\\]{margin-top:1px}.mt-\\[2px\\]{margin-top:2px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-12{width:3rem;height:3rem}.size-4{width:1rem;height:1rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[21px\\]{height:21px}.h-\\[276px\\]{height:276px}.h-\\[28px\\]{height:28px}.h-\\[38px\\]{height:38px}.h-\\[4px\\]{height:4px}.h-\\[56px\\]{height:56px}.h-\\[80\\%\\]{height:80%}.h-\\[92\\%\\]{height:92%}.h-\\[92px\\]{height:92px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-8{max-height:2rem}.max-h-\\[230px\\]{max-height:230px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[96px\\]{min-height:96px}.min-h-svh{min-height:100svh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[120px\\]{width:120px}.w-\\[160px\\]{width:160px}.w-\\[20px\\]{width:20px}.w-\\[21px\\]{width:21px}.w-\\[256px\\]{width:256px}.w-\\[28px\\]{width:28px}.w-\\[56px\\]{width:56px}.w-\\[calc\\(100\\%\\/6\\)\\]{width:calc(100% / 6)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-12{min-width:3rem}.min-w-4{min-width:1rem}.min-w-8{min-width:2rem}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[18px\\]{min-width:18px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[1120px\\]{max-width:1120px}.max-w-\\[368px\\]{max-width:368px}.max-w-\\[376px\\]{max-width:376px}.max-w-\\[40\\%\\]{max-width:40%}.max-w-\\[456px\\]{max-width:456px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[85\\%\\]{max-width:85%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\\[minmax\\(120px\\,auto\\)_minmax\\(0\\,20\\%\\)_repeat\\(4\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) minmax(0,20%) repeat(4,minmax(min-content,auto))}.grid-cols-\\[minmax\\(120px\\,auto\\)_repeat\\(5\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) repeat(5,minmax(min-content,auto))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.\\!items-start{align-items:flex-start!important}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\\[6px\\]{gap:6px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[100px\\]{border-radius:100px}.rounded-\\[32px\\]{border-radius:32px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[6px\\]{border-radius:6px}.rounded-base{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:24px}.rounded-t-xl{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\\!border-brandDefault{border-color:var(--billgang-color-brand-default)!important}.border-borderDefault{border-color:var(--billgang-color-border-default)}.border-borderHover{border-color:var(--billgang-color-border-hover)}.border-brandDefault{border-color:var(--billgang-color-brand-default)}.border-textPrimary{border-color:var(--billgang-color-text-brandDefault)}.border-transparent{border-color:transparent}.border-x-borderDefault{border-left-color:var(--billgang-color-border-default);border-right-color:var(--billgang-color-border-default)}.border-x-brandDefault{border-left-color:var(--billgang-color-brand-default);border-right-color:var(--billgang-color-brand-default)}.border-x-surface100{border-left-color:var(--billgang-color-surface-100);border-right-color:var(--billgang-color-surface-100)}.border-b-transparent{border-bottom-color:transparent}.border-t-borderDefault{border-top-color:var(--billgang-color-border-default)}.border-t-brandDefault{border-top-color:var(--billgang-color-brand-default)}.border-t-surface100{border-top-color:var(--billgang-color-surface-100)}.\\!bg-surface0{background-color:var(--billgang-color-surface-0)!important}.bg-\\[rgba\\(37\\,37\\,37\\,0\\.24\\)\\]{background-color:#2525253d}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-borderDefault{background-color:var(--billgang-color-border-default)}.bg-brandDefault{background-color:var(--billgang-color-brand-default)}.bg-brandLight{background-color:var(--billgang-color-brand-light)}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-signalDangerBackground{background-color:var(--billgang-color-error-background)}.bg-successBackground{background-color:var(--billgang-color-success-background)}.bg-surface0{background-color:var(--billgang-color-surface-0)}.bg-surface100{background-color:var(--billgang-color-surface-100)}.bg-textPrimary{background-color:var(--billgang-color-text-brandDefault)}.bg-transparent{background-color:transparent}.bg-warningBackground{background-color:var(--billgang-color-warning-background)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.fill-brandDefault{fill:var(--billgang-color-brand-default)}.fill-signalDanger{fill:var(--billgang-color-signal-danger)}.fill-surface100{fill:var(--billgang-color-surface-100)}.fill-textPrimary{fill:var(--billgang-color-text-brandDefault)}.fill-textSecondary{fill:var(--billgang-color-text-secondary)}.stroke-borderDefault{stroke:var(--billgang-color-border-default)}.stroke-brandDefault{stroke:var(--billgang-color-brand-default)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[12px_16px\\]{padding:12px 16px}.p-\\[12px_16px_10px\\]{padding:12px 16px 10px}.p-\\[4px_8px\\]{padding:4px 8px}.p-\\[6px\\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-9{padding-bottom:2.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pl-\\[6px\\]{padding-left:6px}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:16px}.text-lg{font-size:20px}.text-sm{font-size:14px}.text-xl{font-size:24px}.text-xs{font-size:12px}.text-xxl{font-size:32px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-10{line-height:2.5rem}.text-brandDefault{color:var(--billgang-color-brand-default)}.text-signalDanger{color:var(--billgang-color-signal-danger)}.text-successText{color:var(--billgang-color-success-text)}.text-surface100{color:var(--billgang-color-surface-100)}.text-surface200{color:var(--billgang-color-surface-200)}.text-textPrimary{color:var(--billgang-color-text-brandDefault)}.text-textSecondary{color:var(--billgang-color-text-secondary)}.text-warningText{color:var(--billgang-color-warning-text)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-shadow0{--tw-shadow: var(--billgang-shadow-0);--tw-shadow-colored: var(--billgang-shadow-0);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: var(--billgang-color-shadow-0);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-2{outline-width:2px}.outline-offset-\\[-1px\\]{outline-offset:-1px}.outline-brandDefault{outline-color:var(--billgang-color-brand-default)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{font-family:Archivo,sans-serif;color:var(--billgang-color-text-brandDefault)}html,body,#root{height:100%}.grecaptcha-badge{visibility:hidden}.placeholder\\:text-surface200::-moz-placeholder{color:var(--billgang-color-surface-200)}.placeholder\\:text-surface200::placeholder{color:var(--billgang-color-surface-200)}.first\\:rounded-l-base:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.last\\:rounded-r-base:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.last\\:border-r-0:last-child{border-right-width:0px}.last-of-type\\:border-none:last-of-type{border-style:none}.last-of-type\\:pb-0:last-of-type{padding-bottom:0}.hover\\:bg-surface100:hover{background-color:var(--billgang-color-surface-100)}.hover\\:text-textPrimary:hover{color:var(--billgang-color-text-brandDefault)}.hover\\:underline:hover{text-decoration-line:underline}.disabled\\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 768px){.md\\:bottom-auto{bottom:auto}.md\\:left-1\\/2{left:50%}.md\\:top-1\\/2{top:50%}.md\\:mb-0{margin-bottom:0}.md\\:ml-auto{margin-left:auto}.md\\:mr-4{margin-right:1rem}.md\\:mt-0{margin-top:0}.md\\:mt-5{margin-top:1.25rem}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-\\[92px\\]{height:92px}.md\\:h-auto{height:auto}.md\\:h-full{height:100%}.md\\:h-svh{height:100svh}.md\\:max-h-svh{max-height:100svh}.md\\:min-h-\\[92px\\]{min-height:92px}.md\\:w-\\[320px\\]{width:320px}.md\\:w-\\[40\\%\\]{width:40%}.md\\:w-\\[50\\%\\]{width:50%}.md\\:w-\\[640px\\]{width:640px}.md\\:w-\\[720px\\]{width:720px}.md\\:w-auto{width:auto}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:w-full{width:100%}.md\\:max-w-\\[520px\\]{max-width:520px}.md\\:-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-\\[1\\]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:flex-col-reverse{flex-direction:column-reverse}.md\\:items-start{align-items:flex-start}.md\\:items-end{align-items:flex-end}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-2{gap:.5rem}.md\\:gap-3{gap:.75rem}.md\\:overflow-auto{overflow:auto}.md\\:rounded-none{border-radius:0}.md\\:rounded-xl{border-radius:24px}.md\\:border-none{border-style:none}.md\\:bg-transparent{background-color:transparent}.md\\:p-10{padding:2.5rem}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-6{padding-bottom:1.5rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-0{padding-top:0}.md\\:opacity-0{opacity:0}.md\\:opacity-100{opacity:1}}@media (min-width: 1024px){.lg\\:bottom-10{bottom:2.5rem}.lg\\:left-auto{left:auto}.lg\\:right-0{right:0}.lg\\:col-span-1{grid-column:span 1 / span 1}.lg\\:col-span-4{grid-column:span 4 / span 4}.lg\\:mb-0{margin-bottom:0}.lg\\:ml-3{margin-left:.75rem}.lg\\:h-\\[72px\\]{height:72px}.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-4{gap:1rem}.lg\\:p-6{padding:1.5rem}.lg\\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\\:pb-6{padding-bottom:1.5rem}}@media (min-width: 1280px){.xl\\:mt-1{margin-top:.25rem}.xl\\:block{display:block}.xl\\:flex{display:flex}.xl\\:max-w-\\[320px\\]{max-width:320px}.xl\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\\:flex-row{flex-direction:row}.xl\\:rounded-base{border-radius:12px}.xl\\:border-r{border-right-width:1px}.xl\\:border-none{border-style:none}.xl\\:bg-surface0{background-color:var(--billgang-color-surface-0)}.xl\\:p-6{padding:1.5rem}.xl\\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.xl\\:pr-0{padding-right:0}.xl\\:pr-10{padding-right:2.5rem}.xl\\:pr-4{padding-right:1rem}.xl\\:hover\\:bg-surface0:hover{background-color:var(--billgang-color-surface-0)}}._wrapper_9rr5j_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_9rr5j_8{display:flex;flex-direction:column;gap:6px;padding:10px 0 16px}._title_9rr5j_15{font-weight:700;line-height:24px;font-size:16px;color:var(--main-color)}._subtitle_9rr5j_22{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._alignmentContent_9rr5j_29{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:stretch}._alignments_9rr5j_37{border-radius:12px;background:var(--background-color);display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_9rr5j_8{display:flex;flex-direction:row;gap:0px;cursor:pointer;height:100%;width:100%;align-items:center;justify-content:center}._circle_9rr5j_58{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_9rr5j_65{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_9rr5j_65{display:flex;flex-direction:row;gap:4px;width:68px;align-items:center;background:var(--background-color);border-radius:12px;padding:10px 8px}._input_9rr5j_84{width:100%}._subtitle_1qrz9_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1qrz9_8,._text_1qrz9_9{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._top_1qrz9_17{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1qrz9_26{display:flex;flex-direction:column;gap:6px}._typeTexts_rcw8p_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_rcw8p_8{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_rcw8p_21{border:1px solid #ff3f19}._subtitle_cuny2_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_cuny2_8,._text_cuny2_9,._productsBlock_cuny2_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_cuny2_10{position:relative}._top_cuny2_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_cuny2_31{display:flex;flex-direction:column;gap:6px}._typeTexts_cuny2_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_cuny2_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_cuny2_57{border:1px solid #ff3f19}._products_cuny2_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_cuny2_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_cuny2_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._disabled_cuny2_87{color:var(--accent-color)}._image_cuny2_91{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_cuny2_98{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_cuny2_110{flex:1 1 100%}._buttons_cuny2_114{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_cuny2_121{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_cuny2_121 ._top_cuny2_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_cuny2_141{display:flex;flex-direction:column;gap:8px}._modalOptions_cuny2_147{display:flex;flex-direction:column;gap:10px}._other_g74jx_1{display:flex;flex-direction:column;gap:6px}._subtitle_g74jx_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._items_g74jx_14{display:flex;flex-direction:column;gap:8px}._subtitle_1fb9q_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1fb9q_8,._text_1fb9q_9,._productsBlock_1fb9q_10,._buttonsBlock_1fb9q_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px}._buttonsBlock_1fb9q_11{position:relative}._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1fb9q_31{display:flex;flex-direction:column;gap:6px}._typeTexts_1fb9q_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_1fb9q_44{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1fb9q_56{border:1px solid #ff3f19}._products_1fb9q_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_1fb9q_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_1fb9q_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_1fb9q_86{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_1fb9q_93{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_1fb9q_105{flex:1 1 100%}._buttons_1fb9q_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_1fb9q_116{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_1fb9q_116 ._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_1fb9q_135{display:flex;flex-direction:column;gap:6px}._options_1fb9q_141{display:flex;flex-direction:column;gap:15px}._subtitle_m8qel_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_m8qel_8,._text_m8qel_9,._productsBlock_m8qel_10,._buttonsBlock_m8qel_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._buttonsBlock_m8qel_11{position:relative}._top_m8qel_23{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_m8qel_32{display:flex;flex-direction:column;gap:6px}._typeTexts_m8qel_38{display:flex;flex-direction:row;gap:8px;align-items:center}._block_m8qel_45{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_m8qel_58{border:1px solid #ff3f19}._products_m8qel_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_m8qel_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_m8qel_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_m8qel_88{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_m8qel_95{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_m8qel_107{flex:1 1 100%}._buttons_m8qel_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_m8qel_118{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_m8qel_118 ._top_m8qel_23{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_m8qel_137{display:flex;flex-direction:column;gap:6px}._options_m8qel_143{display:flex;flex-direction:column;gap:15px}._wrapper_m18qi_1{display:flex;flex-direction:column;gap:6px}._subtitle_m18qi_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._content_m18qi_14{display:flex;flex-direction:row;gap:10px;align-items:center;width:100%}._range_m18qi_22{position:relative;flex:1}._track_m18qi_27{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_m18qi_36{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_m18qi_46{display:flex;flex-direction:row;gap:0px;position:absolute;justify-content:space-between;width:100%}._dot_m18qi_46{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_m18qi_46._active_m18qi_65{background-color:#ff3f19;transform:scale(1)}._dot_m18qi_46:not(._active_m18qi_65){background-color:#e5e7eb;transform:scale(.9)}._dot_m18qi_46:hover{transform:scale(1.1)}._input_m18qi_77{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_m18qi_77::-webkit-slider-thumb,._input_m18qi_77::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_m18qi_91{display:flex;flex-direction:row;gap:10px;align-items:center;padding:8px 12px;background:var(--background-color);border-radius:12px}._count_m18qi_91{font-size:16px;font-weight:400;line-height:24px}._controls_m18qi_107{display:flex;flex-direction:column;gap:0px}._button_m18qi_113{transition:background-color .2s}._button_m18qi_113:hover{background-color:#f3f4f6}._button_m18qi_113:disabled{opacity:.5}._subtitle_16rdk_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_16rdk_8,._text_16rdk_9,._productsBlock_16rdk_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_16rdk_10{position:relative}._top_16rdk_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_16rdk_31{display:flex;flex-direction:column;gap:6px}._typeTexts_16rdk_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_16rdk_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_16rdk_57{border:1px solid #ff3f19}._products_16rdk_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_16rdk_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_16rdk_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_16rdk_87{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_16rdk_94{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_16rdk_106{flex:1 1 100%}._buttons_16rdk_110{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_16rdk_117{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_16rdk_117 ._top_16rdk_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_16rdk_137{display:flex;flex-direction:column;gap:8px}._modalOptions_16rdk_143{display:flex;flex-direction:column;gap:10px}._options_1u21a_1{display:flex;flex-direction:column;gap:20px;border-radius:16px;border:var(--default-border);width:100%;height:fit-content;padding:24px}._price_1u21a_12{display:flex;flex-direction:row;gap:4px;align-items:flex-start}._oldPrice_1u21a_19{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:var(--accent-color)}._newPrice_1u21a_27{font-size:20px;font-weight:700;line-height:24px;color:var(--main-color)}._meta_1u21a_34{display:flex;flex-direction:column;gap:10px}._info_1u21a_40{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}._infoRight_1u21a_48{display:flex;flex-direction:row;gap:5px;align-items:center}._buttons_1u21a_55{display:flex;flex-direction:column;gap:8px;width:100%}._variants_1u21a_62{display:flex;flex-direction:column;gap:20px}._variant_1u21a_62{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;border-radius:12px;padding:12px 16px;border:2px solid #e6e6e6}._stock_1u21a_79{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._variantInfo_1u21a_86{display:flex;flex-direction:column;gap:4px}._quantity_1u21a_92{display:flex;flex-direction:row;gap:10px;align-items:stretch}._count_1u21a_99{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_1u21a_55{display:flex;flex-direction:row;gap:0px;background:var(--background-color);border-radius:50%;padding:8px;justify-content:center;align-items:center}._button_1u21a_55:disabled{opacity:.7}._activeVariant_1u21a_124{border:2px solid #ff3f19}._chargeTypes_1u21a_128{display:flex;flex-direction:row;gap:5px;padding:4px;border-radius:16px;background-color:var(--background-color)}._charge_1u21a_128{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;color:var(--accent-color);padding:8px;border-radius:12px}._chargeActive_1u21a_149{background-color:#fff;color:var(--main-color)}._title_1u21a_154{font-size:16px;font-weight:700;line-height:24px}._button_iohac_1{display:flex;flex-direction:row;gap:0px;align-items:center;padding:10px;background-color:var(--surface-secondary);border-radius:12px;color:var(--text-secondary);cursor:pointer;position:relative}._login_iohac_14{padding:12px 16px}._signUp_iohac_18{background-color:var(--surface-action1);color:var(--text-inverted)}._buttons_iohac_23{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px}._modal_iohac_32{background-color:#fff;height:100vh;position:absolute;right:0;top:0;bottom:0;align-self:flex-end;justify-self:flex-end;border-top-left-radius:24px;border-bottom-left-radius:24px;width:100%;min-width:300px;max-width:450px}._info_iohac_48{display:flex;flex-direction:row;gap:8px;align-items:center}._top_iohac_55{display:flex;flex-direction:row;padding:26px 24px;border-bottom:var(--default-border);align-items:center;justify-content:space-between;gap:8px}._title_iohac_66{font-size:20px;font-weight:700;line-height:24px}._clear_iohac_72{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_iohac_79{color:#ff3f19}._count_iohac_83{display:flex;flex-direction:row;gap:0px;background:#ff3f19;color:#fff;width:100%;height:100%;border-radius:50%;min-width:20px;min-height:20px;align-items:center;justify-content:center}._cart_iohac_98{display:flex;flex-direction:column;gap:0px;height:calc(100% - 76px);width:100%}._empty_iohac_106{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;height:100%;flex:1 1 auto;color:var(--accent-color)}._empty_iohac_106 div{padding-bottom:16px}._empty_iohac_106 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_iohac_106 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_iohac_132{display:flex;flex-direction:row;gap:0px;padding:26px 24px;align-items:center;justify-content:space-between}._products_iohac_141{display:flex;flex-direction:column;gap:0px;flex:1 1 auto;overflow-y:scroll}._image_iohac_149{width:56px;height:56px;border-radius:12px}._productInfo_iohac_155{display:flex;flex-direction:row;gap:12px;align-items:center}._content_iohac_162{display:flex;flex-direction:column;gap:4px}._name_iohac_168{font-size:16px;font-weight:600;line-height:24px}._price_iohac_174{font-size:16px;font-weight:400;line-height:24px}._productButtons_iohac_180{display:flex;flex-direction:row;gap:5px;align-items:center}._productButton_iohac_180{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;min-width:36px;min-height:36px;background-color:var(--background-color)}._productCount_iohac_200{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:var(--main-color);background-color:var(--background-color)}._bottom_iohac_216{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_iohac_224{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._block_iohac_232{display:flex;flex-direction:row;gap:10px;align-items:center}._shoppingCount_iohac_239{display:flex;flex-direction:row;gap:0px;width:12px;height:12px;border-radius:50%;align-items:center;justify-content:center;background-color:#ff3f19;color:#fff;font-size:10px;font-weight:500;line-height:12px;text-align:center;position:absolute;top:8px;right:8px}._total_iohac_259{font-size:20px;font-weight:700;line-height:24px}._link_iohac_265{font-size:16px;font-weight:400;line-height:24px;color:var(--text-link)}._userInfo_iohac_272{display:flex;flex-direction:row;gap:8px;background-color:var(--surface-secondary);cursor:pointer;align-items:center;border-radius:16px;padding:6px}._button_143au_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_143au_1:disabled{opacity:.7;cursor:auto}._primary_143au_13{color:var(--text-inverted);background-color:var(--surface-action1)}._secondary_143au_18,._tertiary_143au_23{color:var(--text-secondary);background-color:var(--surface-secondary)}._content_143au_28{display:flex;flex-direction:row;gap:4px;align-items:center}._share_9g414_1{padding:10px;border-radius:12px;background:#f8f8f8;cursor:pointer}._modal_9g414_8{border-radius:12px;background:#fff;width:fit-content}._header_9g414_14{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:var(--default-border)}._socials_9g414_24{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between;padding:24px 24px 16px}._social_9g414_24,._copy_9g414_34{padding:12px;border-radius:12px;background:#f8f8f8;cursor:pointer}._title_9g414_41{font-size:24px;font-weight:700;line-height:32px}._copyWrapper_9g414_47{display:flex;flex-direction:row;gap:16px;width:100%;align-items:center;padding:0 24px 24px}._copyText_9g414_56{flex:1 1 auto}._accordion_9e4oa_1{border-radius:24px;overflow:hidden;transition:all .3s ease;background-color:var(--background-color);padding:24px}._header_9e4oa_9{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}._header_9e4oa_9 ._icon_9e4oa_18{transition:transform .3s ease}._header_9e4oa_9 ._icon_9e4oa_18._open_9e4oa_21{transform:rotate(180deg)}._content_9e4oa_25{overflow:hidden;transition:height .3s ease}._wrapper_1mken_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1mken_9{width:100%;color:var(--text-secondary);line-height:20px;font-size:14px;font-weight:400}._input_1mken_17{width:100%;background-color:var(--surface-secondary);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--surface-secondary)}._input_1mken_17::placeholder{color:var(--text-tertiary)}._input_1mken_17:disabled{background-color:var(--surface-secondary);opacity:.7}._required_1mken_36{border:1px solid var(--border-warning)}._paddingless_1mken_40{padding:0}._content_1mken_44{display:flex;flex-direction:row;gap:8px;position:relative;align-items:center}._borderless_1mken_52{border-radius:0;border:none}._rightIcon_1mken_57{position:absolute;top:10px;right:12px}._wrapper_st58d_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_st58d_10{width:100%;color:var(--text-secondary);line-height:20px;font-size:14px;font-weight:400}._textarea_st58d_18{width:100%;background-color:var(--surface-secondary);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_st58d_18::placeholder{color:var(--text-tertiary)}._length_st58d_33{position:absolute;bottom:12px;right:12px;color:var(--text-tertiary);line-height:20px}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- import { i as ke, A as De, G as at, k as M, l as $, m as X, n as J, j as e, e as Me, B as K, o as I, f as rt, L as ye, p as it, q as lt, r as ct, s as dt, c as N, I as v, t as Ve, w as ee, x as ut, y as Xe, z as ht, E as je, F as pt, J as pe, K as He, D as gt, H as mt, u as _t, d as St, a as O, b as ie, N as ve, S as Ie, O as Ye, P as bt, T as ft, Q as Ct, M as Ee, h as wt, R as vt, U as xt, V as kt, W as yt, X as jt, Y as Bt, Z as At, _ as Pt, $ as Lt, a0 as Nt, a1 as Tt } from "./index-Dq4uNns7.js";
3
- import m, { useMemo as Qe } from "react";
4
- const Ft = [
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._modal_18a97_1{display:flex;flex-direction:row;gap:0px;position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;padding:20px;justify-content:center;align-items:center;overflow:hidden}._wrapper_mmfra_1{display:flex;flex-direction:row;gap:8px;width:fit-content;align-items:center;border-radius:12px;line-height:20px;color:var(--main-color);font-size:14px;font-weight:400}._switch_mmfra_14{display:flex;flex-direction:row;gap:0px;width:40px;height:20px;background-color:#ccc;border-radius:16px;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_mmfra_14._active_mmfra_27{background:#ff3f19}._switch_mmfra_14 ._toggle_mmfra_30{width:16px;height:16px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(1px)}._switch_mmfra_14._active_mmfra_27 ._toggle_mmfra_30{transform:translate(19px)}._background_mmfra_42{background-color:var(--background-color)}._padding_mmfra_46{padding:8px}._loader_nftwq_1{border:4px solid rgba(0,0,0,.1);border-left-color:var(--background-color);border-radius:50%;width:40px;height:40px;animation:_spin_nftwq_1 1s linear infinite}@keyframes _spin_nftwq_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._wrapper_18y7k_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_18y7k_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_18y7k_17{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;align-items:center;justify-content:space-between;cursor:pointer}._icon_18y7k_32{transition:.2s}._rotate_18y7k_36{transform:rotate(180deg)}._content_18y7k_40{position:relative}._options_18y7k_44{display:flex;flex-direction:column;gap:0px;position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_18y7k_44{padding:10px 12px;border-radius:12px}._option_18y7k_44:hover{background-color:#e6e6e6}._addon_18y7k_69{display:flex;flex-direction:row;gap:6px;align-items:center}._wrapper_gm2v6_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_gm2v6_9{color:var(--accent-color);font-weight:400;font-size:14px;line-height:20px}._icon_gm2v6_16{display:flex;flex-direction:row;gap:0px;padding:4px;background-color:#fff;border:var(--default-border);justify-content:center;align-items:center;border-radius:6px}._text_gm2v6_28{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_gm2v6_35{display:flex;flex-direction:row;gap:6px;align-items:center;cursor:pointer;background-color:var(--background-color);border-radius:12px;padding:6px 8px}._modal_gm2v6_46{background-color:var(--background-color);border:var(--default-border);border-radius:16px;width:100%;max-width:640px}._top_gm2v6_54{display:flex;flex-direction:row;gap:0px;padding:16px 24px;align-items:center;justify-content:space-between}._title_gm2v6_63{color:var(--main-color);font-weight:400;font-size:18px;line-height:24px}._modalContent_gm2v6_70{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:var(--default-border);border-bottom:var(--default-border);background-color:#fff}._images_gm2v6_79{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow-y:scroll;max-height:390px;align-items:center;justify-content:center}._add_gm2v6_89{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}._dragging_gm2v6_101{border:1px dashed #ff3f19}._description_gm2v6_105{text-align:center;color:var(--main-color);font-size:14px;line-height:20px}._description_gm2v6_105 span:last-child{padding-top:4px}._bottom_gm2v6_115{display:flex;flex-direction:row;gap:0px;justify-content:end;align-items:center;width:100%;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 24px 12px;gap:6px}._cancel_gm2v6_129{background-color:var(--background-color);color:var(--accent-color)}._highlight_gm2v6_134{color:#ff3f19;cursor:pointer}._accent_gm2v6_139{color:var(--accent-color)}._image_gm2v6_79{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_gm2v6_153{border:1px solid #ff3f19}._checkbox_gm2v6_157{position:absolute;top:12px;left:12px}._loading_gm2v6_163{display:flex;flex-direction:row;gap:0px;position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:var(--background-color);justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._spinner_gm2v6_177{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:var(--background-color);border-radius:50%;animation:_spin_gm2v6_177 1s linear infinite}@keyframes _spin_gm2v6_177{to{transform:rotate(360deg)}}._button_jrah7_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_jrah7_1:disabled{opacity:.7;cursor:auto}._primary_jrah7_13{color:#fff;background-color:#ff3f19}._secondary_jrah7_18,._tertiary_jrah7_23{color:#757575;background-color:#f0f0f0}._content_jrah7_28{display:flex;flex-direction:row;gap:4px;align-items:center}._customCheckbox_1b69m_1{display:inline-block;cursor:pointer;position:relative}._checkboxBox_1b69m_7{display:inline-block;width:20px;height:20px;border:1px solid #e6e6e6;border-radius:6px;position:relative}._checkboxBox_1b69m_7._checked_1b69m_16{background:#ffeae5;border:1px solid #ff3f19}._icon_1b69m_21{position:absolute;top:3px;left:3px}._wrapper_ibbc7_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_ibbc7_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_ibbc7_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_ibbc7_17::placeholder{color:#c2c2c2}._input_ibbc7_17:disabled{background-color:var(--background-color);opacity:.7}._required_ibbc7_36{border:1px solid #ff3f19}._paddingless_ibbc7_40{padding:0}._content_ibbc7_44{display:flex;flex-direction:row;gap:8px;position:relative;align-items:center}._borderless_ibbc7_52{border-radius:0;border:none}._rightIcon_ibbc7_57{position:absolute;top:10px;right:12px}._inputPostfix_ibbc7_63{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#757575}._wrapper_1qvfi_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_1qvfi_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._textarea_1qvfi_18{width:100%;background-color:var(--background-color);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_1qvfi_18::placeholder{color:#c2c2c2}._length_1qvfi_33{position:absolute;bottom:12px;right:12px;color:#c2c2c2;line-height:20px}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}*{padding:0;margin:0;border:0}*,*:before,*:after{box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{width:100%;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6,a{font-size:inherit}a{color:inherit}*{-webkit-tap-highlight-color:transparent}input{border:none;background:none;outline:none;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border:none;background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}:root{--default-border: 1px solid #f0f0f0;--accent-color: #757575;--main-color: #252525;--background-color: #f8f8f8}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100dvh;overflow:hidden}._buttons_uu72s_1{display:flex;flex-direction:row;gap:5px;align-items:center}._button_uu72s_1{cursor:pointer;padding:10px;border-radius:12px}._button_uu72s_1:hover{background-color:#f0f0f0}._disabled_uu72s_17{cursor:default}._disabled_uu72s_17:hover{background-color:inherit}._wrapper_1dfbs_1{display:flex;flex-direction:column;gap:0px;height:100%;overflow-y:scroll}._main_1dfbs_9{flex:1 1 auto}._loading_1dfbs_13{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._wrapper_5w9s8_1{width:100%;padding:20px;text-align:center}._wrapper_rccv2_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;align-items:center;justify-content:center}._content_rccv2_11{display:flex;flex-direction:column;gap:10px;background-color:var(--background-color);border:var(--default-border);padding:24px;border-radius:12px}._title_rccv2_21{font-weight:700;color:#252525;font-size:20px;line-height:24px;padding-bottom:10px}._devices_1b6y1_1{display:flex;flex-direction:row;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_1b6y1_1{display:flex;flex-direction:row;gap:0px;padding:6px 8px;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_1b6y1_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_1b6y1_26{background-color:#fff}._active_1b6y1_26:hover{border:1px solid var(--background-color);box-shadow:none}._header_2d8xd_1{display:flex;flex-direction:row;gap:24px;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);align-items:center;justify-content:space-between}._left_2d8xd_13,._right_2d8xd_14{display:flex;flex-direction:row;gap:24px;align-items:center}._preview_93shy_2{display:flex;flex-direction:row;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:10px 16px;cursor:pointer;border:1px solid #fff;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._preview_93shy_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_93shy_23{background-color:var(--background-color)}._active_93shy_23:hover{border:1px solid #fff;box-shadow:none}._settings_u4cv4_1{display:flex;flex-direction:row;gap:20px;align-items:center;color:var(--accent-color)}._pages_1mwe1_1{position:relative}._default_1mwe1_5{display:flex;flex-direction:row;gap:4px;align-items:center;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_1mwe1_17{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_1mwe1_23{display:flex;flex-direction:row;gap:0px;position:absolute;top:45px;width:320px;left:0;z-index:5000;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;flex-direction:column}._page_1mwe1_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_1mwe1_49{background-color:var(--background-color)}._separator_1mwe1_53{border-bottom:var(--default-border)}._button_1mwe1_57{display:flex;flex-direction:row;gap:8px;background:inherit;color:#ff3f19;align-items:center;justify-content:start;padding:16px 8px 12px;transition:.2s}._button_1mwe1_57:hover{background-color:var(--background-color)}._items_1mwe1_72{max-height:400px;overflow-y:scroll;height:100%}._zoom_1q1ud_1{display:flex;flex-direction:row;gap:4px;align-items:center;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_1jz2h_1{display:flex;flex-direction:row;gap:4px;align-items:center;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_1wk4t_1{display:flex;flex-direction:row;gap:8px;border-bottom:var(--default-border);align-items:center;padding:22px;cursor:pointer}._text_1wk4t_11{color:var(--main-color);line-height:20px}._navbar_14j8e_1{width:100px;border-right:var(--default-border)}._main_14j8e_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_14j8e_13{display:flex;flex-direction:column;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_14j8e_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_14j8e_30{background-color:var(--background-color);color:var(--main-color)}._active_14j8e_30:hover{border:1px solid #fff;box-shadow:none}._preview_1howr_1{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;align-items:center;justify-content:center;z-index:500}._main_1howr_14{display:flex;flex-direction:column;gap:0px;width:100%;overflow-y:auto;height:calc(100vh - 85px);position:relative;z-index:1}._content_1howr_25{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1howr_32{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._loader_1howr_42{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_1howr_1 1s linear infinite}@keyframes _spin_1howr_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_obebc_1{display:flex;flex-direction:row;gap:0px;width:100%;padding:18px;justify-content:center;border:var(--default-border);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:none;z-index:5}._circles_obebc_16{display:flex;flex-direction:row;gap:8px;left:28px;top:28px;position:absolute;align-items:center}._circle_obebc_16{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_obebc_33{background:#ff5f57}._green_obebc_37{background:#28c840}._yellow_obebc_41{background:#febc2e}._input_obebc_45{display:flex;flex-direction:row;gap:0px;background-color:var(--background-color);padding:6px 8px;max-width:480px;width:100%;border-radius:6px}._main_obebc_56{display:flex;flex-direction:row;gap:4px;flex:1 1 auto;align-items:center;justify-content:center}._text_obebc_65{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_glpob_1{display:flex;flex-direction:column;gap:0px;width:100%;height:100%}._main_glpob_9{flex:1 0 auto}._block_glpob_13{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_glpob_20{border:2px solid #ff3f19}._name_glpob_24{z-index:10;position:absolute;top:-28px;left:-2px;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;background:#ff3f19;padding:4px 12px;line-height:20px;text-align:center}._empty_glpob_38{display:flex;flex-direction:column;gap:4px;height:100%;width:100%;align-items:center;justify-content:center;text-align:center}._icon_glpob_49{display:flex;flex-direction:row;gap:0px;width:64px;height:64px;background-color:var(--background-color);border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_glpob_62{font-weight:700;font-size:24px;line-height:32px}._text_glpob_68{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_glpob_74{display:flex;flex-direction:row;gap:24px;padding:0 20px;margin:20px 0 0;flex-wrap:wrap;justify-content:center}._section_glpob_74{display:flex;flex-direction:row;gap:10px;cursor:pointer;max-width:288px;width:100%;align-items:center;justify-content:space-between;padding:24px;background-color:var(--background-color);border-radius:24px;color:var(--accent-color)}._sidebar_1cz73_1{display:flex;flex-direction:row;gap:0px;position:absolute;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1cz73_14{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1cz73_24{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1cz73_34:hover{background-color:var(--background-color)}._border_1cz73_38{border-bottom:var(--default-border)}._deleteButton_1cz73_42:hover{background-color:#dd6363;color:#fff}._results_12p5x_1{display:flex;flex-direction:column;gap:20px;padding:8px}._name_12p5x_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_12p5x_15{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between;cursor:pointer}._search_186hm_1{display:flex;flex-direction:row;gap:10px;background:var(--background-color);padding:8px 12px;align-items:center;border-radius:12px;width:100%;margin:8px 0}._input_186hm_13{width:100%;font-size:16px;line-height:24px;color:var(--main-color)}._input_186hm_13::placeholder{color:#c2c2c2}._wrapper_q0sfn_1{display:flex;flex-direction:row;gap:0px;border:var(--default-border);width:fit-content;height:fit-content;max-height:500px;max-width:500px;min-width:300px;padding:10px;left:10px;top:10px;position:absolute;z-index:1000;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._applyButton_11q4y_2{flex:0 1 50%;font-weight:400}._cancelButton_11q4y_7{background-color:var(--background-color);color:var(--accent-color)}._content_11q4y_12{display:flex;flex-direction:column;gap:0px;width:100%}._label_11q4y_19{display:flex;flex-direction:row;gap:8px;padding:8px 12px;border-radius:8px;align-items:center;position:relative;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_11q4y_32{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_11q4y_39{display:flex;flex-direction:column;gap:10px;left:15px;width:288px;overflow-y:auto;z-index:100000000;position:fixed;background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e6e6e6;height:400px;font-size:16px;line-height:24px;font-weight:700}._colorMap_11q4y_58{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_11q4y_66{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_11q4y_75{width:80%;left:30px;height:8px;position:absolute;bottom:80px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red,red);border-radius:5px}input[type=range]{display:flex;flex-direction:row;gap:0px;-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;justify-content:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:50%;cursor:pointer}._slider_11q4y_106{width:100%;cursor:pointer}._buttons_11q4y_111{display:flex;flex-direction:row;gap:5px;width:100%}._name_11q4y_118{line-height:20px;padding:0 4px 4px}._secondary_11q4y_123{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_11q4y_131{line-height:20px;font-size:14px;font-weight:400}._sidebar_1yyyy_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:calc(100vh - 60px);position:relative}._title_1yyyy_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_1yyyy_18{display:flex;flex-direction:row;gap:8px;align-items:center}._layers_1on0q_1{display:flex;flex-direction:column;gap:0px;position:relative;height:100%}._block_1on0q_9{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1on0q_9:hover{background-color:var(--background-color)}._dragging_1on0q_25{box-shadow:0 2.1px 4.36px #00000004;box-shadow:0 5.3px 10.22px #00000005;border:var(--default-border);box-shadow:0 10.81px 19.93px #00000006;cursor:grabbing}._active_1on0q_33{background:#ffeae5}._add_1on0q_37{display:flex;flex-direction:row;gap:0px;z-index:2;position:absolute;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_1on0q_51{display:flex;flex-direction:row;gap:0px;position:relative;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_1on0q_66{display:flex;flex-direction:column;gap:4px;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;color:var(--accent-color)}._title_1on0q_78{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_1on0q_85{margin:0 0 12px}._text_1on0q_89{font-size:16px;font-weight:400;line-height:24px}._highlight_1on0q_95{color:#ff3f19;cursor:pointer}._block_586dq_1{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_586dq_1:hover{background-color:var(--background-color)}._theme_1wwlz_1{display:flex;flex-direction:column;gap:0px}._block_1wwlz_7{display:flex;flex-direction:row;gap:8px;justify-content:start;align-items:center;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1wwlz_7:hover{background-color:var(--background-color)}._name_1wwlz_22{flex:1 1 auto}._back_2jwrk_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding-bottom:8px}._render_2jwrk_9{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:501}._open_2jwrk_24{animation:.2s _open_2jwrk_24 forwards}@keyframes _open_2jwrk_24{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_2jwrk_51{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_2jwrk_51{animation:.2s _close_2jwrk_51 forwards}._clicked_2jwrk_55{opacity:0}._title_2jwrk_59{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._button_2jwrk_67{align-self:center;flex:1}._loading_2jwrk_72{flex:1 1 auto}._settings_2jwrk_76{flex:1 1 100%;overflow-y:scroll;overflow-x:hidden}._deleteButton_2jwrk_82{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_2jwrk_82:hover{background-color:#dd6363;color:#fff}._wrapper_1k72y_1{display:flex;flex-direction:column;gap:10px;padding-top:15px}._header_1k72y_8{display:flex;flex-direction:row;gap:0px;justify-content:space-between}._title_1k72y_15{font-weight:700;font-size:16px;line-height:24px}._colorWrapper_1k72y_21{display:flex;flex-direction:row;gap:5px;padding:12px 0;align-items:center}._colorWrapper_1k72y_21:not(:last-child){border-bottom:1px solid #f0f0f0}._name_1k72y_32{color:#252525;flex:1 1 auto}._color_1k72y_21{width:20px;height:20px;border-radius:50%;border:1px solid #e6e6e6}._value_1k72y_44{color:#757575}._length_1k72y_48{cursor:pointer;width:fit-content}._length_1k72y_48:hover{border-bottom:1px solid #757575}._settings_ss3tc_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:3}._open_ss3tc_16{transform:translate(0)}._close_ss3tc_20{transform:translate(320px)}._header_ss3tc_24{display:flex;flex-direction:row;gap:8px;align-items:center}._title_ss3tc_31{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_ss3tc_38{display:flex;flex-direction:row;gap:4px;color:#ff3f19;align-items:center;cursor:pointer}._wrapper_joj7w_1{overflow-y:scroll}._category_joj7w_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_joj7w_11{font-weight:600;font-size:16px;line-height:24px}._color_joj7w_17{display:flex;flex-direction:column;gap:0px}._color_joj7w_17:not(:last-child){border-bottom:var(--default-border)}._content_joj7w_26{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;flex:1 1 auto}._preview_joj7w_35{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._tip_q9ixw_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:8px;border-radius:12px;width:100%;height:100%}._text_q9ixw_12{flex:1 1 auto;line-height:20px;font-size:14px}._warning_q9ixw_18{background:#faf8e6;color:#c1972a}._error_q9ixw_23{background:#ffc3b7;color:#ff3f19}._success_q9ixw_28{background:#e5fadd;color:#338b13}._hide_q9ixw_33{display:none}._wrapper_dv4am_2{overflow-y:scroll}._category_dv4am_6{display:flex;flex-direction:column;gap:0px}._categoryTitle_dv4am_12{font-weight:600;font-size:16px;line-height:24px}._color_dv4am_18{display:flex;flex-direction:column;gap:8px}._name_dv4am_24{line-height:20px;padding:0 4px 4px}._content_dv4am_29{display:flex;flex-direction:column;gap:0px;width:100%}._label_dv4am_36{display:flex;flex-direction:row;gap:5px;padding:8px 12px;border-radius:12px;align-items:center;width:100%;background-color:var(--background-color);cursor:pointer}._input_dv4am_48[type=color]{width:20px;height:20px;padding:1px}._input_dv4am_48{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_dv4am_48::-webkit-color-swatch{border-radius:50%;border:none}._input_dv4am_48::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_dv4am_74{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_dv4am_82{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_dv4am_82:not(:last-child){border-bottom:var(--default-border)}._alignments_dv4am_92{display:flex;flex-direction:column;gap:10px}._lineField_dv4am_98{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center}._style_dv4am_106{display:flex;flex-direction:column;gap:8px;flex:1 0 50%}._header_dv4am_113{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._blocks_emecf_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_emecf_1{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_emecf_21{border:1px solid #ff3f19}._wrapper_lov6e_1{overflow-y:scroll}._category_lov6e_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_lov6e_11{font-weight:600;font-size:16px;line-height:24px}._font_lov6e_17{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_lov6e_17:hover{background-color:var(--background-color);border-radius:8px}._font_lov6e_17:not(:last-child){border-bottom:var(--default-border)}._font_lov6e_17:not(:last-child):hover{border-bottom:1px solid var(--background-color)}._content_lov6e_38{display:flex;flex-direction:column;gap:0px;width:100%}._icon_lov6e_45{display:flex;flex-direction:row;gap:0px;padding:8px;border-radius:8px;background-color:var(--background-color);align-items:center;justify-content:center}._paragraph_lov6e_56{padding:12px}._deleteIcon_lov6e_60{position:absolute;right:10px;width:20px;height:20px}._iconButton_lov6e_67{width:32px;height:32px}._wrapper_smgf8_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_smgf8_16{transform:translate(0)}._close_smgf8_20{transform:translate(320px)}._header_smgf8_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_smgf8_32{font-weight:700;font-size:20px;line-height:24px}._options_smgf8_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_smgf8_45{opacity:0}._wrapper_1phvv_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_1phvv_16{transform:translate(0)}._close_1phvv_20{transform:translate(320px)}._header_1phvv_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_1phvv_32{font-weight:700;font-size:20px;line-height:24px}._options_1phvv_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1phvv_45{opacity:0}._label_1phvv_49{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1phvv_56{display:flex;flex-direction:column;gap:10px}._blocks_1phvv_62{display:flex;flex-direction:row;gap:8px;align-items:center}._alignment_1phvv_56{padding:8px;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1phvv_77{border:1px solid #ff3f19}._wrapper_gibny_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_gibny_12{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_gibny_23{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_gibny_31{display:flex;flex-direction:row;gap:12px;justify-content:end}._cancel_gibny_38{background-color:var(--background-color);color:var(--accent-color)}._label_gibny_43,._description_gibny_44{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_gibny_52{display:flex;flex-direction:column;gap:10px}._block_gibny_58{display:flex;flex-direction:column;gap:0px;padding:24px;border:1px solid var(--background-color);border-radius:8px}._slug_gibny_67{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_gibny_73{font-weight:600;font-size:16px;line-height:24px}._wrapper_ba9vp_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_ba9vp_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_ba9vp_18{display:flex;flex-direction:row;gap:20px}._radioLabel_ba9vp_24{display:flex;flex-direction:row;gap:0px;align-items:center;cursor:pointer;position:relative}._radio_ba9vp_24{position:absolute;opacity:0;cursor:pointer}._custom_ba9vp_39{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_ba9vp_24:checked+._custom_ba9vp_39{border-color:#ff3f19;background:#ffeae5}._custom_ba9vp_39:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#e53e3e;opacity:0}._radio_ba9vp_24:checked+._custom_ba9vp_39:after{opacity:1}._option_ba9vp_18{font-size:16px;line-height:24px;font-weight:400}._layout_3kge3_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;position:relative}._main_3kge3_10{display:flex;flex-direction:column;gap:0px;width:100%;position:relative}._content_3kge3_18{display:flex;flex-direction:row;gap:0px;position:relative;height:100%}._notification_3kge3_26{z-index:100000000;position:fixed;bottom:5px;right:5px;min-height:50px;min-width:200px}._wrapper_1yd2j_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;align-items:center;justify-content:center}._error_1yd2j_11{display:flex;flex-direction:column;gap:10px;background-color:var(--background-color);border:var(--default-border);padding:24px;border-radius:12px}._title_1yd2j_21{font-weight:700;color:#252525;font-size:20px;line-height:24px;padding-bottom:10px}._buttons_1yd2j_29{display:flex;flex-direction:row;gap:5px;align-items:center}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--billgang-color-signal-danger: #c12a2a;--billgang-color-brand-default: #ff3f19;--billgang-color-brand-light: #ffeae5;--billgang-color-brand-lighter: rgba(255, 64, 26, .1);--billgang-color-surface-0: #f8f8f8;--billgang-color-surface-100: #ffffff;--billgang-color-surface-200: #c2c2c2;--billgang-color-text-brandDefault: #252525;--billgang-color-text-secondary: #757575;--billgang-color-border-default: #f0f0f0;--billgang-color-border-hover: #e6e6e6;--billgang-color-shadow-0: #dfdfdf;--billgang-color-success-background: #e5fadd;--billgang-color-success-text: #338b13;--billgang-color-warning-background: #faf8e6;--billgang-color-warning-text: #c1972a;--billgang-color-error-background: #fae6e6;--billgang-color-dialog-backdrop: rgba(37, 37, 37, .25);--billgang-color-field-background-default: var( --billgang-color-surface-200 );--billgang-color-field-background-hover: var(--billgang-color-surface-100);--billgang-color-field-background-focus: var(--billgang-color-surface-100);--billgang-color-field-border-default: var(--billgang-color-surface-200);--billgang-color-field-border-hover: var(--billgang-color-surface-200);--billgang-color-field-border-focus: var(--billgang-color-brand-default);--billgang-shadow-0: 0 1px 0 var(--billgang-color-shadow-0);--billgang-shadow-field: 0 0 0 3px var(--billgang-color-brand-light);--billgang-shadow-dialog: 0 10px 20px rgba(0, 0, 0, .05)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.flex-center{display:flex;align-items:center;justify-content:center}.icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:24px;background-color:var(--billgang-color-surface-0)}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-4{top:1rem;right:1rem;bottom:1rem;left:1rem}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-3{bottom:.75rem}.bottom-\\[60px\\]{bottom:60px}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.right-\\[14px\\]{right:14px}.top-0{top:0}.top-6{top:1.5rem}.top-8{top:2rem}.-z-50{z-index:-50}.z-10{z-index:10}.z-50{z-index:50}.z-\\[1000\\]{z-index:1000}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.row-span-2{grid-row:span 2 / span 2}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-\\[6px\\]{margin-left:6px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[1px\\]{margin-top:1px}.mt-\\[2px\\]{margin-top:2px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-12{width:3rem;height:3rem}.size-4{width:1rem;height:1rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[21px\\]{height:21px}.h-\\[276px\\]{height:276px}.h-\\[28px\\]{height:28px}.h-\\[38px\\]{height:38px}.h-\\[4px\\]{height:4px}.h-\\[56px\\]{height:56px}.h-\\[80\\%\\]{height:80%}.h-\\[92\\%\\]{height:92%}.h-\\[92px\\]{height:92px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-8{max-height:2rem}.max-h-\\[230px\\]{max-height:230px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[96px\\]{min-height:96px}.min-h-svh{min-height:100svh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[120px\\]{width:120px}.w-\\[160px\\]{width:160px}.w-\\[20px\\]{width:20px}.w-\\[21px\\]{width:21px}.w-\\[256px\\]{width:256px}.w-\\[28px\\]{width:28px}.w-\\[56px\\]{width:56px}.w-\\[calc\\(100\\%\\/6\\)\\]{width:calc(100% / 6)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-12{min-width:3rem}.min-w-4{min-width:1rem}.min-w-8{min-width:2rem}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[18px\\]{min-width:18px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[1120px\\]{max-width:1120px}.max-w-\\[368px\\]{max-width:368px}.max-w-\\[376px\\]{max-width:376px}.max-w-\\[40\\%\\]{max-width:40%}.max-w-\\[456px\\]{max-width:456px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[85\\%\\]{max-width:85%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\\[minmax\\(120px\\,auto\\)_minmax\\(0\\,20\\%\\)_repeat\\(4\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) minmax(0,20%) repeat(4,minmax(min-content,auto))}.grid-cols-\\[minmax\\(120px\\,auto\\)_repeat\\(5\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) repeat(5,minmax(min-content,auto))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.\\!items-start{align-items:flex-start!important}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\\[6px\\]{gap:6px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[100px\\]{border-radius:100px}.rounded-\\[32px\\]{border-radius:32px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[6px\\]{border-radius:6px}.rounded-base{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:24px}.rounded-t-xl{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\\!border-brandDefault{border-color:var(--billgang-color-brand-default)!important}.border-borderDefault{border-color:var(--billgang-color-border-default)}.border-borderHover{border-color:var(--billgang-color-border-hover)}.border-brandDefault{border-color:var(--billgang-color-brand-default)}.border-textPrimary{border-color:var(--billgang-color-text-brandDefault)}.border-transparent{border-color:transparent}.border-x-borderDefault{border-left-color:var(--billgang-color-border-default);border-right-color:var(--billgang-color-border-default)}.border-x-brandDefault{border-left-color:var(--billgang-color-brand-default);border-right-color:var(--billgang-color-brand-default)}.border-x-surface100{border-left-color:var(--billgang-color-surface-100);border-right-color:var(--billgang-color-surface-100)}.border-b-transparent{border-bottom-color:transparent}.border-t-borderDefault{border-top-color:var(--billgang-color-border-default)}.border-t-brandDefault{border-top-color:var(--billgang-color-brand-default)}.border-t-surface100{border-top-color:var(--billgang-color-surface-100)}.\\!bg-surface0{background-color:var(--billgang-color-surface-0)!important}.bg-\\[rgba\\(37\\,37\\,37\\,0\\.24\\)\\]{background-color:#2525253d}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-borderDefault{background-color:var(--billgang-color-border-default)}.bg-brandDefault{background-color:var(--billgang-color-brand-default)}.bg-brandLight{background-color:var(--billgang-color-brand-light)}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-signalDangerBackground{background-color:var(--billgang-color-error-background)}.bg-successBackground{background-color:var(--billgang-color-success-background)}.bg-surface0{background-color:var(--billgang-color-surface-0)}.bg-surface100{background-color:var(--billgang-color-surface-100)}.bg-textPrimary{background-color:var(--billgang-color-text-brandDefault)}.bg-transparent{background-color:transparent}.bg-warningBackground{background-color:var(--billgang-color-warning-background)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.fill-brandDefault{fill:var(--billgang-color-brand-default)}.fill-signalDanger{fill:var(--billgang-color-signal-danger)}.fill-surface100{fill:var(--billgang-color-surface-100)}.fill-textPrimary{fill:var(--billgang-color-text-brandDefault)}.fill-textSecondary{fill:var(--billgang-color-text-secondary)}.stroke-borderDefault{stroke:var(--billgang-color-border-default)}.stroke-brandDefault{stroke:var(--billgang-color-brand-default)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[12px_16px\\]{padding:12px 16px}.p-\\[12px_16px_10px\\]{padding:12px 16px 10px}.p-\\[4px_8px\\]{padding:4px 8px}.p-\\[6px\\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-9{padding-bottom:2.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pl-\\[6px\\]{padding-left:6px}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:16px}.text-lg{font-size:20px}.text-sm{font-size:14px}.text-xl{font-size:24px}.text-xs{font-size:12px}.text-xxl{font-size:32px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-10{line-height:2.5rem}.text-brandDefault{color:var(--billgang-color-brand-default)}.text-signalDanger{color:var(--billgang-color-signal-danger)}.text-successText{color:var(--billgang-color-success-text)}.text-surface100{color:var(--billgang-color-surface-100)}.text-surface200{color:var(--billgang-color-surface-200)}.text-textPrimary{color:var(--billgang-color-text-brandDefault)}.text-textSecondary{color:var(--billgang-color-text-secondary)}.text-warningText{color:var(--billgang-color-warning-text)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-shadow0{--tw-shadow: var(--billgang-shadow-0);--tw-shadow-colored: var(--billgang-shadow-0);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: var(--billgang-color-shadow-0);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-2{outline-width:2px}.outline-offset-\\[-1px\\]{outline-offset:-1px}.outline-brandDefault{outline-color:var(--billgang-color-brand-default)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{font-family:Archivo,sans-serif;color:var(--billgang-color-text-brandDefault)}html,body,#root{height:100%}.grecaptcha-badge{visibility:hidden}.placeholder\\:text-surface200::-moz-placeholder{color:var(--billgang-color-surface-200)}.placeholder\\:text-surface200::placeholder{color:var(--billgang-color-surface-200)}.first\\:rounded-l-base:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.last\\:rounded-r-base:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.last\\:border-r-0:last-child{border-right-width:0px}.last-of-type\\:border-none:last-of-type{border-style:none}.last-of-type\\:pb-0:last-of-type{padding-bottom:0}.hover\\:bg-surface100:hover{background-color:var(--billgang-color-surface-100)}.hover\\:text-textPrimary:hover{color:var(--billgang-color-text-brandDefault)}.hover\\:underline:hover{text-decoration-line:underline}.disabled\\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 768px){.md\\:bottom-auto{bottom:auto}.md\\:left-1\\/2{left:50%}.md\\:top-1\\/2{top:50%}.md\\:mb-0{margin-bottom:0}.md\\:ml-auto{margin-left:auto}.md\\:mr-4{margin-right:1rem}.md\\:mt-0{margin-top:0}.md\\:mt-5{margin-top:1.25rem}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-\\[92px\\]{height:92px}.md\\:h-auto{height:auto}.md\\:h-full{height:100%}.md\\:h-svh{height:100svh}.md\\:max-h-svh{max-height:100svh}.md\\:min-h-\\[92px\\]{min-height:92px}.md\\:w-\\[320px\\]{width:320px}.md\\:w-\\[40\\%\\]{width:40%}.md\\:w-\\[50\\%\\]{width:50%}.md\\:w-\\[640px\\]{width:640px}.md\\:w-\\[720px\\]{width:720px}.md\\:w-auto{width:auto}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:w-full{width:100%}.md\\:max-w-\\[520px\\]{max-width:520px}.md\\:-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-\\[1\\]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:flex-col-reverse{flex-direction:column-reverse}.md\\:items-start{align-items:flex-start}.md\\:items-end{align-items:flex-end}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-2{gap:.5rem}.md\\:gap-3{gap:.75rem}.md\\:overflow-auto{overflow:auto}.md\\:rounded-none{border-radius:0}.md\\:rounded-xl{border-radius:24px}.md\\:border-none{border-style:none}.md\\:bg-transparent{background-color:transparent}.md\\:p-10{padding:2.5rem}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-6{padding-bottom:1.5rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-0{padding-top:0}.md\\:opacity-0{opacity:0}.md\\:opacity-100{opacity:1}}@media (min-width: 1024px){.lg\\:bottom-10{bottom:2.5rem}.lg\\:left-auto{left:auto}.lg\\:right-0{right:0}.lg\\:col-span-1{grid-column:span 1 / span 1}.lg\\:col-span-4{grid-column:span 4 / span 4}.lg\\:mb-0{margin-bottom:0}.lg\\:ml-3{margin-left:.75rem}.lg\\:h-\\[72px\\]{height:72px}.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-4{gap:1rem}.lg\\:p-6{padding:1.5rem}.lg\\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\\:pb-6{padding-bottom:1.5rem}}@media (min-width: 1280px){.xl\\:mt-1{margin-top:.25rem}.xl\\:block{display:block}.xl\\:flex{display:flex}.xl\\:max-w-\\[320px\\]{max-width:320px}.xl\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\\:flex-row{flex-direction:row}.xl\\:rounded-base{border-radius:12px}.xl\\:border-r{border-right-width:1px}.xl\\:border-none{border-style:none}.xl\\:bg-surface0{background-color:var(--billgang-color-surface-0)}.xl\\:p-6{padding:1.5rem}.xl\\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.xl\\:pr-0{padding-right:0}.xl\\:pr-10{padding-right:2.5rem}.xl\\:pr-4{padding-right:1rem}.xl\\:hover\\:bg-surface0:hover{background-color:var(--billgang-color-surface-0)}}._wrapper_9rr5j_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_9rr5j_8{display:flex;flex-direction:column;gap:6px;padding:10px 0 16px}._title_9rr5j_15{font-weight:700;line-height:24px;font-size:16px;color:var(--main-color)}._subtitle_9rr5j_22{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._alignmentContent_9rr5j_29{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:stretch}._alignments_9rr5j_37{border-radius:12px;background:var(--background-color);display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_9rr5j_8{display:flex;flex-direction:row;gap:0px;cursor:pointer;height:100%;width:100%;align-items:center;justify-content:center}._circle_9rr5j_58{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_9rr5j_65{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_9rr5j_65{display:flex;flex-direction:row;gap:4px;width:68px;align-items:center;background:var(--background-color);border-radius:12px;padding:10px 8px}._input_9rr5j_84{width:100%}._title_18dz7_1{font-weight:700}._subtitle_18dz7_5{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_18dz7_12,._text_18dz7_13{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._top_18dz7_21{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_18dz7_30{display:flex;flex-direction:column;gap:6px}._typeTexts_rcw8p_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_rcw8p_8{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_rcw8p_21{border:1px solid #ff3f19}._title_1tzq7_1{font-weight:700}._subtitle_1tzq7_5{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1tzq7_12,._text_1tzq7_13,._productsBlock_1tzq7_14{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_1tzq7_14{position:relative}._top_1tzq7_26{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1tzq7_35{display:flex;flex-direction:column;gap:6px}._typeTexts_1tzq7_41{display:flex;flex-direction:row;gap:8px;align-items:center}._block_1tzq7_48{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1tzq7_61{border:1px solid #ff3f19}._products_1tzq7_14{display:flex;flex-direction:column;gap:8px;width:100%}._product_1tzq7_14{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_1tzq7_80{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._disabled_1tzq7_91{color:var(--accent-color)}._image_1tzq7_95{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_1tzq7_102{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_1tzq7_114{flex:1 1 100%}._buttons_1tzq7_118{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_1tzq7_125{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px;max-height:500px;overflow-y:auto}._modal_1tzq7_125 ._top_1tzq7_26{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_1tzq7_147{display:flex;flex-direction:column;gap:8px}._modalOptions_1tzq7_153{display:flex;flex-direction:column;gap:10px}._other_g74jx_1{display:flex;flex-direction:column;gap:6px}._subtitle_g74jx_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._items_g74jx_14{display:flex;flex-direction:column;gap:8px}._title_fyopx_1{font-weight:700}._subtitle_fyopx_5{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_fyopx_12,._text_fyopx_13,._productsBlock_fyopx_14{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_fyopx_14{position:relative}._top_fyopx_26{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_fyopx_35{display:flex;flex-direction:column;gap:6px}._typeTexts_fyopx_41{display:flex;flex-direction:row;gap:8px;align-items:center}._block_fyopx_48{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_fyopx_61{border:1px solid #ff3f19}._products_fyopx_14{display:flex;flex-direction:column;gap:8px;width:100%}._product_fyopx_14{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_fyopx_80{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._disabled_fyopx_91{color:var(--accent-color)}._image_fyopx_95{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_fyopx_102{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_fyopx_114{flex:1 1 100%}._buttons_fyopx_118{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_fyopx_125{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_fyopx_125 ._top_fyopx_26{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_fyopx_145{display:flex;flex-direction:column;gap:8px}._modalOptions_fyopx_151{display:flex;flex-direction:column;gap:10px}._title_dkxs6_1{font-weight:700}._subtitle_dkxs6_5{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_dkxs6_12,._text_dkxs6_13,._productsBlock_dkxs6_14,._buttonsBlock_dkxs6_15{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px}._buttonsBlock_dkxs6_15{position:relative}._top_dkxs6_26{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_dkxs6_35{display:flex;flex-direction:column;gap:6px}._typeTexts_dkxs6_41{display:flex;flex-direction:row;gap:8px;align-items:center}._block_dkxs6_48{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_dkxs6_60{border:1px solid #ff3f19}._products_dkxs6_14{display:flex;flex-direction:column;gap:8px;width:100%}._product_dkxs6_14{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_dkxs6_15{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_dkxs6_90{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_dkxs6_97{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_dkxs6_109{flex:1 1 100%}._buttons_dkxs6_15{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_dkxs6_120{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px;max-height:500px;overflow-y:auto}._modal_dkxs6_120 ._top_dkxs6_26{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_dkxs6_140{display:flex;flex-direction:column;gap:6px}._options_dkxs6_146{display:flex;flex-direction:column;gap:15px}._subtitle_m8qel_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_m8qel_8,._text_m8qel_9,._productsBlock_m8qel_10,._buttonsBlock_m8qel_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._buttonsBlock_m8qel_11{position:relative}._top_m8qel_23{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_m8qel_32{display:flex;flex-direction:column;gap:6px}._typeTexts_m8qel_38{display:flex;flex-direction:row;gap:8px;align-items:center}._block_m8qel_45{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_m8qel_58{border:1px solid #ff3f19}._products_m8qel_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_m8qel_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_m8qel_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_m8qel_88{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_m8qel_95{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_m8qel_107{flex:1 1 100%}._buttons_m8qel_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_m8qel_118{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_m8qel_118 ._top_m8qel_23{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_m8qel_137{display:flex;flex-direction:column;gap:6px}._options_m8qel_143{display:flex;flex-direction:column;gap:15px}._wrapper_m18qi_1{display:flex;flex-direction:column;gap:6px}._subtitle_m18qi_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._content_m18qi_14{display:flex;flex-direction:row;gap:10px;align-items:center;width:100%}._range_m18qi_22{position:relative;flex:1}._track_m18qi_27{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_m18qi_36{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_m18qi_46{display:flex;flex-direction:row;gap:0px;position:absolute;justify-content:space-between;width:100%}._dot_m18qi_46{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_m18qi_46._active_m18qi_65{background-color:#ff3f19;transform:scale(1)}._dot_m18qi_46:not(._active_m18qi_65){background-color:#e5e7eb;transform:scale(.9)}._dot_m18qi_46:hover{transform:scale(1.1)}._input_m18qi_77{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_m18qi_77::-webkit-slider-thumb,._input_m18qi_77::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_m18qi_91{display:flex;flex-direction:row;gap:10px;align-items:center;padding:8px 12px;background:var(--background-color);border-radius:12px}._count_m18qi_91{font-size:16px;font-weight:400;line-height:24px}._controls_m18qi_107{display:flex;flex-direction:column;gap:0px}._button_m18qi_113{transition:background-color .2s}._button_m18qi_113:hover{background-color:#f3f4f6}._button_m18qi_113:disabled{opacity:.5}._title_1hw31_1{font-weight:700}._subtitle_1hw31_5{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1hw31_12,._text_1hw31_13,._productsBlock_1hw31_14{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_1hw31_14{position:relative}._top_1hw31_26{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1hw31_35{display:flex;flex-direction:column;gap:6px}._typeTexts_1hw31_41{display:flex;flex-direction:row;gap:8px;align-items:center}._block_1hw31_48{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1hw31_61{border:1px solid #ff3f19}._products_1hw31_14{display:flex;flex-direction:column;gap:8px;width:100%}._product_1hw31_14{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_1hw31_80{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_1hw31_91{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_1hw31_98{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_1hw31_110{flex:1 1 100%}._buttons_1hw31_114{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_1hw31_121{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_1hw31_121 ._top_1hw31_26{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_1hw31_141{display:flex;flex-direction:column;gap:8px}._modalOptions_1hw31_147{display:flex;flex-direction:column;gap:10px}._options_1u21a_1{display:flex;flex-direction:column;gap:20px;border-radius:16px;border:var(--default-border);width:100%;height:fit-content;padding:24px}._price_1u21a_12{display:flex;flex-direction:row;gap:4px;align-items:flex-start}._oldPrice_1u21a_19{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:var(--accent-color)}._newPrice_1u21a_27{font-size:20px;font-weight:700;line-height:24px;color:var(--main-color)}._meta_1u21a_34{display:flex;flex-direction:column;gap:10px}._info_1u21a_40{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}._infoRight_1u21a_48{display:flex;flex-direction:row;gap:5px;align-items:center}._buttons_1u21a_55{display:flex;flex-direction:column;gap:8px;width:100%}._variants_1u21a_62{display:flex;flex-direction:column;gap:20px}._variant_1u21a_62{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;border-radius:12px;padding:12px 16px;border:2px solid #e6e6e6}._stock_1u21a_79{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._variantInfo_1u21a_86{display:flex;flex-direction:column;gap:4px}._quantity_1u21a_92{display:flex;flex-direction:row;gap:10px;align-items:stretch}._count_1u21a_99{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_1u21a_55{display:flex;flex-direction:row;gap:0px;background:var(--background-color);border-radius:50%;padding:8px;justify-content:center;align-items:center}._button_1u21a_55:disabled{opacity:.7}._activeVariant_1u21a_124{border:2px solid #ff3f19}._chargeTypes_1u21a_128{display:flex;flex-direction:row;gap:5px;padding:4px;border-radius:16px;background-color:var(--background-color)}._charge_1u21a_128{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;color:var(--accent-color);padding:8px;border-radius:12px}._chargeActive_1u21a_149{background-color:#fff;color:var(--main-color)}._title_1u21a_154{font-size:16px;font-weight:700;line-height:24px}._button_iohac_1{display:flex;flex-direction:row;gap:0px;align-items:center;padding:10px;background-color:var(--surface-secondary);border-radius:12px;color:var(--text-secondary);cursor:pointer;position:relative}._login_iohac_14{padding:12px 16px}._signUp_iohac_18{background-color:var(--surface-action1);color:var(--text-inverted)}._buttons_iohac_23{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px}._modal_iohac_32{background-color:#fff;height:100vh;position:absolute;right:0;top:0;bottom:0;align-self:flex-end;justify-self:flex-end;border-top-left-radius:24px;border-bottom-left-radius:24px;width:100%;min-width:300px;max-width:450px}._info_iohac_48{display:flex;flex-direction:row;gap:8px;align-items:center}._top_iohac_55{display:flex;flex-direction:row;padding:26px 24px;border-bottom:var(--default-border);align-items:center;justify-content:space-between;gap:8px}._title_iohac_66{font-size:20px;font-weight:700;line-height:24px}._clear_iohac_72{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_iohac_79{color:#ff3f19}._count_iohac_83{display:flex;flex-direction:row;gap:0px;background:#ff3f19;color:#fff;width:100%;height:100%;border-radius:50%;min-width:20px;min-height:20px;align-items:center;justify-content:center}._cart_iohac_98{display:flex;flex-direction:column;gap:0px;height:calc(100% - 76px);width:100%}._empty_iohac_106{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;height:100%;flex:1 1 auto;color:var(--accent-color)}._empty_iohac_106 div{padding-bottom:16px}._empty_iohac_106 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_iohac_106 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_iohac_132{display:flex;flex-direction:row;gap:0px;padding:26px 24px;align-items:center;justify-content:space-between}._products_iohac_141{display:flex;flex-direction:column;gap:0px;flex:1 1 auto;overflow-y:scroll}._image_iohac_149{width:56px;height:56px;border-radius:12px}._productInfo_iohac_155{display:flex;flex-direction:row;gap:12px;align-items:center}._content_iohac_162{display:flex;flex-direction:column;gap:4px}._name_iohac_168{font-size:16px;font-weight:600;line-height:24px}._price_iohac_174{font-size:16px;font-weight:400;line-height:24px}._productButtons_iohac_180{display:flex;flex-direction:row;gap:5px;align-items:center}._productButton_iohac_180{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;min-width:36px;min-height:36px;background-color:var(--background-color)}._productCount_iohac_200{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:var(--main-color);background-color:var(--background-color)}._bottom_iohac_216{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_iohac_224{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._block_iohac_232{display:flex;flex-direction:row;gap:10px;align-items:center}._shoppingCount_iohac_239{display:flex;flex-direction:row;gap:0px;width:12px;height:12px;border-radius:50%;align-items:center;justify-content:center;background-color:#ff3f19;color:#fff;font-size:10px;font-weight:500;line-height:12px;text-align:center;position:absolute;top:8px;right:8px}._total_iohac_259{font-size:20px;font-weight:700;line-height:24px}._link_iohac_265{font-size:16px;font-weight:400;line-height:24px;color:var(--text-link)}._userInfo_iohac_272{display:flex;flex-direction:row;gap:8px;background-color:var(--surface-secondary);cursor:pointer;align-items:center;border-radius:16px;padding:6px}._button_143au_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_143au_1:disabled{opacity:.7;cursor:auto}._primary_143au_13{color:var(--text-inverted);background-color:var(--surface-action1)}._secondary_143au_18,._tertiary_143au_23{color:var(--text-secondary);background-color:var(--surface-secondary)}._content_143au_28{display:flex;flex-direction:row;gap:4px;align-items:center}._share_9g414_1{padding:10px;border-radius:12px;background:#f8f8f8;cursor:pointer}._modal_9g414_8{border-radius:12px;background:#fff;width:fit-content}._header_9g414_14{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:var(--default-border)}._socials_9g414_24{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between;padding:24px 24px 16px}._social_9g414_24,._copy_9g414_34{padding:12px;border-radius:12px;background:#f8f8f8;cursor:pointer}._title_9g414_41{font-size:24px;font-weight:700;line-height:32px}._copyWrapper_9g414_47{display:flex;flex-direction:row;gap:16px;width:100%;align-items:center;padding:0 24px 24px}._copyText_9g414_56{flex:1 1 auto}._accordion_9e4oa_1{border-radius:24px;overflow:hidden;transition:all .3s ease;background-color:var(--background-color);padding:24px}._header_9e4oa_9{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}._header_9e4oa_9 ._icon_9e4oa_18{transition:transform .3s ease}._header_9e4oa_9 ._icon_9e4oa_18._open_9e4oa_21{transform:rotate(180deg)}._content_9e4oa_25{overflow:hidden;transition:height .3s ease}._wrapper_1mken_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1mken_9{width:100%;color:var(--text-secondary);line-height:20px;font-size:14px;font-weight:400}._input_1mken_17{width:100%;background-color:var(--surface-secondary);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--surface-secondary)}._input_1mken_17::placeholder{color:var(--text-tertiary)}._input_1mken_17:disabled{background-color:var(--surface-secondary);opacity:.7}._required_1mken_36{border:1px solid var(--border-warning)}._paddingless_1mken_40{padding:0}._content_1mken_44{display:flex;flex-direction:row;gap:8px;position:relative;align-items:center}._borderless_1mken_52{border-radius:0;border:none}._rightIcon_1mken_57{position:absolute;top:10px;right:12px}._wrapper_st58d_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_st58d_10{width:100%;color:var(--text-secondary);line-height:20px;font-size:14px;font-weight:400}._textarea_st58d_18{width:100%;background-color:var(--surface-secondary);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_st58d_18::placeholder{color:var(--text-tertiary)}._length_st58d_33{position:absolute;bottom:12px;right:12px;color:var(--text-tertiary);line-height:20px}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
+ import { i as je, A as Me, G as ct, k as E, l as D, m as Q, n as Z, j as e, e as ce, B as K, o as I, f as dt, L as Ae, p as ut, q as ht, r as pt, s as gt, c as P, I as A, t as Ve, w as te, x as mt, y as Je, z as _t, E as Be, F as St, J as Ne, K as _e, N as Pe, D as ft, H as bt, u as Ct, d as wt, a as U, b as le, O as ke, S as He, P as Ze, Q as vt, T as xt, R as kt, M as Oe, h as yt, U as Ue, V as jt, W as At, X as Bt, Y as Nt, Z as Pt, _ as Tt, $ as Lt, a0 as Ft, a1 as Rt } from "./index-g_P5DY05.js";
3
+ import S, { useMemo as et } from "react";
4
+ const Dt = [
5
5
  {
6
6
  icon: "Desktop",
7
7
  value: "desktop"
@@ -14,7 +14,9 @@ const Ft = [
14
14
  icon: "DeviceMobileCamera",
15
15
  value: "mobile"
16
16
  }
17
- ], $t = [
17
+ ];
18
+ var $t = /* @__PURE__ */ ((t) => (t.ICON_LINK = "--icon-link", t.ICON_ERROR = "--icon-error", t.ICON_ACTION = "--icon-action", t.ICON_PRIMARY = "--icon-primary", t.ICON_SUCCESS = "--icon-success", t.ICON_WARNING = "--icon-warning", t.ICON_DISABLED = "--icon-disabled", t.ICON_INVERTED = "--icon-inverted", t.ICON_TERTIARY = "--icon-tertiary", t.ICON_SECONDARY = "--icon-secondary", t.ICON_ACTION_HOVER = "--icon-actionHover", t.ICON_INFORMATION = "--icon-information", t.TEXT_LINK = "--text-link", t.TEXT_ERROR = "--text-error", t.TEXT_ACTION = "--text-action", t.TEXT_PRIMARY = "--text-primary", t.TEXT_SUCCESS = "--text-success", t.TEXT_WARNING = "--text-warning", t.TEXT_DISABLED = "--text-disabled", t.TEXT_INVERTED = "--text-inverted", t.TEXT_TERTIARY = "--text-tertiary", t.TEXT_SECONDARY = "--text-secondary", t.TEXT_ACTION_HOVER = "--text-actionHover", t.TEXT_INFORMATION = "--text-information", t.BORDER_ERROR = "--border-error", t.BORDER_FOCUS = "--border-focus", t.BORDER_ACTION = "--border-action", t.BORDER_PRIMARY = "--border-primary", t.BORDER_SUCCESS = "--border-success", t.BORDER_WARNING = "--border-warning", t.BORDER_DISABLED = "--border-disabled", t.BORDER_SECONDARY = "--border-secondary", t.BORDER_ACTION_HOVER = "--border-actionHover", t.BORDER_INFORMATION = "--border-information", t.SURFACE_ERROR = "--surface-error", t.SURFACE_MODAL = "--surface-modal", t.SURFACE_ACTION1 = "--surface-action1", t.SURFACE_ACTION2 = "--surface-action2", t.SURFACE_PRIMARY = "--surface-primary", t.SURFACE_SUCCESS = "--surface-success", t.SURFACE_WARNING = "--surface-warning", t.SURFACE_DISABLED = "--surface-disabled", t.SURFACE_SECONDARY = "--surface-secondary", t.SURFACE_INFORMATION = "--surface-information", t.SURFACE_ACTION1_HOVER = "--surface-action1Hover", t.SURFACE_ACTION2_HOVER = "--surface-action2Hover", t))($t || {});
19
+ const Et = [
18
20
  {
19
21
  icon: "PaintBrushBroad",
20
22
  name: "Colors"
@@ -35,7 +37,7 @@ const Ft = [
35
37
  icon: "Textbox",
36
38
  name: "Inputs"
37
39
  }
38
- ], he = [
40
+ ], me = [
39
41
  "home",
40
42
  "reviews",
41
43
  "faqs",
@@ -43,7 +45,7 @@ const Ft = [
43
45
  "product",
44
46
  "ticket",
45
47
  "login"
46
- ], Be = {
48
+ ], Te = {
47
49
  home: {
48
50
  path: "/",
49
51
  name: "home",
@@ -114,34 +116,34 @@ const Ft = [
114
116
  },
115
117
  visibility: "public"
116
118
  }
117
- }, Or = ["Acorn", "Activity", "AddressBook", "AddressBookTabs", "AirTrafficControl", "Airplane", "AirplaneInFlight", "AirplaneLanding", "AirplaneTakeoff", "AirplaneTaxiing", "AirplaneTilt", "Airplay", "Alarm", "Alien", "AlignBottom", "AlignBottomSimple", "AlignCenterHorizontal", "AlignCenterHorizontalSimple", "AlignCenterVertical", "AlignCenterVerticalSimple", "AlignLeft", "AlignLeftSimple", "AlignRight", "AlignRightSimple", "AlignTop", "AlignTopSimple", "AmazonLogo", "Ambulance", "Anchor", "AnchorSimple", "AndroidLogo", "Angle", "AngularLogo", "Aperture", "AppStoreLogo", "AppWindow", "AppleLogo", "ApplePodcastsLogo", "ApproximateEquals", "Archive", "ArchiveBox", "ArchiveTray", "Armchair", "ArrowArcLeft", "ArrowArcRight", "ArrowBendDoubleUpLeft", "ArrowBendDoubleUpRight", "ArrowBendDownLeft", "ArrowBendDownRight", "ArrowBendLeftDown", "ArrowBendLeftUp", "ArrowBendRightDown", "ArrowBendRightUp", "ArrowBendUpLeft", "ArrowBendUpRight", "ArrowCircleDown", "ArrowCircleDownLeft", "ArrowCircleDownRight", "ArrowCircleLeft", "ArrowCircleRight", "ArrowCircleUp", "ArrowCircleUpLeft", "ArrowCircleUpRight", "ArrowClockwise", "ArrowCounterClockwise", "ArrowDown", "ArrowDownLeft", "ArrowDownRight", "ArrowElbowDownLeft", "ArrowElbowDownRight", "ArrowElbowLeft", "ArrowElbowLeftDown", "ArrowElbowLeftUp", "ArrowElbowRight", "ArrowElbowRightDown", "ArrowElbowRightUp", "ArrowElbowUpLeft", "ArrowElbowUpRight", "ArrowFatDown", "ArrowFatLeft", "ArrowFatLineDown", "ArrowFatLineLeft", "ArrowFatLineRight", "ArrowFatLineUp", "ArrowFatLinesDown", "ArrowFatLinesLeft", "ArrowFatLinesRight", "ArrowFatLinesUp", "ArrowFatRight", "ArrowFatUp", "ArrowLeft", "ArrowLineDown", "ArrowLineDownLeft", "ArrowLineDownRight", "ArrowLineLeft", "ArrowLineRight", "ArrowLineUp", "ArrowLineUpLeft", "ArrowLineUpRight", "ArrowRight", "ArrowSquareDown", "ArrowSquareDownLeft", "ArrowSquareDownRight", "ArrowSquareIn", "ArrowSquareLeft", "ArrowSquareOut", "ArrowSquareRight", "ArrowSquareUp", "ArrowSquareUpLeft", "ArrowSquareUpRight", "ArrowUDownLeft", "ArrowUDownRight", "ArrowULeftDown", "ArrowULeftUp", "ArrowURightDown", "ArrowURightUp", "ArrowUUpLeft", "ArrowUUpRight", "ArrowUp", "ArrowUpLeft", "ArrowUpRight", "ArrowsClockwise", "ArrowsCounterClockwise", "ArrowsDownUp", "ArrowsHorizontal", "ArrowsIn", "ArrowsInCardinal", "ArrowsInLineHorizontal", "ArrowsInLineVertical", "ArrowsInSimple", "ArrowsLeftRight", "ArrowsMerge", "ArrowsOut", "ArrowsOutCardinal", "ArrowsOutLineHorizontal", "ArrowsOutLineVertical", "ArrowsOutSimple", "ArrowsSplit", "ArrowsVertical", "Article", "ArticleMedium", "ArticleNyTimes", "Asclepius", "Asterisk", "AsteriskSimple", "At", "Atom", "Avocado", "Axe", "Baby", "BabyCarriage", "Backpack", "Backspace", "Bag", "BagSimple", "Balloon", "Bandaids", "Bank", "Barbell", "Barcode", "Barn", "Barricade", "Baseball", "BaseballCap", "BaseballHelmet", "Basket", "Basketball", "Bathtub", "BatteryCharging", "BatteryChargingVertical", "BatteryEmpty", "BatteryFull", "BatteryHigh", "BatteryLow", "BatteryMedium", "BatteryPlus", "BatteryPlusVertical", "BatteryVerticalEmpty", "BatteryVerticalFull", "BatteryVerticalHigh", "BatteryVerticalLow", "BatteryVerticalMedium", "BatteryWarning", "BatteryWarningVertical", "BeachBall", "Beanie", "Bed", "BeerBottle", "BeerStein", "BehanceLogo", "Bell", "BellRinging", "BellSimple", "BellSimpleRinging", "BellSimpleSlash", "BellSimpleZ", "BellSlash", "BellZ", "Belt", "BezierCurve", "Bicycle", "Binary", "Binoculars", "Biohazard", "Bird", "Blueprint", "Bluetooth", "BluetoothConnected", "BluetoothSlash", "BluetoothX", "Boat", "Bomb", "Bone", "Book", "BookBookmark", "BookOpen", "BookOpenText", "BookOpenUser", "Bookmark", "BookmarkSimple", "Bookmarks", "BookmarksSimple", "Books", "Boot", "Boules", "BoundingBox", "BowlFood", "BowlSteam", "BowlingBall", "BoxArrowDown", "BoxArrowUp", "BoxingGlove", "BracketsAngle", "BracketsCurly", "BracketsRound", "BracketsSquare", "Brain", "Brandy", "Bread", "Bridge", "Briefcase", "BriefcaseMetal", "Broadcast", "Broom", "Browser", "Browsers", "Bug", "BugBeetle", "BugDroid", "Building", "BuildingApartment", "BuildingOffice", "Buildings", "Bulldozer", "Bus", "Butterfly", "CableCar", "Cactus", "Caduceus", "Cake", "Calculator", "Calendar", "CalendarBlank", "CalendarCheck", "CalendarDot", "CalendarDots", "CalendarHeart", "CalendarMinus", "CalendarPlus", "CalendarSlash", "CalendarStar", "CalendarX", "CallBell", "Camera", "CameraPlus", "CameraRotate", "CameraSlash", "Campfire", "Car", "CarBattery", "CarProfile", "CarSimple", "Cardholder", "Cards", "CardsThree", "CaretCircleDoubleDown", "CaretCircleDoubleLeft", "CaretCircleDoubleRight", "CaretCircleDoubleUp", "CaretCircleDown", "CaretCircleLeft", "CaretCircleRight", "CaretCircleUp", "CaretCircleUpDown", "CaretDoubleDown", "CaretDoubleLeft", "CaretDoubleRight", "CaretDoubleUp", "CaretDown", "CaretLeft", "CaretLineDown", "CaretLineLeft", "CaretLineRight", "CaretLineUp", "CaretRight", "CaretUp", "CaretUpDown", "Carrot", "CashRegister", "CassetteTape", "CastleTurret", "Cat", "CellSignalFull", "CellSignalHigh", "CellSignalLow", "CellSignalMedium", "CellSignalNone", "CellSignalSlash", "CellSignalX", "CellTower", "Certificate", "Chair", "Chalkboard", "ChalkboardSimple", "ChalkboardTeacher", "Champagne", "ChargingStation", "ChartBar", "ChartBarHorizontal", "ChartDonut", "ChartLine", "ChartLineDown", "ChartLineUp", "ChartPie", "ChartPieSlice", "ChartPolar", "ChartScatter", "Chat", "ChatCentered", "ChatCenteredDots", "ChatCenteredSlash", "ChatCenteredText", "ChatCircle", "ChatCircleDots", "ChatCircleSlash", "ChatCircleText", "ChatDots", "ChatSlash", "ChatTeardrop", "ChatTeardropDots", "ChatTeardropSlash", "ChatTeardropText", "ChatText", "Chats", "ChatsCircle", "ChatsTeardrop", "Check", "CheckCircle", "CheckFat", "CheckSquare", "CheckSquareOffset", "Checkerboard", "Checks", "Cheers", "Cheese", "ChefHat", "Cherries", "Church", "Cigarette", "CigaretteSlash", "Circle", "CircleDashed", "CircleHalf", "CircleHalfTilt", "CircleNotch", "CircleWavy", "CircleWavyCheck", "CircleWavyQuestion", "CircleWavyWarning", "CirclesFour", "CirclesThree", "CirclesThreePlus", "Circuitry", "City", "Clipboard", "ClipboardText", "Clock", "ClockAfternoon", "ClockClockwise", "ClockCountdown", "ClockCounterClockwise", "ClockUser", "ClosedCaptioning", "Cloud", "CloudArrowDown", "CloudArrowUp", "CloudCheck", "CloudFog", "CloudLightning", "CloudMoon", "CloudRain", "CloudSlash", "CloudSnow", "CloudSun", "CloudWarning", "CloudX", "Clover", "Club", "CoatHanger", "CodaLogo", "Code", "CodeBlock", "CodeSimple", "CodepenLogo", "CodesandboxLogo", "Coffee", "CoffeeBean", "Coin", "CoinVertical", "Coins", "Columns", "ColumnsPlusLeft", "ColumnsPlusRight", "Command", "Compass", "CompassRose", "CompassTool", "ComputerTower", "Confetti", "ContactlessPayment", "Control", "Cookie", "CookingPot", "Copy", "CopySimple", "Copyleft", "Copyright", "CornersIn", "CornersOut", "Couch", "CourtBasketball", "Cow", "CowboyHat", "Cpu", "Crane", "CraneTower", "CreditCard", "Cricket", "Crop", "Cross", "Crosshair", "CrosshairSimple", "Crown", "CrownCross", "CrownSimple", "Cube", "CubeFocus", "CubeTransparent", "CurrencyBtc", "CurrencyCircleDollar", "CurrencyCny", "CurrencyDollar", "CurrencyDollarSimple", "CurrencyEth", "CurrencyEur", "CurrencyGbp", "CurrencyInr", "CurrencyJpy", "CurrencyKrw", "CurrencyKzt", "CurrencyNgn", "CurrencyRub", "Cursor", "CursorClick", "CursorText", "Cylinder", "Database", "Desk", "Desktop", "DesktopTower", "Detective", "DevToLogo", "DeviceMobile", "DeviceMobileCamera", "DeviceMobileSlash", "DeviceMobileSpeaker", "DeviceRotate", "DeviceTablet", "DeviceTabletCamera", "DeviceTabletSpeaker", "Devices", "Diamond", "DiamondsFour", "DiceFive", "DiceFour", "DiceOne", "DiceSix", "DiceThree", "DiceTwo", "Disc", "DiscoBall", "DiscordLogo", "Divide", "Dna", "Dog", "Door", "DoorOpen", "Dot", "DotOutline", "DotsNine", "DotsSix", "DotsSixVertical", "DotsThree", "DotsThreeCircle", "DotsThreeCircleVertical", "DotsThreeOutline", "DotsThreeOutlineVertical", "DotsThreeVertical", "Download", "DownloadSimple", "Dress", "Dresser", "DribbbleLogo", "Drone", "Drop", "DropHalf", "DropHalfBottom", "DropSimple", "DropSlash", "DropboxLogo", "Ear", "EarSlash", "Egg", "EggCrack", "Eject", "EjectSimple", "Elevator", "Empty", "Engine", "Envelope", "EnvelopeOpen", "EnvelopeSimple", "EnvelopeSimpleOpen", "Equalizer", "Equals", "Eraser", "EscalatorDown", "EscalatorUp", "Exam", "ExclamationMark", "Exclude", "ExcludeSquare", "Export", "Eye", "EyeClosed", "EyeSlash", "Eyedropper", "EyedropperSample", "Eyeglasses", "Eyes", "FaceMask", "FacebookLogo", "Factory", "Faders", "FadersHorizontal", "FalloutShelter", "Fan", "Farm", "FastForward", "FastForwardCircle", "Feather", "FediverseLogo", "FigmaLogo", "File", "FileArchive", "FileArrowDown", "FileArrowUp", "FileAudio", "FileC", "FileCSharp", "FileCloud", "FileCode", "FileCpp", "FileCss", "FileCsv", "FileDashed", "FileDoc", "FileDotted", "FileHtml", "FileImage", "FileIni", "FileJpg", "FileJs", "FileJsx", "FileLock", "FileMagnifyingGlass", "FileMd", "FileMinus", "FilePdf", "FilePlus", "FilePng", "FilePpt", "FilePy", "FileRs", "FileSearch", "FileSql", "FileSvg", "FileText", "FileTs", "FileTsx", "FileTxt", "FileVideo", "FileVue", "FileX", "FileXls", "FileZip", "Files", "FilmReel", "FilmScript", "FilmSlate", "FilmStrip", "Fingerprint", "FingerprintSimple", "FinnTheHuman", "Fire", "FireExtinguisher", "FireSimple", "FireTruck", "FirstAid", "FirstAidKit", "Fish", "FishSimple", "Flag", "FlagBanner", "FlagBannerFold", "FlagCheckered", "FlagPennant", "Flame", "Flashlight", "Flask", "FlipHorizontal", "FlipVertical", "FloppyDisk", "FloppyDiskBack", "FlowArrow", "Flower", "FlowerLotus", "FlowerTulip", "FlyingSaucer", "Folder", "FolderDashed", "FolderDotted", "FolderLock", "FolderMinus", "FolderNotch", "FolderNotchMinus", "FolderNotchOpen", "FolderNotchPlus", "FolderOpen", "FolderPlus", "FolderSimple", "FolderSimpleDashed", "FolderSimpleDotted", "FolderSimpleLock", "FolderSimpleMinus", "FolderSimplePlus", "FolderSimpleStar", "FolderSimpleUser", "FolderStar", "FolderUser", "Folders", "Football", "FootballHelmet", "Footprints", "ForkKnife", "FourK", "FrameCorners", "FramerLogo", "Function", "Funnel", "FunnelSimple", "FunnelSimpleX", "FunnelX", "GameController", "Garage", "GasCan", "GasPump", "Gauge", "Gavel", "Gear", "GearFine", "GearSix", "GenderFemale", "GenderIntersex", "GenderMale", "GenderNeuter", "GenderNonbinary", "GenderTransgender", "Ghost", "Gif", "Gift", "GitBranch", "GitCommit", "GitDiff", "GitFork", "GitMerge", "GitPullRequest", "GithubLogo", "GitlabLogo", "GitlabLogoSimple", "Globe", "GlobeHemisphereEast", "GlobeHemisphereWest", "GlobeSimple", "GlobeSimpleX", "GlobeStand", "GlobeX", "Goggles", "Golf", "GoodreadsLogo", "GoogleCardboardLogo", "GoogleChromeLogo", "GoogleDriveLogo", "GoogleLogo", "GooglePhotosLogo", "GooglePlayLogo", "GooglePodcastsLogo", "Gps", "GpsFix", "GpsSlash", "Gradient", "GraduationCap", "Grains", "GrainsSlash", "Graph", "GraphicsCard", "GreaterThan", "GreaterThanOrEqual", "GridFour", "GridNine", "Guitar", "HairDryer", "Hamburger", "Hammer", "Hand", "HandArrowDown", "HandArrowUp", "HandCoins", "HandDeposit", "HandEye", "HandFist", "HandGrabbing", "HandHeart", "HandPalm", "HandPeace", "HandPointing", "HandSoap", "HandSwipeLeft", "HandSwipeRight", "HandTap", "HandWaving", "HandWithdraw", "Handbag", "HandbagSimple", "HandsClapping", "HandsPraying", "Handshake", "HardDrive", "HardDrives", "HardHat", "Hash", "HashStraight", "HeadCircuit", "Headlights", "Headphones", "Headset", "Heart", "HeartBreak", "HeartHalf", "HeartStraight", "HeartStraightBreak", "Heartbeat", "Hexagon", "HighDefinition", "HighHeel", "Highlighter", "HighlighterCircle", "Hockey", "Hoodie", "Horse", "Hospital", "Hourglass", "HourglassHigh", "HourglassLow", "HourglassMedium", "HourglassSimple", "HourglassSimpleHigh", "HourglassSimpleLow", "HourglassSimpleMedium", "House", "HouseLine", "HouseSimple", "Hurricane", "IceCream", "IconBase", "IconContext", "IdentificationBadge", "IdentificationCard", "Image", "ImageBroken", "ImageSquare", "Images", "ImagesSquare", "Infinity", "Info", "InstagramLogo", "Intersect", "IntersectSquare", "IntersectThree", "Intersection", "Invoice", "Island", "Jar", "JarLabel", "Jeep", "Joystick", "Kanban", "Key", "KeyReturn", "Keyboard", "Keyhole", "Knife", "Ladder", "LadderSimple", "Lamp", "LampPendant", "Laptop", "Lasso", "LastfmLogo", "Layout", "Leaf", "Lectern", "Lego", "LegoSmiley", "Lemniscate", "LessThan", "LessThanOrEqual", "LetterCircleH", "LetterCircleP", "LetterCircleV", "Lifebuoy", "Lightbulb", "LightbulbFilament", "Lighthouse", "Lightning", "LightningA", "LightningSlash", "LineSegment", "LineSegments", "LineVertical", "Link", "LinkBreak", "LinkSimple", "LinkSimpleBreak", "LinkSimpleHorizontal", "LinkSimpleHorizontalBreak", "LinkedinLogo", "LinktreeLogo", "LinuxLogo", "List", "ListBullets", "ListChecks", "ListDashes", "ListHeart", "ListMagnifyingGlass", "ListNumbers", "ListPlus", "ListStar", "Lock", "LockKey", "LockKeyOpen", "LockLaminated", "LockLaminatedOpen", "LockOpen", "LockSimple", "LockSimpleOpen", "Lockers", "Log", "MagicWand", "Magnet", "MagnetStraight", "MagnifyingGlass", "MagnifyingGlassMinus", "MagnifyingGlassPlus", "Mailbox", "MapPin", "MapPinArea", "MapPinLine", "MapPinPlus", "MapPinSimple", "MapPinSimpleArea", "MapPinSimpleLine", "MapTrifold", "MarkdownLogo", "MarkerCircle", "Martini", "MaskHappy", "MaskSad", "MastodonLogo", "MathOperations", "MatrixLogo", "Medal", "MedalMilitary", "MediumLogo", "Megaphone", "MegaphoneSimple", "MemberOf", "Memory", "MessengerLogo", "MetaLogo", "Meteor", "Metronome", "Microphone", "MicrophoneSlash", "MicrophoneStage", "Microscope", "MicrosoftExcelLogo", "MicrosoftOutlookLogo", "MicrosoftPowerpointLogo", "MicrosoftTeamsLogo", "MicrosoftWordLogo", "Minus", "MinusCircle", "MinusSquare", "Money", "MoneyWavy", "Monitor", "MonitorArrowUp", "MonitorPlay", "Moon", "MoonStars", "Moped", "MopedFront", "Mosque", "Motorcycle", "Mountains", "Mouse", "MouseLeftClick", "MouseMiddleClick", "MouseRightClick", "MouseScroll", "MouseSimple", "MusicNote", "MusicNoteSimple", "MusicNotes", "MusicNotesMinus", "MusicNotesPlus", "MusicNotesSimple", "NavigationArrow", "Needle", "Network", "NetworkSlash", "NetworkX", "Newspaper", "NewspaperClipping", "NotEquals", "NotMemberOf", "NotSubsetOf", "NotSupersetOf", "Notches", "Note", "NoteBlank", "NotePencil", "Notebook", "Notepad", "Notification", "NotionLogo", "NuclearPlant", "NumberCircleEight", "NumberCircleFive", "NumberCircleFour", "NumberCircleNine", "NumberCircleOne", "NumberCircleSeven", "NumberCircleSix", "NumberCircleThree", "NumberCircleTwo", "NumberCircleZero", "NumberEight", "NumberFive", "NumberFour", "NumberNine", "NumberOne", "NumberSeven", "NumberSix", "NumberSquareEight", "NumberSquareFive", "NumberSquareFour", "NumberSquareNine", "NumberSquareOne", "NumberSquareSeven", "NumberSquareSix", "NumberSquareThree", "NumberSquareTwo", "NumberSquareZero", "NumberThree", "NumberTwo", "NumberZero", "Numpad", "Nut", "NyTimesLogo", "Octagon", "OfficeChair", "Onigiri", "OpenAiLogo", "Option", "Orange", "OrangeSlice", "Oven", "Package", "PaintBrush", "PaintBrushBroad", "PaintBrushHousehold", "PaintBucket", "PaintRoller", "Palette", "Panorama", "Pants", "PaperPlane", "PaperPlaneRight", "PaperPlaneTilt", "Paperclip", "PaperclipHorizontal", "Parachute", "Paragraph", "Parallelogram", "Park", "Password", "Path", "PatreonLogo", "Pause", "PauseCircle", "PawPrint", "PaypalLogo", "Peace", "Pen", "PenNib", "PenNibStraight", "Pencil", "PencilCircle", "PencilLine", "PencilRuler", "PencilSimple", "PencilSimpleLine", "PencilSimpleSlash", "PencilSlash", "Pentagon", "Pentagram", "Pepper", "Percent", "Person", "PersonArmsSpread", "PersonSimple", "PersonSimpleBike", "PersonSimpleCircle", "PersonSimpleHike", "PersonSimpleRun", "PersonSimpleSki", "PersonSimpleSnowboard", "PersonSimpleSwim", "PersonSimpleTaiChi", "PersonSimpleThrow", "PersonSimpleWalk", "Perspective", "Phone", "PhoneCall", "PhoneDisconnect", "PhoneIncoming", "PhoneList", "PhoneOutgoing", "PhonePause", "PhonePlus", "PhoneSlash", "PhoneTransfer", "PhoneX", "PhosphorLogo", "Pi", "PianoKeys", "PicnicTable", "PictureInPicture", "PiggyBank", "Pill", "PingPong", "PintGlass", "PinterestLogo", "Pinwheel", "Pipe", "PipeWrench", "PixLogo", "Pizza", "Placeholder", "Planet", "Plant", "Play", "PlayCircle", "PlayPause", "Playlist", "Plug", "PlugCharging", "Plugs", "PlugsConnected", "Plus", "PlusCircle", "PlusMinus", "PlusSquare", "PokerChip", "PoliceCar", "Polygon", "Popcorn", "Popsicle", "PottedPlant", "Power", "Prescription", "Presentation", "PresentationChart", "Printer", "Prohibit", "ProhibitInset", "ProjectorScreen", "ProjectorScreenChart", "Pulse", "PushPin", "PushPinSimple", "PushPinSimpleSlash", "PushPinSlash", "PuzzlePiece", "QrCode", "Question", "QuestionMark", "Queue", "Quotes", "Rabbit", "Racquet", "Radical", "Radio", "RadioButton", "Radioactive", "Rainbow", "RainbowCloud", "Ranking", "ReadCvLogo", "Receipt", "ReceiptX", "Record", "Rectangle", "RectangleDashed", "Recycle", "RedditLogo", "Repeat", "RepeatOnce", "ReplitLogo", "Resize", "Rewind", "RewindCircle", "RoadHorizon", "Robot", "Rocket", "RocketLaunch", "Rows", "RowsPlusBottom", "RowsPlusTop", "Rss", "RssSimple", "Rug", "Ruler", "SSR", "Sailboat", "Scales", "Scan", "ScanSmiley", "Scissors", "Scooter", "Screencast", "Screwdriver", "Scribble", "ScribbleLoop", "Scroll", "Seal", "SealCheck", "SealPercent", "SealQuestion", "SealWarning", "Seat", "Seatbelt", "SecurityCamera", "Selection", "SelectionAll", "SelectionBackground", "SelectionForeground", "SelectionInverse", "SelectionPlus", "SelectionSlash", "Shapes", "Share", "ShareFat", "ShareNetwork", "Shield", "ShieldCheck", "ShieldCheckered", "ShieldChevron", "ShieldPlus", "ShieldSlash", "ShieldStar", "ShieldWarning", "ShippingContainer", "ShirtFolded", "ShootingStar", "ShoppingBag", "ShoppingBagOpen", "ShoppingCart", "ShoppingCartSimple", "Shovel", "Shower", "Shrimp", "Shuffle", "ShuffleAngular", "ShuffleSimple", "Sidebar", "SidebarSimple", "Sigma", "SignIn", "SignOut", "Signature", "Signpost", "SimCard", "Siren", "SketchLogo", "SkipBack", "SkipBackCircle", "SkipForward", "SkipForwardCircle", "Skull", "SkypeLogo", "SlackLogo", "Sliders", "SlidersHorizontal", "Slideshow", "Smiley", "SmileyAngry", "SmileyBlank", "SmileyMeh", "SmileyMelting", "SmileyNervous", "SmileySad", "SmileySticker", "SmileyWink", "SmileyXEyes", "SnapchatLogo", "Sneaker", "SneakerMove", "Snowflake", "SoccerBall", "Sock", "SolarPanel", "SolarRoof", "SortAscending", "SortDescending", "SoundcloudLogo", "Spade", "Sparkle", "SpeakerHifi", "SpeakerHigh", "SpeakerLow", "SpeakerNone", "SpeakerSimpleHigh", "SpeakerSimpleLow", "SpeakerSimpleNone", "SpeakerSimpleSlash", "SpeakerSimpleX", "SpeakerSlash", "SpeakerX", "Speedometer", "Sphere", "Spinner", "SpinnerBall", "SpinnerGap", "Spiral", "SplitHorizontal", "SplitVertical", "SpotifyLogo", "SprayBottle", "Square", "SquareHalf", "SquareHalfBottom", "SquareLogo", "SquareSplitHorizontal", "SquareSplitVertical", "SquaresFour", "Stack", "StackMinus", "StackOverflowLogo", "StackPlus", "StackSimple", "Stairs", "Stamp", "StandardDefinition", "Star", "StarAndCrescent", "StarFour", "StarHalf", "StarOfDavid", "SteamLogo", "SteeringWheel", "Steps", "Stethoscope", "Sticker", "Stool", "Stop", "StopCircle", "Storefront", "Strategy", "StripeLogo", "Student", "SubsetOf", "SubsetProperOf", "Subtitles", "SubtitlesSlash", "Subtract", "SubtractSquare", "Subway", "Suitcase", "SuitcaseRolling", "SuitcaseSimple", "Sun", "SunDim", "SunHorizon", "Sunglasses", "SupersetOf", "SupersetProperOf", "Swap", "Swatches", "SwimmingPool", "Sword", "Synagogue", "Syringe", "TShirt", "Table", "Tabs", "Tag", "TagChevron", "TagSimple", "Target", "Taxi", "TeaBag", "TelegramLogo", "Television", "TelevisionSimple", "TennisBall", "Tent", "Terminal", "TerminalWindow", "TestTube", "TextAUnderline", "TextAa", "TextAlignCenter", "TextAlignJustify", "TextAlignLeft", "TextAlignRight", "TextB", "TextBolder", "TextColumns", "TextH", "TextHFive", "TextHFour", "TextHOne", "TextHSix", "TextHThree", "TextHTwo", "TextIndent", "TextItalic", "TextOutdent", "TextStrikethrough", "TextSubscript", "TextSuperscript", "TextT", "TextTSlash", "TextUnderline", "Textbox", "Thermometer", "ThermometerCold", "ThermometerHot", "ThermometerSimple", "ThreadsLogo", "ThreeD", "ThumbsDown", "ThumbsUp", "Ticket", "TidalLogo", "TiktokLogo", "Tilde", "Timer", "TipJar", "Tipi", "Tire", "ToggleLeft", "ToggleRight", "Toilet", "ToiletPaper", "Toolbox", "Tooth", "Tornado", "Tote", "ToteSimple", "Towel", "Tractor", "Trademark", "TrademarkRegistered", "TrafficCone", "TrafficSign", "TrafficSignal", "Train", "TrainRegional", "TrainSimple", "Tram", "Translate", "Trash", "TrashSimple", "Tray", "TrayArrowDown", "TrayArrowUp", "TreasureChest", "Tree", "TreeEvergreen", "TreePalm", "TreeStructure", "TreeView", "TrendDown", "TrendUp", "Triangle", "TriangleDashed", "Trolley", "TrolleySuitcase", "Trophy", "Truck", "TruckTrailer", "TumblrLogo", "TwitchLogo", "TwitterLogo", "Umbrella", "UmbrellaSimple", "Union", "Unite", "UniteSquare", "Upload", "UploadSimple", "Usb", "User", "UserCheck", "UserCircle", "UserCircleCheck", "UserCircleDashed", "UserCircleGear", "UserCircleMinus", "UserCirclePlus", "UserFocus", "UserGear", "UserList", "UserMinus", "UserPlus", "UserRectangle", "UserSound", "UserSquare", "UserSwitch", "Users", "UsersFour", "UsersThree", "Van", "Vault", "VectorThree", "VectorTwo", "Vibrate", "Video", "VideoCamera", "VideoCameraSlash", "VideoConference", "Vignette", "VinylRecord", "VirtualReality", "Virus", "Visor", "Voicemail", "Volleyball", "Wall", "Wallet", "Warehouse", "Warning", "WarningCircle", "WarningDiamond", "WarningOctagon", "WashingMachine", "Watch", "WaveSawtooth", "WaveSine", "WaveSquare", "WaveTriangle", "Waveform", "WaveformSlash", "Waves", "Webcam", "WebcamSlash", "WebhooksLogo", "WechatLogo", "WhatsappLogo", "Wheelchair", "WheelchairMotion", "WifiHigh", "WifiLow", "WifiMedium", "WifiNone", "WifiSlash", "WifiX", "Wind", "Windmill", "WindowsLogo", "Wine", "Wrench", "X", "XCircle", "XLogo", "XSquare", "Yarn", "YinYang", "YoutubeLogo"], Dt = "_buttons_uu72s_1", Mt = "_button_uu72s_1", Ht = "_disabled_uu72s_17", le = {
118
- buttons: Dt,
119
+ }, ei = ["Acorn", "Activity", "AddressBook", "AddressBookTabs", "AirTrafficControl", "Airplane", "AirplaneInFlight", "AirplaneLanding", "AirplaneTakeoff", "AirplaneTaxiing", "AirplaneTilt", "Airplay", "Alarm", "Alien", "AlignBottom", "AlignBottomSimple", "AlignCenterHorizontal", "AlignCenterHorizontalSimple", "AlignCenterVertical", "AlignCenterVerticalSimple", "AlignLeft", "AlignLeftSimple", "AlignRight", "AlignRightSimple", "AlignTop", "AlignTopSimple", "AmazonLogo", "Ambulance", "Anchor", "AnchorSimple", "AndroidLogo", "Angle", "AngularLogo", "Aperture", "AppStoreLogo", "AppWindow", "AppleLogo", "ApplePodcastsLogo", "ApproximateEquals", "Archive", "ArchiveBox", "ArchiveTray", "Armchair", "ArrowArcLeft", "ArrowArcRight", "ArrowBendDoubleUpLeft", "ArrowBendDoubleUpRight", "ArrowBendDownLeft", "ArrowBendDownRight", "ArrowBendLeftDown", "ArrowBendLeftUp", "ArrowBendRightDown", "ArrowBendRightUp", "ArrowBendUpLeft", "ArrowBendUpRight", "ArrowCircleDown", "ArrowCircleDownLeft", "ArrowCircleDownRight", "ArrowCircleLeft", "ArrowCircleRight", "ArrowCircleUp", "ArrowCircleUpLeft", "ArrowCircleUpRight", "ArrowClockwise", "ArrowCounterClockwise", "ArrowDown", "ArrowDownLeft", "ArrowDownRight", "ArrowElbowDownLeft", "ArrowElbowDownRight", "ArrowElbowLeft", "ArrowElbowLeftDown", "ArrowElbowLeftUp", "ArrowElbowRight", "ArrowElbowRightDown", "ArrowElbowRightUp", "ArrowElbowUpLeft", "ArrowElbowUpRight", "ArrowFatDown", "ArrowFatLeft", "ArrowFatLineDown", "ArrowFatLineLeft", "ArrowFatLineRight", "ArrowFatLineUp", "ArrowFatLinesDown", "ArrowFatLinesLeft", "ArrowFatLinesRight", "ArrowFatLinesUp", "ArrowFatRight", "ArrowFatUp", "ArrowLeft", "ArrowLineDown", "ArrowLineDownLeft", "ArrowLineDownRight", "ArrowLineLeft", "ArrowLineRight", "ArrowLineUp", "ArrowLineUpLeft", "ArrowLineUpRight", "ArrowRight", "ArrowSquareDown", "ArrowSquareDownLeft", "ArrowSquareDownRight", "ArrowSquareIn", "ArrowSquareLeft", "ArrowSquareOut", "ArrowSquareRight", "ArrowSquareUp", "ArrowSquareUpLeft", "ArrowSquareUpRight", "ArrowUDownLeft", "ArrowUDownRight", "ArrowULeftDown", "ArrowULeftUp", "ArrowURightDown", "ArrowURightUp", "ArrowUUpLeft", "ArrowUUpRight", "ArrowUp", "ArrowUpLeft", "ArrowUpRight", "ArrowsClockwise", "ArrowsCounterClockwise", "ArrowsDownUp", "ArrowsHorizontal", "ArrowsIn", "ArrowsInCardinal", "ArrowsInLineHorizontal", "ArrowsInLineVertical", "ArrowsInSimple", "ArrowsLeftRight", "ArrowsMerge", "ArrowsOut", "ArrowsOutCardinal", "ArrowsOutLineHorizontal", "ArrowsOutLineVertical", "ArrowsOutSimple", "ArrowsSplit", "ArrowsVertical", "Article", "ArticleMedium", "ArticleNyTimes", "Asclepius", "Asterisk", "AsteriskSimple", "At", "Atom", "Avocado", "Axe", "Baby", "BabyCarriage", "Backpack", "Backspace", "Bag", "BagSimple", "Balloon", "Bandaids", "Bank", "Barbell", "Barcode", "Barn", "Barricade", "Baseball", "BaseballCap", "BaseballHelmet", "Basket", "Basketball", "Bathtub", "BatteryCharging", "BatteryChargingVertical", "BatteryEmpty", "BatteryFull", "BatteryHigh", "BatteryLow", "BatteryMedium", "BatteryPlus", "BatteryPlusVertical", "BatteryVerticalEmpty", "BatteryVerticalFull", "BatteryVerticalHigh", "BatteryVerticalLow", "BatteryVerticalMedium", "BatteryWarning", "BatteryWarningVertical", "BeachBall", "Beanie", "Bed", "BeerBottle", "BeerStein", "BehanceLogo", "Bell", "BellRinging", "BellSimple", "BellSimpleRinging", "BellSimpleSlash", "BellSimpleZ", "BellSlash", "BellZ", "Belt", "BezierCurve", "Bicycle", "Binary", "Binoculars", "Biohazard", "Bird", "Blueprint", "Bluetooth", "BluetoothConnected", "BluetoothSlash", "BluetoothX", "Boat", "Bomb", "Bone", "Book", "BookBookmark", "BookOpen", "BookOpenText", "BookOpenUser", "Bookmark", "BookmarkSimple", "Bookmarks", "BookmarksSimple", "Books", "Boot", "Boules", "BoundingBox", "BowlFood", "BowlSteam", "BowlingBall", "BoxArrowDown", "BoxArrowUp", "BoxingGlove", "BracketsAngle", "BracketsCurly", "BracketsRound", "BracketsSquare", "Brain", "Brandy", "Bread", "Bridge", "Briefcase", "BriefcaseMetal", "Broadcast", "Broom", "Browser", "Browsers", "Bug", "BugBeetle", "BugDroid", "Building", "BuildingApartment", "BuildingOffice", "Buildings", "Bulldozer", "Bus", "Butterfly", "CableCar", "Cactus", "Caduceus", "Cake", "Calculator", "Calendar", "CalendarBlank", "CalendarCheck", "CalendarDot", "CalendarDots", "CalendarHeart", "CalendarMinus", "CalendarPlus", "CalendarSlash", "CalendarStar", "CalendarX", "CallBell", "Camera", "CameraPlus", "CameraRotate", "CameraSlash", "Campfire", "Car", "CarBattery", "CarProfile", "CarSimple", "Cardholder", "Cards", "CardsThree", "CaretCircleDoubleDown", "CaretCircleDoubleLeft", "CaretCircleDoubleRight", "CaretCircleDoubleUp", "CaretCircleDown", "CaretCircleLeft", "CaretCircleRight", "CaretCircleUp", "CaretCircleUpDown", "CaretDoubleDown", "CaretDoubleLeft", "CaretDoubleRight", "CaretDoubleUp", "CaretDown", "CaretLeft", "CaretLineDown", "CaretLineLeft", "CaretLineRight", "CaretLineUp", "CaretRight", "CaretUp", "CaretUpDown", "Carrot", "CashRegister", "CassetteTape", "CastleTurret", "Cat", "CellSignalFull", "CellSignalHigh", "CellSignalLow", "CellSignalMedium", "CellSignalNone", "CellSignalSlash", "CellSignalX", "CellTower", "Certificate", "Chair", "Chalkboard", "ChalkboardSimple", "ChalkboardTeacher", "Champagne", "ChargingStation", "ChartBar", "ChartBarHorizontal", "ChartDonut", "ChartLine", "ChartLineDown", "ChartLineUp", "ChartPie", "ChartPieSlice", "ChartPolar", "ChartScatter", "Chat", "ChatCentered", "ChatCenteredDots", "ChatCenteredSlash", "ChatCenteredText", "ChatCircle", "ChatCircleDots", "ChatCircleSlash", "ChatCircleText", "ChatDots", "ChatSlash", "ChatTeardrop", "ChatTeardropDots", "ChatTeardropSlash", "ChatTeardropText", "ChatText", "Chats", "ChatsCircle", "ChatsTeardrop", "Check", "CheckCircle", "CheckFat", "CheckSquare", "CheckSquareOffset", "Checkerboard", "Checks", "Cheers", "Cheese", "ChefHat", "Cherries", "Church", "Cigarette", "CigaretteSlash", "Circle", "CircleDashed", "CircleHalf", "CircleHalfTilt", "CircleNotch", "CircleWavy", "CircleWavyCheck", "CircleWavyQuestion", "CircleWavyWarning", "CirclesFour", "CirclesThree", "CirclesThreePlus", "Circuitry", "City", "Clipboard", "ClipboardText", "Clock", "ClockAfternoon", "ClockClockwise", "ClockCountdown", "ClockCounterClockwise", "ClockUser", "ClosedCaptioning", "Cloud", "CloudArrowDown", "CloudArrowUp", "CloudCheck", "CloudFog", "CloudLightning", "CloudMoon", "CloudRain", "CloudSlash", "CloudSnow", "CloudSun", "CloudWarning", "CloudX", "Clover", "Club", "CoatHanger", "CodaLogo", "Code", "CodeBlock", "CodeSimple", "CodepenLogo", "CodesandboxLogo", "Coffee", "CoffeeBean", "Coin", "CoinVertical", "Coins", "Columns", "ColumnsPlusLeft", "ColumnsPlusRight", "Command", "Compass", "CompassRose", "CompassTool", "ComputerTower", "Confetti", "ContactlessPayment", "Control", "Cookie", "CookingPot", "Copy", "CopySimple", "Copyleft", "Copyright", "CornersIn", "CornersOut", "Couch", "CourtBasketball", "Cow", "CowboyHat", "Cpu", "Crane", "CraneTower", "CreditCard", "Cricket", "Crop", "Cross", "Crosshair", "CrosshairSimple", "Crown", "CrownCross", "CrownSimple", "Cube", "CubeFocus", "CubeTransparent", "CurrencyBtc", "CurrencyCircleDollar", "CurrencyCny", "CurrencyDollar", "CurrencyDollarSimple", "CurrencyEth", "CurrencyEur", "CurrencyGbp", "CurrencyInr", "CurrencyJpy", "CurrencyKrw", "CurrencyKzt", "CurrencyNgn", "CurrencyRub", "Cursor", "CursorClick", "CursorText", "Cylinder", "Database", "Desk", "Desktop", "DesktopTower", "Detective", "DevToLogo", "DeviceMobile", "DeviceMobileCamera", "DeviceMobileSlash", "DeviceMobileSpeaker", "DeviceRotate", "DeviceTablet", "DeviceTabletCamera", "DeviceTabletSpeaker", "Devices", "Diamond", "DiamondsFour", "DiceFive", "DiceFour", "DiceOne", "DiceSix", "DiceThree", "DiceTwo", "Disc", "DiscoBall", "DiscordLogo", "Divide", "Dna", "Dog", "Door", "DoorOpen", "Dot", "DotOutline", "DotsNine", "DotsSix", "DotsSixVertical", "DotsThree", "DotsThreeCircle", "DotsThreeCircleVertical", "DotsThreeOutline", "DotsThreeOutlineVertical", "DotsThreeVertical", "Download", "DownloadSimple", "Dress", "Dresser", "DribbbleLogo", "Drone", "Drop", "DropHalf", "DropHalfBottom", "DropSimple", "DropSlash", "DropboxLogo", "Ear", "EarSlash", "Egg", "EggCrack", "Eject", "EjectSimple", "Elevator", "Empty", "Engine", "Envelope", "EnvelopeOpen", "EnvelopeSimple", "EnvelopeSimpleOpen", "Equalizer", "Equals", "Eraser", "EscalatorDown", "EscalatorUp", "Exam", "ExclamationMark", "Exclude", "ExcludeSquare", "Export", "Eye", "EyeClosed", "EyeSlash", "Eyedropper", "EyedropperSample", "Eyeglasses", "Eyes", "FaceMask", "FacebookLogo", "Factory", "Faders", "FadersHorizontal", "FalloutShelter", "Fan", "Farm", "FastForward", "FastForwardCircle", "Feather", "FediverseLogo", "FigmaLogo", "File", "FileArchive", "FileArrowDown", "FileArrowUp", "FileAudio", "FileC", "FileCSharp", "FileCloud", "FileCode", "FileCpp", "FileCss", "FileCsv", "FileDashed", "FileDoc", "FileDotted", "FileHtml", "FileImage", "FileIni", "FileJpg", "FileJs", "FileJsx", "FileLock", "FileMagnifyingGlass", "FileMd", "FileMinus", "FilePdf", "FilePlus", "FilePng", "FilePpt", "FilePy", "FileRs", "FileSearch", "FileSql", "FileSvg", "FileText", "FileTs", "FileTsx", "FileTxt", "FileVideo", "FileVue", "FileX", "FileXls", "FileZip", "Files", "FilmReel", "FilmScript", "FilmSlate", "FilmStrip", "Fingerprint", "FingerprintSimple", "FinnTheHuman", "Fire", "FireExtinguisher", "FireSimple", "FireTruck", "FirstAid", "FirstAidKit", "Fish", "FishSimple", "Flag", "FlagBanner", "FlagBannerFold", "FlagCheckered", "FlagPennant", "Flame", "Flashlight", "Flask", "FlipHorizontal", "FlipVertical", "FloppyDisk", "FloppyDiskBack", "FlowArrow", "Flower", "FlowerLotus", "FlowerTulip", "FlyingSaucer", "Folder", "FolderDashed", "FolderDotted", "FolderLock", "FolderMinus", "FolderNotch", "FolderNotchMinus", "FolderNotchOpen", "FolderNotchPlus", "FolderOpen", "FolderPlus", "FolderSimple", "FolderSimpleDashed", "FolderSimpleDotted", "FolderSimpleLock", "FolderSimpleMinus", "FolderSimplePlus", "FolderSimpleStar", "FolderSimpleUser", "FolderStar", "FolderUser", "Folders", "Football", "FootballHelmet", "Footprints", "ForkKnife", "FourK", "FrameCorners", "FramerLogo", "Function", "Funnel", "FunnelSimple", "FunnelSimpleX", "FunnelX", "GameController", "Garage", "GasCan", "GasPump", "Gauge", "Gavel", "Gear", "GearFine", "GearSix", "GenderFemale", "GenderIntersex", "GenderMale", "GenderNeuter", "GenderNonbinary", "GenderTransgender", "Ghost", "Gif", "Gift", "GitBranch", "GitCommit", "GitDiff", "GitFork", "GitMerge", "GitPullRequest", "GithubLogo", "GitlabLogo", "GitlabLogoSimple", "Globe", "GlobeHemisphereEast", "GlobeHemisphereWest", "GlobeSimple", "GlobeSimpleX", "GlobeStand", "GlobeX", "Goggles", "Golf", "GoodreadsLogo", "GoogleCardboardLogo", "GoogleChromeLogo", "GoogleDriveLogo", "GoogleLogo", "GooglePhotosLogo", "GooglePlayLogo", "GooglePodcastsLogo", "Gps", "GpsFix", "GpsSlash", "Gradient", "GraduationCap", "Grains", "GrainsSlash", "Graph", "GraphicsCard", "GreaterThan", "GreaterThanOrEqual", "GridFour", "GridNine", "Guitar", "HairDryer", "Hamburger", "Hammer", "Hand", "HandArrowDown", "HandArrowUp", "HandCoins", "HandDeposit", "HandEye", "HandFist", "HandGrabbing", "HandHeart", "HandPalm", "HandPeace", "HandPointing", "HandSoap", "HandSwipeLeft", "HandSwipeRight", "HandTap", "HandWaving", "HandWithdraw", "Handbag", "HandbagSimple", "HandsClapping", "HandsPraying", "Handshake", "HardDrive", "HardDrives", "HardHat", "Hash", "HashStraight", "HeadCircuit", "Headlights", "Headphones", "Headset", "Heart", "HeartBreak", "HeartHalf", "HeartStraight", "HeartStraightBreak", "Heartbeat", "Hexagon", "HighDefinition", "HighHeel", "Highlighter", "HighlighterCircle", "Hockey", "Hoodie", "Horse", "Hospital", "Hourglass", "HourglassHigh", "HourglassLow", "HourglassMedium", "HourglassSimple", "HourglassSimpleHigh", "HourglassSimpleLow", "HourglassSimpleMedium", "House", "HouseLine", "HouseSimple", "Hurricane", "IceCream", "IconBase", "IconContext", "IdentificationBadge", "IdentificationCard", "Image", "ImageBroken", "ImageSquare", "Images", "ImagesSquare", "Infinity", "Info", "InstagramLogo", "Intersect", "IntersectSquare", "IntersectThree", "Intersection", "Invoice", "Island", "Jar", "JarLabel", "Jeep", "Joystick", "Kanban", "Key", "KeyReturn", "Keyboard", "Keyhole", "Knife", "Ladder", "LadderSimple", "Lamp", "LampPendant", "Laptop", "Lasso", "LastfmLogo", "Layout", "Leaf", "Lectern", "Lego", "LegoSmiley", "Lemniscate", "LessThan", "LessThanOrEqual", "LetterCircleH", "LetterCircleP", "LetterCircleV", "Lifebuoy", "Lightbulb", "LightbulbFilament", "Lighthouse", "Lightning", "LightningA", "LightningSlash", "LineSegment", "LineSegments", "LineVertical", "Link", "LinkBreak", "LinkSimple", "LinkSimpleBreak", "LinkSimpleHorizontal", "LinkSimpleHorizontalBreak", "LinkedinLogo", "LinktreeLogo", "LinuxLogo", "List", "ListBullets", "ListChecks", "ListDashes", "ListHeart", "ListMagnifyingGlass", "ListNumbers", "ListPlus", "ListStar", "Lock", "LockKey", "LockKeyOpen", "LockLaminated", "LockLaminatedOpen", "LockOpen", "LockSimple", "LockSimpleOpen", "Lockers", "Log", "MagicWand", "Magnet", "MagnetStraight", "MagnifyingGlass", "MagnifyingGlassMinus", "MagnifyingGlassPlus", "Mailbox", "MapPin", "MapPinArea", "MapPinLine", "MapPinPlus", "MapPinSimple", "MapPinSimpleArea", "MapPinSimpleLine", "MapTrifold", "MarkdownLogo", "MarkerCircle", "Martini", "MaskHappy", "MaskSad", "MastodonLogo", "MathOperations", "MatrixLogo", "Medal", "MedalMilitary", "MediumLogo", "Megaphone", "MegaphoneSimple", "MemberOf", "Memory", "MessengerLogo", "MetaLogo", "Meteor", "Metronome", "Microphone", "MicrophoneSlash", "MicrophoneStage", "Microscope", "MicrosoftExcelLogo", "MicrosoftOutlookLogo", "MicrosoftPowerpointLogo", "MicrosoftTeamsLogo", "MicrosoftWordLogo", "Minus", "MinusCircle", "MinusSquare", "Money", "MoneyWavy", "Monitor", "MonitorArrowUp", "MonitorPlay", "Moon", "MoonStars", "Moped", "MopedFront", "Mosque", "Motorcycle", "Mountains", "Mouse", "MouseLeftClick", "MouseMiddleClick", "MouseRightClick", "MouseScroll", "MouseSimple", "MusicNote", "MusicNoteSimple", "MusicNotes", "MusicNotesMinus", "MusicNotesPlus", "MusicNotesSimple", "NavigationArrow", "Needle", "Network", "NetworkSlash", "NetworkX", "Newspaper", "NewspaperClipping", "NotEquals", "NotMemberOf", "NotSubsetOf", "NotSupersetOf", "Notches", "Note", "NoteBlank", "NotePencil", "Notebook", "Notepad", "Notification", "NotionLogo", "NuclearPlant", "NumberCircleEight", "NumberCircleFive", "NumberCircleFour", "NumberCircleNine", "NumberCircleOne", "NumberCircleSeven", "NumberCircleSix", "NumberCircleThree", "NumberCircleTwo", "NumberCircleZero", "NumberEight", "NumberFive", "NumberFour", "NumberNine", "NumberOne", "NumberSeven", "NumberSix", "NumberSquareEight", "NumberSquareFive", "NumberSquareFour", "NumberSquareNine", "NumberSquareOne", "NumberSquareSeven", "NumberSquareSix", "NumberSquareThree", "NumberSquareTwo", "NumberSquareZero", "NumberThree", "NumberTwo", "NumberZero", "Numpad", "Nut", "NyTimesLogo", "Octagon", "OfficeChair", "Onigiri", "OpenAiLogo", "Option", "Orange", "OrangeSlice", "Oven", "Package", "PaintBrush", "PaintBrushBroad", "PaintBrushHousehold", "PaintBucket", "PaintRoller", "Palette", "Panorama", "Pants", "PaperPlane", "PaperPlaneRight", "PaperPlaneTilt", "Paperclip", "PaperclipHorizontal", "Parachute", "Paragraph", "Parallelogram", "Park", "Password", "Path", "PatreonLogo", "Pause", "PauseCircle", "PawPrint", "PaypalLogo", "Peace", "Pen", "PenNib", "PenNibStraight", "Pencil", "PencilCircle", "PencilLine", "PencilRuler", "PencilSimple", "PencilSimpleLine", "PencilSimpleSlash", "PencilSlash", "Pentagon", "Pentagram", "Pepper", "Percent", "Person", "PersonArmsSpread", "PersonSimple", "PersonSimpleBike", "PersonSimpleCircle", "PersonSimpleHike", "PersonSimpleRun", "PersonSimpleSki", "PersonSimpleSnowboard", "PersonSimpleSwim", "PersonSimpleTaiChi", "PersonSimpleThrow", "PersonSimpleWalk", "Perspective", "Phone", "PhoneCall", "PhoneDisconnect", "PhoneIncoming", "PhoneList", "PhoneOutgoing", "PhonePause", "PhonePlus", "PhoneSlash", "PhoneTransfer", "PhoneX", "PhosphorLogo", "Pi", "PianoKeys", "PicnicTable", "PictureInPicture", "PiggyBank", "Pill", "PingPong", "PintGlass", "PinterestLogo", "Pinwheel", "Pipe", "PipeWrench", "PixLogo", "Pizza", "Placeholder", "Planet", "Plant", "Play", "PlayCircle", "PlayPause", "Playlist", "Plug", "PlugCharging", "Plugs", "PlugsConnected", "Plus", "PlusCircle", "PlusMinus", "PlusSquare", "PokerChip", "PoliceCar", "Polygon", "Popcorn", "Popsicle", "PottedPlant", "Power", "Prescription", "Presentation", "PresentationChart", "Printer", "Prohibit", "ProhibitInset", "ProjectorScreen", "ProjectorScreenChart", "Pulse", "PushPin", "PushPinSimple", "PushPinSimpleSlash", "PushPinSlash", "PuzzlePiece", "QrCode", "Question", "QuestionMark", "Queue", "Quotes", "Rabbit", "Racquet", "Radical", "Radio", "RadioButton", "Radioactive", "Rainbow", "RainbowCloud", "Ranking", "ReadCvLogo", "Receipt", "ReceiptX", "Record", "Rectangle", "RectangleDashed", "Recycle", "RedditLogo", "Repeat", "RepeatOnce", "ReplitLogo", "Resize", "Rewind", "RewindCircle", "RoadHorizon", "Robot", "Rocket", "RocketLaunch", "Rows", "RowsPlusBottom", "RowsPlusTop", "Rss", "RssSimple", "Rug", "Ruler", "SSR", "Sailboat", "Scales", "Scan", "ScanSmiley", "Scissors", "Scooter", "Screencast", "Screwdriver", "Scribble", "ScribbleLoop", "Scroll", "Seal", "SealCheck", "SealPercent", "SealQuestion", "SealWarning", "Seat", "Seatbelt", "SecurityCamera", "Selection", "SelectionAll", "SelectionBackground", "SelectionForeground", "SelectionInverse", "SelectionPlus", "SelectionSlash", "Shapes", "Share", "ShareFat", "ShareNetwork", "Shield", "ShieldCheck", "ShieldCheckered", "ShieldChevron", "ShieldPlus", "ShieldSlash", "ShieldStar", "ShieldWarning", "ShippingContainer", "ShirtFolded", "ShootingStar", "ShoppingBag", "ShoppingBagOpen", "ShoppingCart", "ShoppingCartSimple", "Shovel", "Shower", "Shrimp", "Shuffle", "ShuffleAngular", "ShuffleSimple", "Sidebar", "SidebarSimple", "Sigma", "SignIn", "SignOut", "Signature", "Signpost", "SimCard", "Siren", "SketchLogo", "SkipBack", "SkipBackCircle", "SkipForward", "SkipForwardCircle", "Skull", "SkypeLogo", "SlackLogo", "Sliders", "SlidersHorizontal", "Slideshow", "Smiley", "SmileyAngry", "SmileyBlank", "SmileyMeh", "SmileyMelting", "SmileyNervous", "SmileySad", "SmileySticker", "SmileyWink", "SmileyXEyes", "SnapchatLogo", "Sneaker", "SneakerMove", "Snowflake", "SoccerBall", "Sock", "SolarPanel", "SolarRoof", "SortAscending", "SortDescending", "SoundcloudLogo", "Spade", "Sparkle", "SpeakerHifi", "SpeakerHigh", "SpeakerLow", "SpeakerNone", "SpeakerSimpleHigh", "SpeakerSimpleLow", "SpeakerSimpleNone", "SpeakerSimpleSlash", "SpeakerSimpleX", "SpeakerSlash", "SpeakerX", "Speedometer", "Sphere", "Spinner", "SpinnerBall", "SpinnerGap", "Spiral", "SplitHorizontal", "SplitVertical", "SpotifyLogo", "SprayBottle", "Square", "SquareHalf", "SquareHalfBottom", "SquareLogo", "SquareSplitHorizontal", "SquareSplitVertical", "SquaresFour", "Stack", "StackMinus", "StackOverflowLogo", "StackPlus", "StackSimple", "Stairs", "Stamp", "StandardDefinition", "Star", "StarAndCrescent", "StarFour", "StarHalf", "StarOfDavid", "SteamLogo", "SteeringWheel", "Steps", "Stethoscope", "Sticker", "Stool", "Stop", "StopCircle", "Storefront", "Strategy", "StripeLogo", "Student", "SubsetOf", "SubsetProperOf", "Subtitles", "SubtitlesSlash", "Subtract", "SubtractSquare", "Subway", "Suitcase", "SuitcaseRolling", "SuitcaseSimple", "Sun", "SunDim", "SunHorizon", "Sunglasses", "SupersetOf", "SupersetProperOf", "Swap", "Swatches", "SwimmingPool", "Sword", "Synagogue", "Syringe", "TShirt", "Table", "Tabs", "Tag", "TagChevron", "TagSimple", "Target", "Taxi", "TeaBag", "TelegramLogo", "Television", "TelevisionSimple", "TennisBall", "Tent", "Terminal", "TerminalWindow", "TestTube", "TextAUnderline", "TextAa", "TextAlignCenter", "TextAlignJustify", "TextAlignLeft", "TextAlignRight", "TextB", "TextBolder", "TextColumns", "TextH", "TextHFive", "TextHFour", "TextHOne", "TextHSix", "TextHThree", "TextHTwo", "TextIndent", "TextItalic", "TextOutdent", "TextStrikethrough", "TextSubscript", "TextSuperscript", "TextT", "TextTSlash", "TextUnderline", "Textbox", "Thermometer", "ThermometerCold", "ThermometerHot", "ThermometerSimple", "ThreadsLogo", "ThreeD", "ThumbsDown", "ThumbsUp", "Ticket", "TidalLogo", "TiktokLogo", "Tilde", "Timer", "TipJar", "Tipi", "Tire", "ToggleLeft", "ToggleRight", "Toilet", "ToiletPaper", "Toolbox", "Tooth", "Tornado", "Tote", "ToteSimple", "Towel", "Tractor", "Trademark", "TrademarkRegistered", "TrafficCone", "TrafficSign", "TrafficSignal", "Train", "TrainRegional", "TrainSimple", "Tram", "Translate", "Trash", "TrashSimple", "Tray", "TrayArrowDown", "TrayArrowUp", "TreasureChest", "Tree", "TreeEvergreen", "TreePalm", "TreeStructure", "TreeView", "TrendDown", "TrendUp", "Triangle", "TriangleDashed", "Trolley", "TrolleySuitcase", "Trophy", "Truck", "TruckTrailer", "TumblrLogo", "TwitchLogo", "TwitterLogo", "Umbrella", "UmbrellaSimple", "Union", "Unite", "UniteSquare", "Upload", "UploadSimple", "Usb", "User", "UserCheck", "UserCircle", "UserCircleCheck", "UserCircleDashed", "UserCircleGear", "UserCircleMinus", "UserCirclePlus", "UserFocus", "UserGear", "UserList", "UserMinus", "UserPlus", "UserRectangle", "UserSound", "UserSquare", "UserSwitch", "Users", "UsersFour", "UsersThree", "Van", "Vault", "VectorThree", "VectorTwo", "Vibrate", "Video", "VideoCamera", "VideoCameraSlash", "VideoConference", "Vignette", "VinylRecord", "VirtualReality", "Virus", "Visor", "Voicemail", "Volleyball", "Wall", "Wallet", "Warehouse", "Warning", "WarningCircle", "WarningDiamond", "WarningOctagon", "WashingMachine", "Watch", "WaveSawtooth", "WaveSine", "WaveSquare", "WaveTriangle", "Waveform", "WaveformSlash", "Waves", "Webcam", "WebcamSlash", "WebhooksLogo", "WechatLogo", "WhatsappLogo", "Wheelchair", "WheelchairMotion", "WifiHigh", "WifiLow", "WifiMedium", "WifiNone", "WifiSlash", "WifiX", "Wind", "Windmill", "WindowsLogo", "Wine", "Wrench", "X", "XCircle", "XLogo", "XSquare", "Yarn", "YinYang", "YoutubeLogo"], It = "_buttons_uu72s_1", Mt = "_button_uu72s_1", Ht = "_disabled_uu72s_17", de = {
120
+ buttons: It,
119
121
  button: Mt,
120
122
  disabled: Ht
121
123
  };
122
- async function te(t, n) {
123
- const o = localStorage.getItem("shopId") || void 0, s = `${De}/${t}/builder/shops/${o}/${n}`, i = localStorage.getItem("sellerAccessToken") || void 0;
124
- return (await ke.get(s, {
124
+ async function ne(t, n) {
125
+ const s = localStorage.getItem("shopId") || void 0, o = `${Me}/${t}/builder/shops/${s}/${n}`, i = localStorage.getItem("sellerAccessToken") || void 0;
126
+ return (await je.get(o, {
125
127
  headers: {
126
128
  Authorization: `Bearer ${i}`
127
129
  }
128
130
  })).data;
129
131
  }
130
- async function It() {
132
+ async function Ot() {
131
133
  try {
132
- const [t, n, o, s, i, a] = await Promise.allSettled([
133
- te("v1", "general"),
134
- te("v1", "faqs"),
135
- te("v1", "listings"),
136
- te("v1", "products"),
137
- te("v1", "reviews"),
138
- te("v1", "categories")
134
+ const [t, n, s, o, i, a] = await Promise.allSettled([
135
+ ne("v1", "general"),
136
+ ne("v1", "faqs"),
137
+ ne("v1", "listings"),
138
+ ne("v1", "products"),
139
+ ne("v1", "reviews"),
140
+ ne("v1", "categories")
139
141
  ]);
140
142
  return {
141
143
  general: t,
142
144
  faqs: n,
143
- listings: o,
144
- products: s,
145
+ listings: s,
146
+ products: o,
145
147
  reviews: i,
146
148
  categories: a
147
149
  };
@@ -149,101 +151,101 @@ async function It() {
149
151
  throw console.error("Error fetching page data:", t), t;
150
152
  }
151
153
  }
152
- async function Et() {
154
+ async function Ut() {
153
155
  try {
154
- const { data: t } = await ke.get(
155
- `${at}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
156
+ const { data: t } = await je.get(
157
+ `${ct}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
156
158
  );
157
159
  return t.items;
158
160
  } catch (t) {
159
161
  throw console.error("Error fetching page data:", t), t;
160
162
  }
161
163
  }
162
- function Ur() {
164
+ function ti() {
163
165
  try {
164
166
  const {
165
167
  editBlock: t,
166
168
  currentBlock: n,
167
- blocks: o,
168
- header: s,
169
+ blocks: s,
170
+ header: o,
169
171
  setHeader: i,
170
172
  footer: a,
171
173
  setFooter: r
172
- } = M.getState(), { currentPage: l, pages: d } = $.getState(), { currentInstance: f, activeBlock: h } = X.getState(), { settings: p, setSettings: u } = J.getState();
173
- if (u(p), !h && f && d) {
174
- if (n === "header" && s)
175
- i(s);
174
+ } = E.getState(), { currentPage: l, pages: c } = D.getState(), { currentInstance: g, activeBlock: u } = Q.getState(), { settings: C, setSettings: m } = Z.getState();
175
+ if (m(C), !u && g && c) {
176
+ if (n === "header" && o)
177
+ i(o);
176
178
  else if (n === "footer" && a)
177
179
  r(a);
178
180
  else if (n === "header" || n === "footer")
179
181
  throw new Error(`Missing ${n} data.`);
180
- const c = {
182
+ const p = {
181
183
  blockSettings: {}
182
184
  };
183
- if (!f.blockSettings)
185
+ if (!g.blockSettings)
184
186
  throw new Error("currentInstance.blockSettings is undefined.");
185
- if (Object.keys(f.blockSettings).filter((j) => !["displayName", "isAddable"].includes(j)).forEach((j) => {
186
- c.blockSettings[j] = f.blockSettings[j];
187
- }), !d[l])
187
+ if (Object.keys(g.blockSettings).filter((v) => !["displayName", "isAddable"].includes(v)).forEach((v) => {
188
+ p.blockSettings[v] = g.blockSettings[v];
189
+ }), !c[l])
188
190
  throw new Error(`Page "${l}" does not exist.`);
189
- if (!o[d[l].path] || !o[d[l].path][n])
191
+ if (!s[c[l].path] || !s[c[l].path][n])
190
192
  throw new Error(
191
- `Layer or block for page "${d[l].path}" and block "${n}" does not exist.`
193
+ `Layer or block for page "${c[l].path}" and block "${n}" does not exist.`
192
194
  );
193
- t(d[l].path, n, {
194
- name: o[d[l].path][n].name,
195
- value: c
195
+ t(c[l].path, n, {
196
+ name: s[c[l].path][n].name,
197
+ value: p
196
198
  });
197
199
  }
198
200
  } catch (t) {
199
201
  console.error("Error in hotReload function:", t);
200
202
  }
201
203
  }
202
- async function Rt() {
203
- const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), o = `${De}/v2/builder/shops/${t}/drafts/${n}/pages`, s = localStorage.getItem("sellerAccessToken");
204
- return (await ke.get(o, {
204
+ async function qt() {
205
+ const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), s = `${Me}/v2/builder/shops/${t}/drafts/${n}/pages`, o = localStorage.getItem("sellerAccessToken");
206
+ return (await je.get(s, {
205
207
  headers: {
206
- Authorization: `Bearer ${s}`
208
+ Authorization: `Bearer ${o}`
207
209
  }
208
210
  })).data;
209
211
  }
210
- async function Ot() {
211
- const t = localStorage.getItem("shopId") || void 0, n = localStorage.getItem("draftId") || void 0, o = `${De}/v2/builder/shops/${t}/drafts/${n}/all`, s = localStorage.getItem("sellerAccessToken") || void 0;
212
- return (await ke.get(o, {
212
+ async function Gt() {
213
+ const t = localStorage.getItem("shopId") || void 0, n = localStorage.getItem("draftId") || void 0, s = `${Me}/v2/builder/shops/${t}/drafts/${n}/all`, o = localStorage.getItem("sellerAccessToken") || void 0;
214
+ return (await je.get(s, {
213
215
  headers: {
214
- Authorization: `Bearer ${s}`
216
+ Authorization: `Bearer ${o}`
215
217
  }
216
218
  })).data;
217
219
  }
218
- const G = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "";
219
- function Ut() {
220
+ const W = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "";
221
+ function Wt() {
220
222
  let t = new URLSearchParams(document.location.search);
221
- const n = t.get("shopId") || localStorage.getItem("shopId"), o = t.get("sellerAccessToken") || localStorage.getItem("sellerAccessToken"), s = t.get("draftId") || localStorage.getItem("draftId");
222
- return en(), o && localStorage.setItem("sellerAccessToken", o), n && localStorage.setItem("shopId", n), s && localStorage.setItem("draftId", s), !!(o && n && s);
223
+ const n = t.get("shopId") || localStorage.getItem("shopId"), s = t.get("sellerAccessToken") || localStorage.getItem("sellerAccessToken"), o = t.get("draftId") || localStorage.getItem("draftId");
224
+ return sn(), s && localStorage.setItem("sellerAccessToken", s), n && localStorage.setItem("shopId", n), o && localStorage.setItem("draftId", o), !!(s && n && o);
223
225
  }
224
- const qt = "_wrapper_1dfbs_1", Gt = "_main_1dfbs_9", zt = "_loading_1dfbs_13", Ae = {
225
- wrapper: qt,
226
- main: Gt,
227
- loading: zt
228
- }, Ke = ({ render: t, block: n }) => t(n), Je = () => {
229
- const { footer: t } = M(), { settings: n } = J(), { pageContext: o } = $();
230
- return t == null ? void 0 : t.renderBlock(n, o);
231
- }, Ze = () => {
232
- const { header: t } = M(), { settings: n } = J(), { pageContext: o } = $();
233
- return t == null ? void 0 : t.renderBlock(n, o);
234
- }, Wt = "_wrapper_5w9s8_1", Vt = {
235
- wrapper: Wt
236
- }, xe = (t) => {
226
+ const zt = "_wrapper_1dfbs_1", Xt = "_main_1dfbs_9", Yt = "_loading_1dfbs_13", Le = {
227
+ wrapper: zt,
228
+ main: Xt,
229
+ loading: Yt
230
+ }, tt = ({ render: t, block: n }) => t(n), nt = () => {
231
+ const { footer: t } = E(), { settings: n } = Z(), { pageContext: s } = D();
232
+ return t == null ? void 0 : t.renderBlock(n, s);
233
+ }, st = () => {
234
+ const { header: t } = E(), { settings: n } = Z(), { pageContext: s } = D();
235
+ return t == null ? void 0 : t.renderBlock(n, s);
236
+ }, Kt = "_wrapper_5w9s8_1", Qt = {
237
+ wrapper: Kt
238
+ }, ye = (t) => {
237
239
  const { error: n } = t;
238
- return /* @__PURE__ */ e.jsx("div", { className: Vt.wrapper, children: n });
239
- }, Xt = "_wrapper_rccv2_1", Yt = "_content_rccv2_11", Qt = "_title_rccv2_21", Pe = {
240
- wrapper: Xt,
241
- content: Yt,
242
- title: Qt
243
- }, Kt = () => {
244
- const t = Me();
245
- return /* @__PURE__ */ e.jsx("div", { className: Pe.wrapper, children: /* @__PURE__ */ e.jsxs("div", { className: Pe.content, children: [
246
- /* @__PURE__ */ e.jsx("h1", { className: Pe.title, children: "Page Not Found" }),
240
+ return /* @__PURE__ */ e.jsx("div", { className: Qt.wrapper, children: n });
241
+ }, Vt = "_wrapper_rccv2_1", Jt = "_content_rccv2_11", Zt = "_title_rccv2_21", Fe = {
242
+ wrapper: Vt,
243
+ content: Jt,
244
+ title: Zt
245
+ }, en = () => {
246
+ const t = ce();
247
+ return /* @__PURE__ */ e.jsx("div", { className: Fe.wrapper, children: /* @__PURE__ */ e.jsxs("div", { className: Fe.content, children: [
248
+ /* @__PURE__ */ e.jsx("h1", { className: Fe.title, children: "Page Not Found" }),
247
249
  /* @__PURE__ */ e.jsx(
248
250
  K,
249
251
  {
@@ -253,114 +255,114 @@ const qt = "_wrapper_1dfbs_1", Gt = "_main_1dfbs_9", zt = "_loading_1dfbs_13", A
253
255
  }
254
256
  )
255
257
  ] }) });
256
- }, Jt = ({ pagePath: t }) => {
257
- const { sourceBlocks: n } = X(), [o, s] = m.useState(null), [i, a] = m.useState(!0), [r, l] = m.useState(null), { setThemeSettings: d, themeSettings: f } = I(), [h, p] = m.useState(null), { settings: u } = J(), { addProducts: c } = rt();
258
- m.useEffect(() => {
258
+ }, tn = ({ pagePath: t }) => {
259
+ const { sourceBlocks: n } = Q(), [s, o] = S.useState(null), [i, a] = S.useState(!0), [r, l] = S.useState(null), { setThemeSettings: c, themeSettings: g } = I(), [u, C] = S.useState(null), { settings: m } = Z(), { addProducts: p } = dt();
260
+ S.useEffect(() => {
259
261
  a(!0), (async () => {
260
- const P = await it(encodeURIComponent(t));
261
- if (console.log(P), P) {
262
- const { data: g } = P;
263
- l(g.layout);
264
- const { settings: k, theme: _ } = (await lt()).data;
265
- if (k && u) {
266
- const C = u;
267
- Object.keys(k).map((w) => {
268
- C[w] = k[w];
269
- }), p(C);
262
+ const _ = await ut(encodeURIComponent(t));
263
+ if (_) {
264
+ const { data: d } = _;
265
+ l(d.layout);
266
+ const { settings: f, theme: b } = (await ht()).data;
267
+ if (f && m) {
268
+ const T = m;
269
+ Object.keys(f).map((N) => {
270
+ T[N] = f[N];
271
+ }), C(T);
270
272
  } else
271
- p(u);
272
- d(_ || f), s({
273
- products: g.products,
274
- reviews: g.reviews,
275
- categories: g.categories,
276
- faqs: g.faqs,
277
- listings: g.listings
278
- }), await c(g.products);
273
+ C(m);
274
+ c(b || g), o({
275
+ products: d.products,
276
+ reviews: d.reviews,
277
+ categories: d.categories,
278
+ faqs: d.faqs,
279
+ listings: d.listings
280
+ }), await p(d.products);
279
281
  }
280
282
  a(!1);
281
283
  })();
282
284
  }, [t]);
283
- const j = (L) => {
284
- if (!L || !L.name)
285
- return /* @__PURE__ */ e.jsx(xe, { error: "Block or block.name is undefined." });
286
- if (!n || !n[L.name])
287
- return /* @__PURE__ */ e.jsx(xe, { error: `Block "${L.name}" does not exist in blocks.` });
288
- const P = new n[L.name]();
289
- return L.value && Object.assign(P, L.value), P.renderBlock(h, o);
285
+ const v = (h) => {
286
+ if (!h || !h.name)
287
+ return /* @__PURE__ */ e.jsx(ye, { error: "Block or block.name is undefined." });
288
+ if (!n || !n[h.name])
289
+ return /* @__PURE__ */ e.jsx(ye, { error: `Block "${h.name}" does not exist in blocks.` });
290
+ const _ = new n[h.name]();
291
+ return h.value && Object.assign(_, h.value), _.renderBlock(u, s);
290
292
  };
291
- return !i && r === null ? /* @__PURE__ */ e.jsx(Kt, {}) : /* @__PURE__ */ e.jsxs("div", { className: Ae.wrapper, children: [
292
- /* @__PURE__ */ e.jsx(Ze, {}),
293
- !i && r ? /* @__PURE__ */ e.jsx("div", { className: Ae.main, children: Object.keys(r).map((L) => /* @__PURE__ */ e.jsx(
294
- Ke,
293
+ return !i && r === null ? /* @__PURE__ */ e.jsx(en, {}) : /* @__PURE__ */ e.jsxs("div", { className: Le.wrapper, children: [
294
+ /* @__PURE__ */ e.jsx(st, {}),
295
+ !i && r ? /* @__PURE__ */ e.jsx("div", { className: Le.main, children: Object.keys(r).map((h) => /* @__PURE__ */ e.jsx(
296
+ tt,
295
297
  {
296
- block: r[L],
297
- render: j
298
+ block: r[h],
299
+ render: v
298
300
  },
299
- L
300
- )) }) : /* @__PURE__ */ e.jsx("div", { className: Ae.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }),
301
- /* @__PURE__ */ e.jsx(Je, {})
301
+ h
302
+ )) }) : /* @__PURE__ */ e.jsx("div", { className: Le.loading, children: /* @__PURE__ */ e.jsx(Ae, {}) }),
303
+ /* @__PURE__ */ e.jsx(nt, {})
302
304
  ] });
303
305
  };
304
- function Zt() {
305
- const t = ct();
306
- return /* @__PURE__ */ e.jsx(Jt, { pagePath: t.pathname });
306
+ function nn() {
307
+ const t = pt();
308
+ return /* @__PURE__ */ e.jsx(tn, { pagePath: t.pathname });
307
309
  }
308
- const en = () => {
310
+ const sn = () => {
309
311
  const t = new URL(window.location.href);
310
312
  window.history.replaceState(null, "", t.pathname + t.hash);
311
- }, tn = (t) => {
313
+ }, on = (t) => {
312
314
  let n = `:root {
313
315
  `;
314
- if (t.colors && Object.entries(t.colors).forEach(([o, s]) => {
315
- Object.entries(s).forEach(([i, a]) => {
316
- n += ` --${o}-${i}: ${a};
316
+ if (t.colors && Object.entries(t.colors).forEach(([s, o]) => {
317
+ Object.entries(o).forEach(([i, a]) => {
318
+ n += ` --${s}-${i}: ${a};
317
319
  `;
318
320
  });
319
- }), t.fonts && Object.entries(t.fonts).forEach(([o, s]) => {
320
- typeof s == "object" && Object.entries(s).forEach(([i, a]) => {
321
- a && (n += ` --font-${o}-${i}-family: ${a.font};
322
- `, n += ` --font-${o}-${i}-size: ${a.size}px;
323
- `, n += ` --font-${o}-${i}-weight: ${a.weight};
321
+ }), t.fonts && Object.entries(t.fonts).forEach(([s, o]) => {
322
+ typeof o == "object" && Object.entries(o).forEach(([i, a]) => {
323
+ a && (n += ` --font-${s}-${i}-family: ${a.font};
324
+ `, n += ` --font-${s}-${i}-size: ${a.size}px;
325
+ `, n += ` --font-${s}-${i}-weight: ${a.weight};
324
326
  `);
325
327
  });
326
328
  }), t.buttons) {
327
- const { buttons: o } = t;
328
- n += ` --button-size: ${o.size}px;
329
- `, n += ` --button-height: ${o.height}px;
330
- `, n += ` --button-radius: ${o.radius}px;
331
- `, n += ` --button-alignment: ${o.alignment};
329
+ const { buttons: s } = t;
330
+ n += ` --button-size: ${s.size}px;
331
+ `, n += ` --button-height: ${s.height}px;
332
+ `, n += ` --button-radius: ${s.radius}px;
333
+ `, n += ` --button-alignment: ${s.alignment};
332
334
  `;
333
335
  }
334
336
  if (t.borders) {
335
- const { borders: o } = t;
336
- n += ` --border-radius: ${o.radius}px;
337
- `, n += ` --border-thickness: ${o.thickness}px;
337
+ const { borders: s } = t;
338
+ n += ` --border-radius: ${s.radius}px;
339
+ `, n += ` --border-thickness: ${s.thickness}px;
338
340
  `;
339
341
  }
340
342
  return n += "}", n;
341
- }, nn = (t) => {
343
+ }, rn = (t) => {
342
344
  const n = document.getElementById("dynamic-styles");
343
345
  if (n)
344
346
  n.innerHTML = t;
345
347
  else {
346
- const o = document.createElement("style");
347
- o.id = "dynamic-styles", o.innerHTML = t, document.head.appendChild(o);
348
+ const s = document.createElement("style");
349
+ s.id = "dynamic-styles", s.innerHTML = t, document.head.appendChild(s);
348
350
  }
349
- }, on = () => {
350
- const { undo: t, redo: n, past: o, future: s } = dt(), [i, a] = m.useState(!1), [r, l] = m.useState(!1);
351
- return m.useEffect(() => {
352
- a(o.length === 0);
353
- }, [o]), m.useEffect(() => {
354
- l(s.length === 0);
355
- }, [s]), /* @__PURE__ */ e.jsxs("div", { className: le.buttons, children: [
351
+ }, an = () => {
352
+ const { undo: t, redo: n, past: s, future: o } = gt(), [i, a] = S.useState(!1), [r, l] = S.useState(!1);
353
+ return S.useEffect(() => {
354
+ a(s.length === 0);
355
+ }, [s]), S.useEffect(() => {
356
+ l(o.length === 0);
357
+ }, [o]), /* @__PURE__ */ e.jsxs("div", { className: de.buttons, children: [
356
358
  /* @__PURE__ */ e.jsx(
357
359
  "div",
358
360
  {
359
- className: N(le.button, {
360
- [le.disabled]: i
361
+ className: P(de.button, {
362
+ [de.disabled]: i
361
363
  }),
362
364
  children: /* @__PURE__ */ e.jsx(
363
- v,
365
+ A,
364
366
  {
365
367
  name: "ArrowUUpLeft",
366
368
  width: 20,
@@ -376,11 +378,11 @@ const en = () => {
376
378
  /* @__PURE__ */ e.jsx(
377
379
  "div",
378
380
  {
379
- className: N(le.button, {
380
- [le.disabled]: r
381
+ className: P(de.button, {
382
+ [de.disabled]: r
381
383
  }),
382
384
  children: /* @__PURE__ */ e.jsx(
383
- v,
385
+ A,
384
386
  {
385
387
  name: "ArrowUUpRight",
386
388
  width: 20,
@@ -394,112 +396,112 @@ const en = () => {
394
396
  }
395
397
  )
396
398
  ] });
397
- }, sn = "_devices_1b6y1_1", an = "_device_1b6y1_1", rn = "_active_1b6y1_26", Le = {
398
- devices: sn,
399
- device: an,
400
- active: rn
401
- }, ln = () => {
399
+ }, ln = "_devices_1b6y1_1", cn = "_device_1b6y1_1", dn = "_active_1b6y1_26", Re = {
400
+ devices: ln,
401
+ device: cn,
402
+ active: dn
403
+ }, un = () => {
402
404
  const { currentDevice: t, setCurrentDevice: n } = Ve();
403
- return /* @__PURE__ */ e.jsx("div", { className: Le.devices, children: Ft.map((o) => /* @__PURE__ */ e.jsx(
405
+ return /* @__PURE__ */ e.jsx("div", { className: Re.devices, children: Dt.map((s) => /* @__PURE__ */ e.jsx(
404
406
  "div",
405
407
  {
406
- className: N(Le.device, {
407
- [Le.active]: t.value === o.value
408
+ className: P(Re.device, {
409
+ [Re.active]: t.value === s.value
408
410
  }),
409
- onClick: () => n(o),
411
+ onClick: () => n(s),
410
412
  children: /* @__PURE__ */ e.jsx(
411
- v,
413
+ A,
412
414
  {
413
- name: o.icon,
414
- fill: t.value === o.value ? "#252525" : "#757575",
415
+ name: s.icon,
416
+ fill: t.value === s.value ? "#252525" : "#757575",
415
417
  width: 20,
416
418
  height: 20
417
419
  }
418
420
  )
419
421
  },
420
- o.value
422
+ s.value
421
423
  )) });
422
- }, cn = "_header_2d8xd_1", dn = "_left_2d8xd_13", un = "_right_2d8xd_14", me = {
423
- header: cn,
424
- left: dn,
425
- right: un
426
- }, hn = "_preview_93shy_2", pn = "_active_93shy_23", Ne = {
427
- preview: hn,
428
- active: pn
429
- }, gn = () => {
430
- const { onPreview: t, setOnPreview: n } = ee();
424
+ }, hn = "_header_2d8xd_1", pn = "_left_2d8xd_13", gn = "_right_2d8xd_14", fe = {
425
+ header: hn,
426
+ left: pn,
427
+ right: gn
428
+ }, mn = "_preview_93shy_2", _n = "_active_93shy_23", De = {
429
+ preview: mn,
430
+ active: _n
431
+ }, Sn = () => {
432
+ const { onPreview: t, setOnPreview: n } = te();
431
433
  return /* @__PURE__ */ e.jsxs(
432
434
  "div",
433
435
  {
434
- className: N(Ne.preview, {
435
- [Ne.active]: t
436
+ className: P(De.preview, {
437
+ [De.active]: t
436
438
  }),
437
439
  onClick: () => n(!t),
438
440
  children: [
439
441
  /* @__PURE__ */ e.jsx(
440
- v,
442
+ A,
441
443
  {
442
444
  name: "ArrowUpRight",
443
445
  width: 20,
444
446
  height: 20
445
447
  }
446
448
  ),
447
- /* @__PURE__ */ e.jsx("span", { className: Ne.text, children: "Preview" })
449
+ /* @__PURE__ */ e.jsx("span", { className: De.text, children: "Preview" })
448
450
  ]
449
451
  }
450
452
  );
451
- }, mn = "_settings_u4cv4_1", _n = {
452
- settings: mn
453
- }, Sn = "_pages_1mwe1_1", bn = "_text_1mwe1_17", fn = "_modal_1mwe1_23", Cn = "_page_1mwe1_1", wn = "_hoverable_1mwe1_49", vn = "_separator_1mwe1_53", xn = "_button_1mwe1_57", kn = "_items_1mwe1_72", z = {
454
- pages: Sn,
453
+ }, fn = "_settings_u4cv4_1", bn = {
454
+ settings: fn
455
+ }, Cn = "_pages_1mwe1_1", wn = "_text_1mwe1_17", vn = "_modal_1mwe1_23", xn = "_page_1mwe1_1", kn = "_hoverable_1mwe1_49", yn = "_separator_1mwe1_53", jn = "_button_1mwe1_57", An = "_items_1mwe1_72", z = {
456
+ pages: Cn,
455
457
  default: "_default_1mwe1_5",
456
- text: bn,
457
- modal: fn,
458
- page: Cn,
459
- hoverable: wn,
460
- separator: vn,
461
- button: xn,
462
- items: kn
463
- }, yn = () => {
458
+ text: wn,
459
+ modal: vn,
460
+ page: xn,
461
+ hoverable: kn,
462
+ separator: yn,
463
+ button: jn,
464
+ items: An
465
+ }, Bn = () => {
464
466
  const {
465
467
  currentPage: t,
466
468
  setCurrentPage: n,
467
- setIsOpenModal: o,
468
- pages: s,
469
+ setIsOpenModal: s,
470
+ pages: o,
469
471
  setIsEdit: i,
470
472
  setEditedPage: a,
471
473
  deletePage: r,
472
474
  isOpenSelectModal: l,
473
- setIsOpenSelectModal: d
474
- } = $(), { deletePage: f } = M(), [h, p] = m.useState("");
475
- return m.useEffect(() => {
476
- const u = () => {
477
- d(!1);
475
+ setIsOpenSelectModal: c
476
+ } = D(), { deletePage: g } = E(), [u, C] = S.useState("");
477
+ return S.useEffect(() => {
478
+ const m = () => {
479
+ c(!1);
478
480
  };
479
- return document.body.addEventListener("click", u), () => {
480
- document.body.removeEventListener("click", u);
481
+ return document.body.addEventListener("click", m), () => {
482
+ document.body.removeEventListener("click", m);
481
483
  };
482
484
  }, []), /* @__PURE__ */ e.jsxs("div", { className: z.pages, children: [
483
485
  /* @__PURE__ */ e.jsxs(
484
486
  "div",
485
487
  {
486
488
  className: z.default,
487
- onClick: (u) => {
488
- u.stopPropagation(), d(!l);
489
+ onClick: (m) => {
490
+ m.stopPropagation(), c(!l);
489
491
  },
490
492
  children: [
491
493
  /* @__PURE__ */ e.jsx(
492
- v,
494
+ A,
493
495
  {
494
- name: s && s[t] && s[t].icon || "File",
496
+ name: o && o[t] && o[t].icon || "File",
495
497
  fill: "#252525",
496
498
  width: 20,
497
499
  height: 20
498
500
  }
499
501
  ),
500
- /* @__PURE__ */ e.jsx("span", { className: z.text, children: s && s[t] && he.includes(s[t].name) ? `${G(s[t].name)} page` : s && s[t] && s[t].name }),
502
+ /* @__PURE__ */ e.jsx("span", { className: z.text, children: o && o[t] && me.includes(o[t].name) ? `${W(o[t].name)} page` : o && o[t] && o[t].name }),
501
503
  /* @__PURE__ */ e.jsx(
502
- v,
504
+ A,
503
505
  {
504
506
  name: "CaretDown",
505
507
  width: 20,
@@ -513,54 +515,54 @@ const en = () => {
513
515
  "div",
514
516
  {
515
517
  className: z.modal,
516
- onClick: (u) => u.stopPropagation(),
518
+ onClick: (m) => m.stopPropagation(),
517
519
  children: [
518
- s && /* @__PURE__ */ e.jsx("div", { className: z.items, children: Object.keys(s).map((u) => {
519
- const c = s[u];
520
+ o && /* @__PURE__ */ e.jsx("div", { className: z.items, children: Object.keys(o).map((m) => {
521
+ const p = o[m];
520
522
  return /* @__PURE__ */ e.jsxs(
521
523
  "div",
522
524
  {
523
- className: N(z.page, {
524
- [z.hoverable]: h === u
525
+ className: P(z.page, {
526
+ [z.hoverable]: u === m
525
527
  }),
526
- onMouseEnter: () => p(u),
527
- onMouseLeave: () => p(""),
528
+ onMouseEnter: () => C(m),
529
+ onMouseLeave: () => C(""),
528
530
  onClick: () => {
529
- p(""), i(!1), n(u), d(!1);
531
+ C(""), i(!1), n(m), c(!1);
530
532
  },
531
533
  children: [
532
534
  /* @__PURE__ */ e.jsx(
533
- v,
535
+ A,
534
536
  {
535
- name: c.icon,
537
+ name: p.icon,
536
538
  fill: "#252525"
537
539
  }
538
540
  ),
539
- /* @__PURE__ */ e.jsx("span", { className: z.text, children: he.includes(c.name) ? `${G(c.name)} page` : c.name }),
540
- h === u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
541
+ /* @__PURE__ */ e.jsx("span", { className: z.text, children: me.includes(p.name) ? `${W(p.name)} page` : p.name }),
542
+ u === m && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
541
543
  /* @__PURE__ */ e.jsx(
542
- v,
544
+ A,
543
545
  {
544
546
  name: "Gear",
545
547
  fill: "#757575",
546
- onClick: (j) => {
547
- j.stopPropagation(), i(!0), a(u), o(!0);
548
+ onClick: (v) => {
549
+ v.stopPropagation(), i(!0), a(m), s(!0);
548
550
  }
549
551
  }
550
552
  ),
551
- !he.includes(c.name) && /* @__PURE__ */ e.jsx(
552
- v,
553
+ !me.includes(p.name) && /* @__PURE__ */ e.jsx(
554
+ A,
553
555
  {
554
556
  name: "Trash",
555
557
  fill: "#C12A2A",
556
- onClick: (j) => {
557
- s[t].path === c.name && n("/"), j.stopPropagation(), r(u), f(c.name), ut(c.path);
558
+ onClick: (v) => {
559
+ o[t].path === p.name && n("/"), v.stopPropagation(), r(m), g(p.name), mt(p.path);
558
560
  }
559
561
  }
560
562
  )
561
563
  ] }),
562
- s[t] && s[t].path === c.name && /* @__PURE__ */ e.jsx(
563
- v,
564
+ o[t] && o[t].path === p.name && /* @__PURE__ */ e.jsx(
565
+ A,
564
566
  {
565
567
  name: "Check",
566
568
  fill: "#FF3F19"
@@ -568,7 +570,7 @@ const en = () => {
568
570
  )
569
571
  ]
570
572
  },
571
- u
573
+ m
572
574
  );
573
575
  }) }),
574
576
  /* @__PURE__ */ e.jsx("div", { className: z.separator }),
@@ -576,13 +578,13 @@ const en = () => {
576
578
  K,
577
579
  {
578
580
  className: z.button,
579
- onClick: (u) => {
580
- u.stopPropagation(), o(!0);
581
+ onClick: (m) => {
582
+ m.stopPropagation(), s(!0);
581
583
  },
582
584
  size: "l",
583
585
  children: [
584
586
  /* @__PURE__ */ e.jsx(
585
- v,
587
+ A,
586
588
  {
587
589
  name: "Plus",
588
590
  fill: "#ff3f19"
@@ -596,17 +598,17 @@ const en = () => {
596
598
  }
597
599
  )
598
600
  ] });
599
- }, jn = "_zoom_1q1ud_1", Bn = {
600
- zoom: jn
601
- }, An = () => {
602
- const [t, n] = m.useState(), o = () => {
601
+ }, Nn = "_zoom_1q1ud_1", Pn = {
602
+ zoom: Nn
603
+ }, Tn = () => {
604
+ const [t, n] = S.useState(), s = () => {
603
605
  n(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
604
606
  };
605
- return m.useEffect(() => (o(), window.addEventListener("resize", o), () => {
606
- window.removeEventListener("resize", o);
607
- }), []), /* @__PURE__ */ e.jsxs("div", { className: Bn.zoom, children: [
607
+ return S.useEffect(() => (s(), window.addEventListener("resize", s), () => {
608
+ window.removeEventListener("resize", s);
609
+ }), []), /* @__PURE__ */ e.jsxs("div", { className: Pn.zoom, children: [
608
610
  /* @__PURE__ */ e.jsx(
609
- v,
611
+ A,
610
612
  {
611
613
  name: "MagnifyingGlassMinus",
612
614
  width: 20,
@@ -618,14 +620,14 @@ const en = () => {
618
620
  " %"
619
621
  ] })
620
622
  ] });
621
- }, Pn = () => /* @__PURE__ */ e.jsxs("div", { className: _n.settings, children: [
622
- /* @__PURE__ */ e.jsx(yn, {}),
623
- /* @__PURE__ */ e.jsx(An, {})
624
- ] }), Ln = "_theme_1jz2h_1", Nn = {
625
- theme: Ln
626
- }, Tn = () => /* @__PURE__ */ e.jsxs("div", { className: Nn.theme, children: [
623
+ }, Ln = () => /* @__PURE__ */ e.jsxs("div", { className: bn.settings, children: [
624
+ /* @__PURE__ */ e.jsx(Bn, {}),
625
+ /* @__PURE__ */ e.jsx(Tn, {})
626
+ ] }), Fn = "_theme_1jz2h_1", Rn = {
627
+ theme: Fn
628
+ }, Dn = () => /* @__PURE__ */ e.jsxs("div", { className: Rn.theme, children: [
627
629
  /* @__PURE__ */ e.jsx(
628
- v,
630
+ A,
629
631
  {
630
632
  name: "Check",
631
633
  width: 18,
@@ -633,142 +635,142 @@ const en = () => {
633
635
  }
634
636
  ),
635
637
  /* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
636
- ] }), Fn = () => {
637
- const { themeSettings: t } = I(), { settings: n } = J(), { isOpenSelectModal: o } = $(), [s, i] = m.useState(null), [a, r] = m.useState(!1), [l, d] = m.useState(!1), { setNotification: f } = Xe(), { pages: h } = $(), { blocks: p } = M();
638
- function u(g, k) {
638
+ ] }), $n = ({ setIsLoading: t }) => {
639
+ const { themeSettings: n } = I(), { settings: s } = Z(), [o, i] = S.useState(null), [a, r] = S.useState(!1), { setNotification: l } = Je(), { pages: c } = D(), { blocks: g } = E();
640
+ function u(v, h) {
639
641
  try {
640
- return k.map((C) => {
641
- if (!C.value || !C.value.blockSettings) {
642
+ return h.map((d) => {
643
+ if (!d.value || !d.value.blockSettings) {
642
644
  console.error("block.value or block.value.blockSettings is undefined.");
643
645
  return;
644
646
  }
645
- return Object.values(C.value.blockSettings).filter((B) => B && B.type === g).map((B) => {
646
- if (!B.value)
647
+ return Object.values(d.value.blockSettings).filter((b) => b && b.type === v).map((b) => {
648
+ if (!b.value)
647
649
  throw new Error("item.value is undefined.");
648
- return B.value;
650
+ return b.value;
649
651
  }).flat();
650
- }).flat().filter((C) => C).map((C) => C.listingId);
652
+ }).flat().filter((d) => d).map((d) => v === "ListingIds" ? d.listingId : d);
651
653
  } catch (_) {
652
654
  return console.error("Error in getValues function:", _), [];
653
655
  }
654
656
  }
655
- function c(g, k) {
656
- return u(g, k).some((C) => C);
657
- }
658
- function j(g, k) {
659
- const _ = u(g, k);
657
+ function C(v, h) {
658
+ const _ = u(v, h);
660
659
  return Array.isArray(_) && _.length > 0 ? Math.max(..._) : 0;
661
660
  }
662
- function L(g) {
663
- if (h) {
664
- const k = Object.keys(h).find((_) => h[_].name === g);
665
- if (k) return h[k];
661
+ function m(v) {
662
+ if (c) {
663
+ const h = Object.keys(c).find((_) => c[_].name === v);
664
+ if (h) return c[h];
666
665
  }
667
666
  return null;
668
667
  }
669
- const P = async () => {
668
+ const p = async () => {
670
669
  if (a)
671
- s && clearTimeout(s);
670
+ o && clearTimeout(o);
672
671
  else {
673
- d(!0);
674
- const k = Object.keys(p).map((C) => {
675
- const w = L(C);
672
+ t(!0);
673
+ const h = Object.keys(g).map((d) => {
674
+ const f = m(d);
676
675
  return {
677
- name: w ? w.name : C,
678
- path: (w == null ? void 0 : w.path) || C,
676
+ name: f ? f.name : d,
677
+ path: (f == null ? void 0 : f.path) || d,
679
678
  layout: {
680
- ...p[C]
679
+ ...g[d]
681
680
  },
682
- neededProductIds: [...u("ProductId", Object.values(p[C]))],
683
- neededCategoryIds: [...u("CategoryId", Object.values(p[C]))],
684
- neededAnnouncementIds: [...u("AnnouncementId", Object.values(p[C]))],
685
- neededListingIds: [...u("ListingIds", Object.values(p[C]))],
686
- neededFaqs: c("Faqs", Object.values(p[C])),
687
- neededReviewCount: j("ReviewCount", Object.values(p[C])),
681
+ neededProductIds: [...u("ProductId", Object.values(g[d]))],
682
+ neededCategoryIds: [...u("CategoryId", Object.values(g[d]))],
683
+ neededAnnouncementIds: [...u("AnnouncementId", Object.values(g[d]))],
684
+ neededListingIds: [...u("ListingIds", Object.values(g[d]))],
685
+ neededFaqsIds: [...u("FaqsIds", Object.values(g[d]))],
686
+ neededReviewCount: C("ReviewCount", Object.values(g[d])),
688
687
  seo: {
689
- pageTitle: w && w.seo && w.seo.title ? w.seo.title : "",
690
- pageDescription: w && w.seo && w.seo.description ? w.seo.description : ""
688
+ pageTitle: f && f.seo && f.seo.title ? f.seo.title : "",
689
+ pageDescription: f && f.seo && f.seo.description ? f.seo.description : ""
691
690
  }
692
691
  };
693
- }), { status: _ } = await ht("post", "save", {
694
- themeSettings: t,
695
- settings: n,
696
- updatedPages: k
692
+ }), { status: _ } = await _t("post", "save", {
693
+ themeSettings: n,
694
+ settings: s,
695
+ updatedPages: h
697
696
  });
698
- f({
697
+ l({
699
698
  message: _ === 200 ? "Settings saved" : "Error",
700
699
  status: _ === 200 ? "success" : "error"
701
- }), d(!1);
700
+ }), t(!1);
702
701
  }
703
702
  r(!0);
704
- const g = setTimeout(() => {
703
+ const v = setTimeout(() => {
705
704
  r(!1);
706
705
  }, 2e3);
707
- i(g);
706
+ i(v);
708
707
  };
708
+ return /* @__PURE__ */ e.jsx(K, { onClick: p, children: "Save" });
709
+ }, En = () => {
710
+ const { isOpenSelectModal: t } = D(), [n, s] = S.useState(!1);
709
711
  return /* @__PURE__ */ e.jsxs(
710
712
  "div",
711
713
  {
712
- className: me.header,
714
+ className: fe.header,
713
715
  style: {
714
- zIndex: o ? 5e4 : 50
716
+ zIndex: t ? 5e4 : 50
715
717
  },
716
718
  children: [
717
- /* @__PURE__ */ e.jsxs("div", { className: me.left, children: [
718
- /* @__PURE__ */ e.jsx(ln, {}),
719
- /* @__PURE__ */ e.jsx(gn, {})
719
+ /* @__PURE__ */ e.jsxs("div", { className: fe.left, children: [
720
+ /* @__PURE__ */ e.jsx(un, {}),
721
+ /* @__PURE__ */ e.jsx(Sn, {})
720
722
  ] }),
721
- /* @__PURE__ */ e.jsx("div", { className: me.center, children: /* @__PURE__ */ e.jsx(Pn, {}) }),
722
- /* @__PURE__ */ e.jsxs("div", { className: me.right, children: [
723
- /* @__PURE__ */ e.jsx(Tn, {}),
724
- /* @__PURE__ */ e.jsx(on, {}),
725
- l ? /* @__PURE__ */ e.jsx(ye, {}) : /* @__PURE__ */ e.jsx(K, { onClick: P, children: "Save" })
723
+ /* @__PURE__ */ e.jsx("div", { className: fe.center, children: /* @__PURE__ */ e.jsx(Ln, {}) }),
724
+ /* @__PURE__ */ e.jsxs("div", { className: fe.right, children: [
725
+ /* @__PURE__ */ e.jsx(Dn, {}),
726
+ /* @__PURE__ */ e.jsx(an, {}),
727
+ n ? /* @__PURE__ */ e.jsx(Ae, {}) : /* @__PURE__ */ e.jsx($n, { setIsLoading: s })
726
728
  ] })
727
729
  ]
728
730
  }
729
731
  );
730
- }, $n = "_exit_1wk4t_1", Dn = "_text_1wk4t_11", Re = {
731
- exit: $n,
732
- text: Dn
733
- }, Mn = () => /* @__PURE__ */ e.jsxs(
732
+ }, In = "_exit_1wk4t_1", Mn = "_text_1wk4t_11", qe = {
733
+ exit: In,
734
+ text: Mn
735
+ }, Hn = () => /* @__PURE__ */ e.jsxs(
734
736
  "a",
735
737
  {
736
738
  href: "https://dash.billgang.com/",
737
- className: Re.exit,
739
+ className: qe.exit,
738
740
  children: [
739
741
  /* @__PURE__ */ e.jsx(
740
- v,
742
+ A,
741
743
  {
742
744
  name: "SignOut",
743
745
  width: 20,
744
746
  height: 20
745
747
  }
746
748
  ),
747
- /* @__PURE__ */ e.jsx("span", { className: Re.text, children: "Exit" })
749
+ /* @__PURE__ */ e.jsx("span", { className: qe.text, children: "Exit" })
748
750
  ]
749
751
  }
750
- ), Hn = "_navbar_14j8e_1", In = "_main_14j8e_6", En = "_block_14j8e_13", Rn = "_active_14j8e_30", _e = {
751
- navbar: Hn,
752
- main: In,
753
- block: En,
754
- active: Rn
755
- }, On = () => {
756
- const { activeBlock: t, setActiveBlock: n } = je(), { setActiveBlock: o } = X(), { setCurrentBlock: s } = M(), { setActiveBlock: i } = I();
752
+ ), On = "_navbar_14j8e_1", Un = "_main_14j8e_6", qn = "_block_14j8e_13", Gn = "_active_14j8e_30", be = {
753
+ navbar: On,
754
+ main: Un,
755
+ block: qn,
756
+ active: Gn
757
+ }, Wn = () => {
758
+ const { activeBlock: t, setActiveBlock: n } = Be(), { setActiveBlock: s } = Q(), { setCurrentBlock: o } = E(), { setActiveBlock: i } = I();
757
759
  function a(r) {
758
- o(null), n(r), s(null), i(null);
760
+ s(null), n(r), o(null), i(null);
759
761
  }
760
- return /* @__PURE__ */ e.jsxs("div", { className: _e.navbar, children: [
761
- /* @__PURE__ */ e.jsx(Mn, {}),
762
- /* @__PURE__ */ e.jsx("div", { className: _e.main, children: pt.map((r) => /* @__PURE__ */ e.jsxs(
762
+ return /* @__PURE__ */ e.jsxs("div", { className: be.navbar, children: [
763
+ /* @__PURE__ */ e.jsx(Hn, {}),
764
+ /* @__PURE__ */ e.jsx("div", { className: be.main, children: St.map((r) => /* @__PURE__ */ e.jsxs(
763
765
  "div",
764
766
  {
765
- className: N(_e.block, {
766
- [_e.active]: t.icon === r.icon
767
+ className: P(be.block, {
768
+ [be.active]: t.icon === r.icon
767
769
  }),
768
770
  onClick: () => a(r),
769
771
  children: [
770
772
  /* @__PURE__ */ e.jsx(
771
- v,
773
+ A,
772
774
  {
773
775
  name: r.icon,
774
776
  fill: t.icon === r.icon ? "#252525" : "#757575"
@@ -780,47 +782,47 @@ const en = () => {
780
782
  r.icon
781
783
  )) })
782
784
  ] });
783
- }, Un = "_preview_1howr_1", qn = "_main_1howr_14", Gn = "_content_1howr_25", zn = "_loading_1howr_32", Wn = "_loader_1howr_42", Vn = "_spin_1howr_1", Se = {
784
- preview: Un,
785
- main: qn,
786
- content: Gn,
787
- loading: zn,
788
- loader: Wn,
785
+ }, zn = "_preview_1howr_1", Xn = "_main_1howr_14", Yn = "_content_1howr_25", Kn = "_loading_1howr_32", Qn = "_loader_1howr_42", Vn = "_spin_1howr_1", Ce = {
786
+ preview: zn,
787
+ main: Xn,
788
+ content: Yn,
789
+ loading: Kn,
790
+ loader: Qn,
789
791
  spin: Vn
790
- }, Xn = "_header_obebc_1", Yn = "_circles_obebc_16", Qn = "_circle_obebc_16", Kn = "_red_obebc_33", Jn = "_green_obebc_37", Zn = "_yellow_obebc_41", eo = "_input_obebc_45", to = "_main_obebc_56", no = "_text_obebc_65", Y = {
791
- header: Xn,
792
- circles: Yn,
793
- circle: Qn,
794
- red: Kn,
795
- green: Jn,
796
- yellow: Zn,
797
- input: eo,
798
- main: to,
799
- text: no
800
- }, oo = "data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='0.5'%20width='16'%20height='16'%20fill='url(%23pattern0_4042_718)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_4042_718'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_4042_718'%20transform='scale(0.015625)'/%3e%3c/pattern%3e%3cimage%20id='image0_4042_718'%20width='64'%20height='64'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e", so = ["red", "yellow", "green"], ao = () => /* @__PURE__ */ e.jsxs("div", { className: Y.header, children: [
801
- /* @__PURE__ */ e.jsx("div", { className: Y.circles, children: so.map((t) => /* @__PURE__ */ e.jsx(
792
+ }, Jn = "_header_obebc_1", Zn = "_circles_obebc_16", es = "_circle_obebc_16", ts = "_red_obebc_33", ns = "_green_obebc_37", ss = "_yellow_obebc_41", os = "_input_obebc_45", rs = "_main_obebc_56", as = "_text_obebc_65", V = {
793
+ header: Jn,
794
+ circles: Zn,
795
+ circle: es,
796
+ red: ts,
797
+ green: ns,
798
+ yellow: ss,
799
+ input: os,
800
+ main: rs,
801
+ text: as
802
+ }, is = "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", ls = ["red", "yellow", "green"], cs = () => /* @__PURE__ */ e.jsxs("div", { className: V.header, children: [
803
+ /* @__PURE__ */ e.jsx("div", { className: V.circles, children: ls.map((t) => /* @__PURE__ */ e.jsx(
802
804
  "div",
803
805
  {
804
- className: N(Y.circle, {
805
- [Y.red]: t === "red",
806
- [Y.yellow]: t === "yellow",
807
- [Y.green]: t === "green"
806
+ className: P(V.circle, {
807
+ [V.red]: t === "red",
808
+ [V.yellow]: t === "yellow",
809
+ [V.green]: t === "green"
808
810
  })
809
811
  },
810
812
  t
811
813
  )) }),
812
- /* @__PURE__ */ e.jsxs("div", { className: Y.input, children: [
813
- /* @__PURE__ */ e.jsxs("div", { className: Y.main, children: [
814
+ /* @__PURE__ */ e.jsxs("div", { className: V.input, children: [
815
+ /* @__PURE__ */ e.jsxs("div", { className: V.main, children: [
814
816
  /* @__PURE__ */ e.jsx(
815
817
  "img",
816
818
  {
817
- src: oo,
819
+ src: is,
818
820
  alt: ""
819
821
  }
820
822
  ),
821
- /* @__PURE__ */ e.jsx("span", { className: Y.text, children: "lorem.ipsum" }),
823
+ /* @__PURE__ */ e.jsx("span", { className: V.text, children: "lorem.ipsum" }),
822
824
  /* @__PURE__ */ e.jsx(
823
- v,
825
+ A,
824
826
  {
825
827
  name: "Lock",
826
828
  fill: "#757575",
@@ -830,7 +832,7 @@ const en = () => {
830
832
  )
831
833
  ] }),
832
834
  /* @__PURE__ */ e.jsx(
833
- v,
835
+ A,
834
836
  {
835
837
  name: "Copy",
836
838
  width: 20,
@@ -838,71 +840,71 @@ const en = () => {
838
840
  }
839
841
  )
840
842
  ] })
841
- ] }), ro = "_content_glpob_1", io = "_main_glpob_9", lo = "_block_glpob_13", co = "_active_glpob_20", uo = "_name_glpob_24", ho = "_empty_glpob_38", po = "_icon_glpob_49", go = "_title_glpob_62", mo = "_text_glpob_68", _o = "_sections_glpob_74", So = "_section_glpob_74", ce = {
842
- content: ro,
843
- main: io,
844
- block: lo,
845
- active: co,
846
- name: uo,
847
- empty: ho,
848
- icon: po,
849
- title: go,
850
- text: mo,
851
- sections: _o,
852
- section: So
853
- }, bo = "_sidebar_1cz73_1", fo = "_content_1cz73_14", Co = "_button_1cz73_24", wo = "_moveButton_1cz73_34", vo = "_border_1cz73_38", xo = "_deleteButton_1cz73_42", R = {
854
- sidebar: bo,
855
- content: fo,
856
- button: Co,
857
- moveButton: wo,
858
- border: vo,
859
- deleteButton: xo
860
- }, ko = () => {
861
- const { activeBlock: t } = ee(), { blocks: n, removeBlock: o, moveBlock: s, duplicateBlock: i } = M(), { currentPage: a, pages: r } = $(), l = r && r[a] ? Object.keys(n[r[a].path]) : [], d = l.indexOf(t), f = () => {
862
- d > 0 && r && s(r[a].path, d, d - 1);
863
- }, h = () => {
864
- d < l.length - 1 && r && s(r[a].path, d, d + 1);
865
- }, p = () => {
843
+ ] }), ds = "_content_glpob_1", us = "_main_glpob_9", hs = "_block_glpob_13", ps = "_active_glpob_20", gs = "_name_glpob_24", ms = "_empty_glpob_38", _s = "_icon_glpob_49", Ss = "_title_glpob_62", fs = "_text_glpob_68", bs = "_sections_glpob_74", Cs = "_section_glpob_74", ue = {
844
+ content: ds,
845
+ main: us,
846
+ block: hs,
847
+ active: ps,
848
+ name: gs,
849
+ empty: ms,
850
+ icon: _s,
851
+ title: Ss,
852
+ text: fs,
853
+ sections: bs,
854
+ section: Cs
855
+ }, ws = "_sidebar_1cz73_1", vs = "_content_1cz73_14", xs = "_button_1cz73_24", ks = "_moveButton_1cz73_34", ys = "_border_1cz73_38", js = "_deleteButton_1cz73_42", H = {
856
+ sidebar: ws,
857
+ content: vs,
858
+ button: xs,
859
+ moveButton: ks,
860
+ border: ys,
861
+ deleteButton: js
862
+ }, As = () => {
863
+ const { activeBlock: t } = te(), { blocks: n, removeBlock: s, moveBlock: o, duplicateBlock: i } = E(), { currentPage: a, pages: r } = D(), l = r && r[a] ? Object.keys(n[r[a].path]) : [], c = l.indexOf(t), g = () => {
864
+ c > 0 && r && o(r[a].path, c, c - 1);
865
+ }, u = () => {
866
+ c < l.length - 1 && r && o(r[a].path, c, c + 1);
867
+ }, C = () => {
866
868
  r && i(r[a].path, t);
867
869
  };
868
- return /* @__PURE__ */ e.jsx("div", { className: R.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: R.content, children: [
870
+ return /* @__PURE__ */ e.jsx("div", { className: H.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: H.content, children: [
869
871
  /* @__PURE__ */ e.jsx(
870
872
  "button",
871
873
  {
872
- onClick: f,
873
- className: N(R.button, R.moveButton),
874
- disabled: d === 0,
875
- children: /* @__PURE__ */ e.jsx(v, { name: "ArrowUp" })
874
+ onClick: g,
875
+ className: P(H.button, H.moveButton),
876
+ disabled: c === 0,
877
+ children: /* @__PURE__ */ e.jsx(A, { name: "ArrowUp" })
876
878
  }
877
879
  ),
878
880
  /* @__PURE__ */ e.jsx(
879
881
  "button",
880
882
  {
881
- onClick: h,
882
- className: N(R.button, R.moveButton),
883
- disabled: d === l.length - 1,
884
- children: /* @__PURE__ */ e.jsx(v, { name: "ArrowDown" })
883
+ onClick: u,
884
+ className: P(H.button, H.moveButton),
885
+ disabled: c === l.length - 1,
886
+ children: /* @__PURE__ */ e.jsx(A, { name: "ArrowDown" })
885
887
  }
886
888
  ),
887
- /* @__PURE__ */ e.jsx("div", { className: R.border }),
889
+ /* @__PURE__ */ e.jsx("div", { className: H.border }),
888
890
  /* @__PURE__ */ e.jsx(
889
891
  "button",
890
892
  {
891
- onClick: p,
892
- className: N(R.button, R.moveButton),
893
- children: /* @__PURE__ */ e.jsx(v, { name: "Copy" })
893
+ onClick: C,
894
+ className: P(H.button, H.moveButton),
895
+ children: /* @__PURE__ */ e.jsx(A, { name: "Copy" })
894
896
  }
895
897
  ),
896
- /* @__PURE__ */ e.jsx("div", { className: R.border }),
898
+ /* @__PURE__ */ e.jsx("div", { className: H.border }),
897
899
  /* @__PURE__ */ e.jsx(
898
900
  "button",
899
901
  {
900
902
  onClick: () => {
901
- r && o(r[a].path, t);
903
+ r && s(r[a].path, t);
902
904
  },
903
- className: N(R.button, R.deleteButton),
905
+ className: P(H.button, H.deleteButton),
904
906
  children: /* @__PURE__ */ e.jsx(
905
- v,
907
+ A,
906
908
  {
907
909
  name: "Trash",
908
910
  hoverable: !0
@@ -911,215 +913,225 @@ const en = () => {
911
913
  }
912
914
  )
913
915
  ] }) });
914
- }, yo = m.memo(() => {
915
- const { setActiveBlock: t, activeBlock: n } = ee(), { blocks: o, sourceBlocks: s } = X(), { blocks: i } = M(), { settings: a } = J(), { currentPage: r, pages: l, setIsOpenSelectModal: d, pageContext: f } = $(), h = m.useRef(n);
916
- m.useEffect(() => {
917
- h.current = n;
918
- }, [n]), m.useEffect(() => {
919
- const c = () => {
920
- h.current && t(null);
916
+ }, Bs = S.memo(() => {
917
+ const { setActiveBlock: t, activeBlock: n } = te(), { blocks: s, sourceBlocks: o } = Q(), { blocks: i } = E(), { settings: a } = Z(), { currentPage: r, pages: l, setIsOpenSelectModal: c, pageContext: g } = D(), { setError: u } = Ne(), C = S.useRef(n), m = ce();
918
+ S.useEffect(() => {
919
+ C.current = n;
920
+ }, [n]), S.useEffect(() => {
921
+ const h = () => {
922
+ C.current && t(null);
921
923
  };
922
- return document.body.addEventListener("click", c), () => {
923
- document.body.removeEventListener("click", c);
924
+ return document.body.addEventListener("click", h), () => {
925
+ document.body.removeEventListener("click", h);
924
926
  };
925
927
  }, []);
926
- const p = (c) => {
927
- if (!c || !c.name)
928
- return /* @__PURE__ */ e.jsx(xe, { error: "Block or block.name is undefined." });
929
- if (!o || !o[c.name])
930
- return /* @__PURE__ */ e.jsx(xe, { error: `Block "${c.name}" does not exist in blocks.` });
931
- const j = new o[c.name]();
932
- return c.value && Object.assign(j, c.value), j.renderBlock(a, f);
928
+ const p = (h) => {
929
+ if (!h || !h.name)
930
+ return u({
931
+ message: "Block or block.name is undefined.",
932
+ failedSettings: !1,
933
+ failedThemeSettings: !1,
934
+ failedPageIds: l && l[r].id ? [l[r].id] : []
935
+ }), m("/error"), /* @__PURE__ */ e.jsx(ye, { error: "Block or block.name is undefined." });
936
+ if (!s || !s[h.name])
937
+ return u({
938
+ message: 'Block "${block.name}" does not exist in blocks.',
939
+ failedSettings: !1,
940
+ failedThemeSettings: !1,
941
+ failedPageIds: l && l[r].id ? [l[r].id] : []
942
+ }), m("/error"), /* @__PURE__ */ e.jsx(ye, { error: `Block "${h.name}" does not exist in blocks.` });
943
+ const _ = new s[h.name]();
944
+ return h.value && Object.assign(_, h.value), _.renderBlock(a, g);
933
945
  };
934
- function u(c) {
935
- if (!s || !s[c])
946
+ function v(h) {
947
+ if (!o || !o[h])
936
948
  return "unknown name";
937
- const j = new s[c]();
938
- return !j.blockSettings || !j.blockSettings.displayName ? "unknown name" : j.blockSettings.displayName;
949
+ const _ = new o[h]();
950
+ return !_.blockSettings || !_.blockSettings.displayName ? "unknown name" : _.blockSettings.displayName;
939
951
  }
940
952
  return /* @__PURE__ */ e.jsxs(
941
953
  "div",
942
954
  {
943
- onClick: (c) => {
944
- c.stopPropagation(), d(!1);
955
+ onClick: (h) => {
956
+ h.stopPropagation(), c(!1);
945
957
  },
946
- className: ce.content,
958
+ className: ue.content,
947
959
  children: [
948
- /* @__PURE__ */ e.jsx(Ze, {}),
949
- /* @__PURE__ */ e.jsx("div", { className: ce.main, children: l && l[r] && i[l[r].path] && Object.keys(i[l[r].path]).map((c) => /* @__PURE__ */ e.jsxs(
960
+ /* @__PURE__ */ e.jsx(st, {}),
961
+ /* @__PURE__ */ e.jsx("div", { className: ue.main, children: l && l[r] && i[l[r].path] && Object.keys(i[l[r].path]).map((h) => /* @__PURE__ */ e.jsxs(
950
962
  "div",
951
963
  {
952
- onClick: () => t(c),
953
- className: N(ce.block, {
954
- [ce.active]: n === c
964
+ onClick: () => t(h),
965
+ className: P(ue.block, {
966
+ [ue.active]: n === h
955
967
  }),
956
968
  children: [
957
- n === c && /* @__PURE__ */ e.jsx("div", { className: ce.name, children: u(i[l[r].path][c].name) }),
958
- n === c && u(i[l[r].path][c].name) !== "unknown name" && /* @__PURE__ */ e.jsx(ko, {}),
959
- o && /* @__PURE__ */ e.jsx(
960
- Ke,
969
+ n === h && /* @__PURE__ */ e.jsx("div", { className: ue.name, children: v(i[l[r].path][h].name) }),
970
+ n === h && v(i[l[r].path][h].name) !== "unknown name" && /* @__PURE__ */ e.jsx(As, {}),
971
+ s && /* @__PURE__ */ e.jsx(
972
+ tt,
961
973
  {
962
974
  render: p,
963
- block: i[l[r].path][c]
975
+ block: i[l[r].path][h]
964
976
  }
965
977
  )
966
978
  ]
967
979
  },
968
- c
980
+ h
969
981
  )) }),
970
- /* @__PURE__ */ e.jsx(Je, {})
982
+ /* @__PURE__ */ e.jsx(nt, {})
971
983
  ]
972
984
  }
973
985
  );
974
- }), jo = "_results_12p5x_1", Bo = "_name_12p5x_8", Ao = "_product_12p5x_15", be = {
975
- results: jo,
976
- name: Bo,
977
- product: Ao
978
- }, Po = "_search_186hm_1", Lo = "_input_186hm_13", Oe = {
979
- search: Po,
980
- input: Lo
981
- }, No = () => /* @__PURE__ */ e.jsxs("label", { className: Oe.search, children: [
986
+ }), Ns = "_results_12p5x_1", Ps = "_name_12p5x_8", Ts = "_product_12p5x_15", we = {
987
+ results: Ns,
988
+ name: Ps,
989
+ product: Ts
990
+ }, Ls = "_search_186hm_1", Fs = "_input_186hm_13", Ge = {
991
+ search: Ls,
992
+ input: Fs
993
+ }, Rs = () => /* @__PURE__ */ e.jsxs("label", { className: Ge.search, children: [
982
994
  /* @__PURE__ */ e.jsx(
983
995
  "input",
984
996
  {
985
997
  type: "text",
986
998
  placeholder: "Search for sections",
987
- className: Oe.input
999
+ className: Ge.input
988
1000
  }
989
1001
  ),
990
1002
  /* @__PURE__ */ e.jsx(
991
- v,
1003
+ A,
992
1004
  {
993
1005
  name: "MagnifyingGlass",
994
1006
  fill: "#757575"
995
1007
  }
996
1008
  )
997
- ] }), et = () => {
998
- const { blocks: t, sourceBlocks: n, setActiveBlock: o } = X(), { hideModal: s } = pe();
1009
+ ] }), ot = () => {
1010
+ const { blocks: t, sourceBlocks: n, setActiveBlock: s } = Q(), { hideModal: o } = _e();
999
1011
  function i(l) {
1000
- o(l), s();
1012
+ s(l), o();
1001
1013
  }
1002
1014
  function a(l) {
1003
1015
  if (!n || !n[l])
1004
1016
  return "unknown name";
1005
- const d = new n[l]();
1006
- return !d.blockSettings || !d.blockSettings.displayName ? "unknown name" : d.blockSettings.displayName;
1017
+ const c = new n[l]();
1018
+ return !c.blockSettings || !c.blockSettings.displayName ? "unknown name" : c.blockSettings.displayName;
1007
1019
  }
1008
1020
  function r(l) {
1009
1021
  if (n)
1010
1022
  return new n[l]().blockSettings.isAddable;
1011
1023
  }
1012
- return /* @__PURE__ */ e.jsxs("div", { className: be.add, children: [
1013
- /* @__PURE__ */ e.jsx(No, {}),
1014
- /* @__PURE__ */ e.jsx("div", { className: be.results, children: t && Object.keys(t).map((l) => {
1024
+ return /* @__PURE__ */ e.jsxs("div", { className: we.add, children: [
1025
+ /* @__PURE__ */ e.jsx(Rs, {}),
1026
+ /* @__PURE__ */ e.jsx("div", { className: we.results, children: t && Object.keys(t).map((l) => {
1015
1027
  if (r(l))
1016
1028
  return /* @__PURE__ */ e.jsxs(
1017
1029
  "div",
1018
1030
  {
1019
- className: be.product,
1031
+ className: we.product,
1020
1032
  onClick: () => i(l),
1021
1033
  children: [
1022
- /* @__PURE__ */ e.jsx("span", { className: be.name, children: a(l) }),
1023
- /* @__PURE__ */ e.jsx(v, { name: "CaretRight" })
1034
+ /* @__PURE__ */ e.jsx("span", { className: we.name, children: a(l) }),
1035
+ /* @__PURE__ */ e.jsx(A, { name: "CaretRight" })
1024
1036
  ]
1025
1037
  },
1026
1038
  l
1027
1039
  );
1028
1040
  }) })
1029
1041
  ] });
1030
- }, To = "_wrapper_q0sfn_1", Fo = {
1031
- wrapper: To
1032
- }, $o = ({ children: t }) => {
1033
- const { hoverBlockId: n, startHideTimeout: o, clearHideTimeout: s, setMouseOverModal: i } = pe();
1042
+ }, Ds = "_wrapper_q0sfn_1", $s = {
1043
+ wrapper: Ds
1044
+ }, Es = ({ children: t }) => {
1045
+ const { hoverBlockId: n, startHideTimeout: s, clearHideTimeout: o, setMouseOverModal: i } = _e();
1034
1046
  return n ? /* @__PURE__ */ e.jsx(
1035
1047
  "div",
1036
1048
  {
1037
- className: Fo.wrapper,
1049
+ className: $s.wrapper,
1038
1050
  onMouseEnter: () => {
1039
- s(), i(!0);
1051
+ o(), i(!0);
1040
1052
  },
1041
1053
  onMouseLeave: () => {
1042
- i(!1), o();
1054
+ i(!1), s();
1043
1055
  },
1044
1056
  children: t
1045
1057
  }
1046
1058
  ) : null;
1047
- }, Do = "_applyButton_11q4y_2", Mo = "_cancelButton_11q4y_7", Ho = "_content_11q4y_12", Io = "_label_11q4y_19", Eo = "_colorValue_11q4y_32", Ro = "_modal_11q4y_39", Oo = "_colorMap_11q4y_58", Uo = "_indicator_11q4y_66", qo = "_hueSlider_11q4y_75", Go = "_slider_11q4y_106", zo = "_buttons_11q4y_111", Wo = "_name_11q4y_118", Vo = "_secondary_11q4y_123", Xo = "_input_11q4y_131", H = {
1048
- applyButton: Do,
1049
- cancelButton: Mo,
1050
- content: Ho,
1051
- label: Io,
1052
- colorValue: Eo,
1053
- modal: Ro,
1054
- colorMap: Oo,
1055
- indicator: Uo,
1056
- hueSlider: qo,
1057
- slider: Go,
1058
- buttons: zo,
1059
- name: Wo,
1060
- secondary: Vo,
1061
- input: Xo
1062
- }, Yo = () => {
1059
+ }, Is = "_applyButton_11q4y_2", Ms = "_cancelButton_11q4y_7", Hs = "_content_11q4y_12", Os = "_label_11q4y_19", Us = "_colorValue_11q4y_32", qs = "_modal_11q4y_39", Gs = "_colorMap_11q4y_58", Ws = "_indicator_11q4y_66", zs = "_hueSlider_11q4y_75", Xs = "_slider_11q4y_106", Ys = "_buttons_11q4y_111", Ks = "_name_11q4y_118", Qs = "_secondary_11q4y_123", Vs = "_input_11q4y_131", M = {
1060
+ applyButton: Is,
1061
+ cancelButton: Ms,
1062
+ content: Hs,
1063
+ label: Os,
1064
+ colorValue: Us,
1065
+ modal: qs,
1066
+ colorMap: Gs,
1067
+ indicator: Ws,
1068
+ hueSlider: zs,
1069
+ slider: Xs,
1070
+ buttons: Ys,
1071
+ name: Ks,
1072
+ secondary: Qs,
1073
+ input: Vs
1074
+ }, Js = () => {
1063
1075
  const {
1064
1076
  modalPosition: t,
1065
1077
  color: n,
1066
- initialColor: o,
1067
- setShowModal: s,
1078
+ initialColor: s,
1079
+ setShowModal: o,
1068
1080
  hue: i,
1069
1081
  saturation: a,
1070
1082
  brightness: r,
1071
1083
  dragging: l,
1072
- setDragging: d,
1073
- setHue: f,
1074
- setSaturation: h,
1075
- setBrightness: p,
1076
- colorChange: u,
1077
- setColor: c,
1078
- update: j
1079
- } = He(), L = (b) => {
1080
- const { offsetX: y, offsetY: A } = b.nativeEvent;
1081
- d(!0), k(y, A, b.currentTarget);
1082
- }, P = (b) => {
1084
+ setDragging: c,
1085
+ setHue: g,
1086
+ setSaturation: u,
1087
+ setBrightness: C,
1088
+ colorChange: m,
1089
+ setColor: p,
1090
+ update: v
1091
+ } = Pe(), h = (x) => {
1092
+ const { offsetX: w, offsetY: y } = x.nativeEvent;
1093
+ c(!0), f(w, y, x.currentTarget);
1094
+ }, _ = (x) => {
1083
1095
  if (l) {
1084
- const y = document.querySelector(`.${H.colorMap}`), { left: A, top: T } = y.getBoundingClientRect(), x = b.clientX - A, S = b.clientY - T;
1085
- k(x, S, y);
1096
+ const w = document.querySelector(`.${M.colorMap}`), { left: y, top: L } = w.getBoundingClientRect(), j = x.clientX - y, k = x.clientY - L;
1097
+ f(j, k, w);
1086
1098
  }
1087
- }, g = () => {
1088
- d(!1);
1089
- }, k = (b, y, A) => {
1090
- const { width: T, height: x } = A.getBoundingClientRect(), S = Math.max(0, Math.min(b / T * 100, 100)), F = Math.max(0, Math.min(100 - y / x * 100, 100));
1091
- h(S), p(F), _(S, F);
1092
- }, _ = (b, y) => {
1093
- const A = B(i, b, y);
1094
- u(A), c(A);
1095
- }, C = (b, y, A) => {
1096
- y /= 100, A /= 100;
1097
- const T = (ge) => (ge + b / 60) % 6, x = (ge) => A * (1 - y * Math.max(0, Math.min(T(ge), 4 - T(ge), 1))), S = Math.round(255 * x(5)), F = Math.round(255 * x(3)), st = Math.round(255 * x(1));
1098
- return { r: S, g: F, b: st };
1099
- }, w = (b, y, A) => {
1100
- const T = (x) => x.toString(16).padStart(2, "0");
1101
- return `#${T(b)}${T(y)}${T(A)}`;
1102
- }, B = (b, y, A) => {
1103
- const { r: T, g: x, b: S } = C(b, y, A);
1104
- return w(T, x, S);
1099
+ }, d = () => {
1100
+ c(!1);
1101
+ }, f = (x, w, y) => {
1102
+ const { width: L, height: j } = y.getBoundingClientRect(), k = Math.max(0, Math.min(x / L * 100, 100)), F = Math.max(0, Math.min(100 - w / j * 100, 100));
1103
+ u(k), C(F), b(k, F);
1104
+ }, b = (x, w) => {
1105
+ const y = B(i, x, w);
1106
+ m(y), p(y);
1107
+ }, T = (x, w, y) => {
1108
+ w /= 100, y /= 100;
1109
+ const L = (Se) => (Se + x / 60) % 6, j = (Se) => y * (1 - w * Math.max(0, Math.min(L(Se), 4 - L(Se), 1))), k = Math.round(255 * j(5)), F = Math.round(255 * j(3)), lt = Math.round(255 * j(1));
1110
+ return { r: k, g: F, b: lt };
1111
+ }, N = (x, w, y) => {
1112
+ const L = (j) => j.toString(16).padStart(2, "0");
1113
+ return `#${L(x)}${L(w)}${L(y)}`;
1114
+ }, B = (x, w, y) => {
1115
+ const { r: L, g: j, b: k } = T(x, w, y);
1116
+ return N(L, j, k);
1105
1117
  };
1106
- m.useEffect(() => {
1107
- const b = (A) => P(A), y = () => g();
1108
- return l ? (document.addEventListener("mousemove", b), document.addEventListener("mouseup", y)) : (document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", y)), () => {
1109
- document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", y);
1118
+ S.useEffect(() => {
1119
+ const x = (y) => _(y), w = () => d();
1120
+ return l ? (document.addEventListener("mousemove", x), document.addEventListener("mouseup", w)) : (document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", w)), () => {
1121
+ document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", w);
1110
1122
  };
1111
1123
  }, [l]);
1112
- function D() {
1113
- j(n), s(!1);
1124
+ function R() {
1125
+ v(n), o(!1);
1114
1126
  }
1115
- function E() {
1116
- s(!1), u(o);
1127
+ function $() {
1128
+ o(!1), m(s);
1117
1129
  }
1118
1130
  return /* @__PURE__ */ e.jsxs(
1119
1131
  "div",
1120
1132
  {
1121
- className: H.modal,
1122
- onClick: (b) => b.stopPropagation(),
1133
+ className: M.modal,
1134
+ onClick: (x) => x.stopPropagation(),
1123
1135
  style: {
1124
1136
  top: `${t.top}px`,
1125
1137
  left: `${t.left}px`
@@ -1129,8 +1141,8 @@ const en = () => {
1129
1141
  /* @__PURE__ */ e.jsx(
1130
1142
  "div",
1131
1143
  {
1132
- className: H.colorMap,
1133
- onMouseDown: L,
1144
+ className: M.colorMap,
1145
+ onMouseDown: h,
1134
1146
  style: {
1135
1147
  background: `
1136
1148
  linear-gradient(to top, black, transparent),
@@ -1140,7 +1152,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1140
1152
  children: /* @__PURE__ */ e.jsx(
1141
1153
  "div",
1142
1154
  {
1143
- className: H.indicator,
1155
+ className: M.indicator,
1144
1156
  style: {
1145
1157
  position: "absolute",
1146
1158
  left: `${a}%`,
@@ -1151,33 +1163,33 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1151
1163
  )
1152
1164
  }
1153
1165
  ),
1154
- /* @__PURE__ */ e.jsx("div", { className: H.hueSlider, children: /* @__PURE__ */ e.jsx(
1166
+ /* @__PURE__ */ e.jsx("div", { className: M.hueSlider, children: /* @__PURE__ */ e.jsx(
1155
1167
  "input",
1156
1168
  {
1157
1169
  type: "range",
1158
1170
  min: "0",
1159
1171
  max: "360",
1160
1172
  value: i,
1161
- onChange: (b) => {
1162
- f(Number(b.target.value)), _(a, r);
1173
+ onChange: (x) => {
1174
+ g(Number(x.target.value)), b(a, r);
1163
1175
  },
1164
- className: H.slider
1176
+ className: M.slider
1165
1177
  }
1166
1178
  ) }),
1167
- /* @__PURE__ */ e.jsxs("div", { className: H.buttons, children: [
1179
+ /* @__PURE__ */ e.jsxs("div", { className: M.buttons, children: [
1168
1180
  /* @__PURE__ */ e.jsx(
1169
1181
  K,
1170
1182
  {
1171
- onClick: E,
1172
- className: N(H.applyButton, H.cancelButton),
1183
+ onClick: $,
1184
+ className: P(M.applyButton, M.cancelButton),
1173
1185
  children: "Cancel"
1174
1186
  }
1175
1187
  ),
1176
1188
  /* @__PURE__ */ e.jsx(
1177
1189
  K,
1178
1190
  {
1179
- onClick: D,
1180
- className: H.applyButton,
1191
+ onClick: R,
1192
+ className: M.applyButton,
1181
1193
  children: "Apply"
1182
1194
  }
1183
1195
  )
@@ -1185,150 +1197,150 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1185
1197
  ]
1186
1198
  }
1187
1199
  );
1188
- }, Qo = () => {
1189
- const { onPreview: t } = ee(), {
1200
+ }, Zs = () => {
1201
+ const { onPreview: t } = te(), {
1190
1202
  // hoverBlockId,
1191
1203
  isModalVisible: n
1192
1204
  // isPreviewVisible
1193
- } = pe(), {
1205
+ } = _e(), {
1194
1206
  // currentPage,
1195
1207
  // pages,
1196
- pageContext: o
1197
- } = $(), { showModal: s } = He(), [i, a] = m.useState(!0), { currentDevice: r } = Ve();
1198
- m.useEffect(() => {
1199
- t && o.general && setTimeout(() => {
1208
+ pageContext: s
1209
+ } = D(), { showModal: o } = Pe(), [i, a] = S.useState(!0), { currentDevice: r } = Ve();
1210
+ S.useEffect(() => {
1211
+ t && s.general && setTimeout(() => {
1200
1212
  a(!1);
1201
1213
  }, 100);
1202
- }, [t, o]);
1214
+ }, [t, s]);
1203
1215
  function l() {
1204
1216
  return r.value === "desktop" ? "100%" : r.value === "tablet" ? "768px" : "425px";
1205
1217
  }
1206
- return /* @__PURE__ */ e.jsxs("div", { className: Se.preview, children: [
1207
- n && /* @__PURE__ */ e.jsx($o, { children: /* @__PURE__ */ e.jsx(et, {}) }),
1208
- s && /* @__PURE__ */ e.jsx(Yo, {}),
1218
+ return /* @__PURE__ */ e.jsxs("div", { className: Ce.preview, children: [
1219
+ n && /* @__PURE__ */ e.jsx(Es, { children: /* @__PURE__ */ e.jsx(ot, {}) }),
1220
+ o && /* @__PURE__ */ e.jsx(Js, {}),
1209
1221
  t && /* @__PURE__ */ e.jsxs(
1210
1222
  "div",
1211
1223
  {
1212
- className: Se.main,
1224
+ className: Ce.main,
1213
1225
  style: {
1214
1226
  width: l()
1215
1227
  },
1216
1228
  children: [
1217
- /* @__PURE__ */ e.jsx(ao, {}),
1218
- /* @__PURE__ */ e.jsx("div", { className: Se.content, children: i ? /* @__PURE__ */ e.jsx("div", { className: Se.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }) : /* @__PURE__ */ e.jsx(yo, {}) })
1229
+ /* @__PURE__ */ e.jsx(cs, {}),
1230
+ /* @__PURE__ */ e.jsx("div", { className: Ce.content, children: i ? /* @__PURE__ */ e.jsx("div", { className: Ce.loading, children: /* @__PURE__ */ e.jsx(Ae, {}) }) : /* @__PURE__ */ e.jsx(Bs, {}) })
1219
1231
  ]
1220
1232
  }
1221
1233
  )
1222
1234
  ] });
1223
- }, Ko = "_sidebar_1yyyy_1", Jo = "_title_1yyyy_10", Zo = "_active_1yyyy_18", Ue = {
1224
- sidebar: Ko,
1225
- title: Jo,
1226
- active: Zo
1227
- }, es = "_layers_1on0q_1", ts = "_block_1on0q_9", ns = "_dragging_1on0q_25", os = "_active_1on0q_33", ss = "_add_1on0q_37", as = "_button_1on0q_51", rs = "_empty_1on0q_66", is = "_title_1on0q_78", ls = "_icon_1on0q_85", cs = "_text_1on0q_89", ds = "_highlight_1on0q_95", re = {
1228
- layers: es,
1229
- block: ts,
1230
- dragging: ns,
1231
- active: os,
1232
- add: ss,
1233
- button: as,
1234
- empty: rs,
1235
- title: is,
1236
- icon: ls,
1237
- text: cs,
1238
- highlight: ds
1239
- }, us = "_block_586dq_1", qe = {
1240
- block: us
1241
- }, hs = () => {
1242
- const { setCurrentBlock: t } = M(), { activeBlock: n } = ee();
1243
- function o(s) {
1244
- t(s);
1235
+ }, eo = "_sidebar_1yyyy_1", to = "_title_1yyyy_10", no = "_active_1yyyy_18", We = {
1236
+ sidebar: eo,
1237
+ title: to,
1238
+ active: no
1239
+ }, so = "_layers_1on0q_1", oo = "_block_1on0q_9", ro = "_dragging_1on0q_25", ao = "_active_1on0q_33", io = "_add_1on0q_37", lo = "_button_1on0q_51", co = "_empty_1on0q_66", uo = "_title_1on0q_78", ho = "_icon_1on0q_85", po = "_text_1on0q_89", go = "_highlight_1on0q_95", ie = {
1240
+ layers: so,
1241
+ block: oo,
1242
+ dragging: ro,
1243
+ active: ao,
1244
+ add: io,
1245
+ button: lo,
1246
+ empty: co,
1247
+ title: uo,
1248
+ icon: ho,
1249
+ text: po,
1250
+ highlight: go
1251
+ }, mo = "_block_586dq_1", ze = {
1252
+ block: mo
1253
+ }, _o = () => {
1254
+ const { setCurrentBlock: t } = E(), { activeBlock: n } = te();
1255
+ function s(o) {
1256
+ t(o);
1245
1257
  }
1246
1258
  return /* @__PURE__ */ e.jsxs(
1247
1259
  "div",
1248
1260
  {
1249
- className: N(qe.block, {
1250
- [qe.active]: n === "header"
1261
+ className: P(ze.block, {
1262
+ [ze.active]: n === "header"
1251
1263
  }),
1252
- onClick: () => o("header"),
1264
+ onClick: () => s("header"),
1253
1265
  children: [
1254
- /* @__PURE__ */ e.jsx(v, { name: "Cards" }),
1266
+ /* @__PURE__ */ e.jsx(A, { name: "Cards" }),
1255
1267
  /* @__PURE__ */ e.jsx("span", { children: "Header" })
1256
1268
  ]
1257
1269
  }
1258
1270
  );
1259
- }, ps = "_block_586dq_1", Ge = {
1260
- block: ps
1261
- }, gs = () => {
1262
- const { activeBlock: t } = ee(), { setCurrentBlock: n } = M();
1263
- function o(s) {
1264
- n(s);
1271
+ }, So = "_block_586dq_1", Xe = {
1272
+ block: So
1273
+ }, fo = () => {
1274
+ const { activeBlock: t } = te(), { setCurrentBlock: n } = E();
1275
+ function s(o) {
1276
+ n(o);
1265
1277
  }
1266
1278
  return /* @__PURE__ */ e.jsxs(
1267
1279
  "div",
1268
1280
  {
1269
- className: N(Ge.block, {
1270
- [Ge.active]: t === "footer"
1281
+ className: P(Xe.block, {
1282
+ [Xe.active]: t === "footer"
1271
1283
  }),
1272
- onClick: () => o("footer"),
1284
+ onClick: () => s("footer"),
1273
1285
  children: [
1274
- /* @__PURE__ */ e.jsx(v, { name: "Cards" }),
1286
+ /* @__PURE__ */ e.jsx(A, { name: "Cards" }),
1275
1287
  /* @__PURE__ */ e.jsx("span", { children: "Footer" })
1276
1288
  ]
1277
1289
  }
1278
1290
  );
1279
- }, ms = ({ id: t, name: n, index: o, moveBlock: s, onClick: i }) => {
1280
- const { currentPage: a, pages: r } = $(), { activeBlock: l } = ee(), {
1281
- showPreview: d,
1282
- hidePreview: f,
1283
- showModal: h,
1284
- hideModal: p,
1285
- clearHideTimeout: u,
1286
- startHideTimeout: c,
1287
- hoverBlockId: j,
1288
- isModalVisible: L
1289
- } = pe(), { setPositionBlock: P } = M(), [g, k] = m.useState(!1), _ = () => {
1290
- L && p(), d(t), k(!0), u();
1291
- }, C = (b) => {
1292
- b.stopPropagation(), f(), h(t), u(), P(o + 1);
1293
- }, w = () => {
1294
- L ? c() : (k(!1), f());
1291
+ }, bo = ({ id: t, name: n, index: s, moveBlock: o, onClick: i }) => {
1292
+ const { currentPage: a, pages: r } = D(), { activeBlock: l } = te(), {
1293
+ showPreview: c,
1294
+ hidePreview: g,
1295
+ showModal: u,
1296
+ hideModal: C,
1297
+ clearHideTimeout: m,
1298
+ startHideTimeout: p,
1299
+ hoverBlockId: v,
1300
+ isModalVisible: h
1301
+ } = _e(), { setPositionBlock: _ } = E(), [d, f] = S.useState(!1), b = () => {
1302
+ h && C(), c(t), f(!0), m();
1303
+ }, T = (x) => {
1304
+ x.stopPropagation(), g(), u(t), m(), _(s + 1);
1305
+ }, N = () => {
1306
+ h ? p() : (f(!1), g());
1295
1307
  };
1296
- m.useEffect(() => {
1297
- L || k(!1);
1298
- }, [L]);
1299
- const [, B] = _t({
1308
+ S.useEffect(() => {
1309
+ h || f(!1);
1310
+ }, [h]);
1311
+ const [, B] = Ct({
1300
1312
  accept: "block",
1301
- hover(b) {
1302
- b.index !== o && r && (s(r[a].path, b.index, o), b.index = o);
1313
+ hover(x) {
1314
+ x.index !== s && r && (o(r[a].path, x.index, s), x.index = s);
1303
1315
  }
1304
- }), [{ isDragging: D }, E] = St({
1316
+ }), [{ isDragging: R }, $] = wt({
1305
1317
  type: "block",
1306
- item: { id: t, index: o },
1307
- collect: (b) => ({
1308
- isDragging: b.isDragging()
1318
+ item: { id: t, index: s },
1319
+ collect: (x) => ({
1320
+ isDragging: x.isDragging()
1309
1321
  })
1310
1322
  });
1311
1323
  return /* @__PURE__ */ e.jsxs(
1312
1324
  "div",
1313
1325
  {
1314
- ref: (b) => E(B(b)),
1315
- className: N(re.block, {
1316
- [re.dragging]: D,
1317
- [re.active]: !D && l === t
1326
+ ref: (x) => $(B(x)),
1327
+ className: P(ie.block, {
1328
+ [ie.dragging]: R,
1329
+ [ie.active]: !R && l === t
1318
1330
  }),
1319
1331
  onClick: () => i(t),
1320
- onMouseEnter: _,
1321
- onMouseLeave: w,
1332
+ onMouseEnter: b,
1333
+ onMouseLeave: N,
1322
1334
  children: [
1323
- /* @__PURE__ */ e.jsx(v, { name: "Cards" }),
1335
+ /* @__PURE__ */ e.jsx(A, { name: "Cards" }),
1324
1336
  /* @__PURE__ */ e.jsx("span", { children: n }),
1325
- (g || j === t) && !D && /* @__PURE__ */ e.jsx("div", { className: re.add, children: /* @__PURE__ */ e.jsx(
1337
+ (d || v === t) && !R && /* @__PURE__ */ e.jsx("div", { className: ie.add, children: /* @__PURE__ */ e.jsx(
1326
1338
  "button",
1327
1339
  {
1328
- className: re.button,
1329
- onClick: (b) => C(b),
1340
+ className: ie.button,
1341
+ onClick: (x) => T(x),
1330
1342
  children: /* @__PURE__ */ e.jsx(
1331
- v,
1343
+ A,
1332
1344
  {
1333
1345
  name: "Plus",
1334
1346
  fill: "#fff"
@@ -1339,171 +1351,305 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1339
1351
  ]
1340
1352
  }
1341
1353
  );
1342
- }, _s = () => {
1343
- const { blocks: t, setCurrentBlock: n, moveBlock: o } = M(), { currentPage: s, pages: i } = $(), { setMouseOverModal: a, setHoverBlockId: r } = pe();
1344
- function l(h) {
1345
- n(h), a(!1), r(null);
1354
+ }, Co = () => {
1355
+ const { blocks: t, setCurrentBlock: n, moveBlock: s } = E(), { currentPage: o, pages: i } = D(), { setMouseOverModal: a, setHoverBlockId: r } = _e();
1356
+ function l(u) {
1357
+ n(u), a(!1), r(null);
1346
1358
  }
1347
- const { sourceBlocks: d } = X();
1348
- function f(h) {
1349
- if (!d || !d[h])
1359
+ const { sourceBlocks: c } = Q();
1360
+ function g(u) {
1361
+ if (!c || !c[u])
1350
1362
  return "unknown name";
1351
- const p = new d[h]();
1352
- return !p.blockSettings || !p.blockSettings.displayName ? "unknown name" : p.blockSettings.displayName;
1363
+ const C = new c[u]();
1364
+ return !C.blockSettings || !C.blockSettings.displayName ? "unknown name" : C.blockSettings.displayName;
1353
1365
  }
1354
- return /* @__PURE__ */ e.jsxs("div", { className: re.layers, children: [
1355
- /* @__PURE__ */ e.jsx(hs, {}),
1356
- /* @__PURE__ */ e.jsx(gt, { backend: mt, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && i[s] && t[i[s].path] && Object.keys(t[i[s].path]).map((h, p) => /* @__PURE__ */ e.jsx(
1357
- ms,
1366
+ return /* @__PURE__ */ e.jsxs("div", { className: ie.layers, children: [
1367
+ /* @__PURE__ */ e.jsx(_o, {}),
1368
+ /* @__PURE__ */ e.jsx(ft, { backend: bt, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && i[o] && t[i[o].path] && Object.keys(t[i[o].path]).map((u, C) => /* @__PURE__ */ e.jsx(
1369
+ bo,
1358
1370
  {
1359
- id: h,
1360
- name: f(t[i[s].path][h].name),
1361
- index: p,
1362
- moveBlock: o,
1371
+ id: u,
1372
+ name: g(t[i[o].path][u].name),
1373
+ index: C,
1374
+ moveBlock: s,
1363
1375
  onClick: l
1364
1376
  },
1365
- h
1377
+ u
1366
1378
  )) }) }),
1367
- /* @__PURE__ */ e.jsx(gs, {})
1379
+ /* @__PURE__ */ e.jsx(fo, {})
1368
1380
  ] });
1369
- }, Ss = ({ isHeader: t }) => {
1370
- const { header: n, footer: o } = M(), { pageContext: s } = $();
1371
- return t ? n == null ? void 0 : n.renderSettings(s) : o == null ? void 0 : o.renderSettings(s);
1372
- }, bs = () => {
1373
- const { settings: t } = J();
1374
- return t == null ? void 0 : t.renderSettings();
1375
- }, fs = "_theme_1wwlz_1", Cs = "_block_1wwlz_7", ws = "_name_1wwlz_22", Te = {
1376
- theme: fs,
1377
- block: Cs,
1378
- name: ws
1379
- }, vs = () => {
1381
+ }, wo = ({ isHeader: t }) => {
1382
+ const { header: n, footer: s } = E(), { pageContext: o } = D();
1383
+ return t ? n == null ? void 0 : n.renderSettings(o) : s == null ? void 0 : s.renderSettings(o);
1384
+ }, vo = () => {
1385
+ const { settings: t } = Z(), n = ce(), { setError: s } = Ne();
1386
+ try {
1387
+ return t == null ? void 0 : t.renderSettings();
1388
+ } catch (o) {
1389
+ return console.error("Error rendering settings:", o), s({
1390
+ message: "Error rendering settings",
1391
+ failedPageIds: [],
1392
+ failedThemeSettings: !1,
1393
+ failedSettings: !0
1394
+ }), n("/error"), null;
1395
+ }
1396
+ }, xo = "_theme_1wwlz_1", ko = "_block_1wwlz_7", yo = "_name_1wwlz_22", $e = {
1397
+ theme: xo,
1398
+ block: ko,
1399
+ name: yo
1400
+ }, jo = () => {
1380
1401
  const { setActiveBlock: t } = I();
1381
- function n(o) {
1382
- t(o);
1402
+ function n(s) {
1403
+ t(s);
1383
1404
  }
1384
- return /* @__PURE__ */ e.jsx("div", { className: Te.theme, children: $t.map((o) => /* @__PURE__ */ e.jsxs(
1405
+ return /* @__PURE__ */ e.jsx("div", { className: $e.theme, children: Et.map((s) => /* @__PURE__ */ e.jsxs(
1385
1406
  "div",
1386
1407
  {
1387
- onClick: () => n(o),
1388
- className: N(Te.block),
1408
+ onClick: () => n(s),
1409
+ className: P($e.block),
1389
1410
  children: [
1390
- /* @__PURE__ */ e.jsx(v, { name: o.icon }),
1391
- /* @__PURE__ */ e.jsx("span", { className: Te.name, children: o.name }),
1392
- /* @__PURE__ */ e.jsx(v, { name: "CaretRight" })
1411
+ /* @__PURE__ */ e.jsx(A, { name: s.icon }),
1412
+ /* @__PURE__ */ e.jsx("span", { className: $e.name, children: s.name }),
1413
+ /* @__PURE__ */ e.jsx(A, { name: "CaretRight" })
1393
1414
  ]
1394
1415
  },
1395
- o.icon
1416
+ s.icon
1396
1417
  )) });
1397
- }, xs = "_back_2jwrk_1", ks = "_render_2jwrk_9", ys = "_open_2jwrk_24", js = "_close_2jwrk_51", Bs = "_clicked_2jwrk_55", As = "_title_2jwrk_59", Ps = "_button_2jwrk_67", Ls = "_loading_2jwrk_72", Ns = "_settings_2jwrk_76", Ts = "_deleteButton_2jwrk_82", W = {
1398
- back: xs,
1399
- render: ks,
1400
- open: ys,
1401
- close: js,
1402
- clicked: Bs,
1403
- title: As,
1404
- button: Ps,
1405
- loading: Ls,
1406
- settings: Ns,
1407
- deleteButton: Ts
1408
- }, Fs = ({ block: t }) => {
1409
- if (!t) return null;
1410
- const { pageContext: n } = $();
1411
- return t.renderSettings(n);
1412
- }, $s = (t) => {
1413
- var A, T;
1414
- const { isAdd: n } = t, [o, s] = m.useState(!1), { setActiveBlock: i } = je(), { sourceBlocks: a, activeBlock: r, setActiveBlock: l, currentInstance: d, setCurrentInstance: f } = X(), {
1415
- blocks: h,
1416
- addBlock: p,
1417
- editBlock: u,
1418
- currentBlock: c,
1419
- setCurrentBlock: j,
1420
- removeBlock: L,
1421
- setPositionBlock: P,
1422
- setHeader: g,
1423
- setFooter: k,
1424
- header: _,
1425
- footer: C
1426
- } = M(), { currentPage: w, pages: B } = $();
1427
- function D(x = !1) {
1428
- if (!n && B && d && !x) {
1429
- const S = {
1418
+ }, Ao = "_back_2jwrk_1", Bo = "_render_2jwrk_9", No = "_open_2jwrk_24", Po = "_close_2jwrk_51", To = "_clicked_2jwrk_55", Lo = "_title_2jwrk_59", Fo = "_button_2jwrk_67", Ro = "_loading_2jwrk_72", Do = "_settings_2jwrk_76", $o = "_deleteButton_2jwrk_82", X = {
1419
+ back: Ao,
1420
+ render: Bo,
1421
+ open: No,
1422
+ close: Po,
1423
+ clicked: To,
1424
+ title: Lo,
1425
+ button: Fo,
1426
+ loading: Ro,
1427
+ settings: Do,
1428
+ deleteButton: $o
1429
+ }, Eo = ({ block: t }) => {
1430
+ const { pageContext: n } = D(), s = ce(), { setError: o } = Ne();
1431
+ try {
1432
+ return t.renderSettings(n);
1433
+ } catch (i) {
1434
+ return console.error("Error rendering settings:", i), o({
1435
+ message: "Error rendering block settings",
1436
+ failedPageIds: [],
1437
+ failedThemeSettings: !1,
1438
+ failedSettings: !0
1439
+ }), s("/error"), null;
1440
+ }
1441
+ }, Io = "_wrapper_1k72y_1", Mo = "_header_1k72y_8", Ho = "_title_1k72y_15", Oo = "_colorWrapper_1k72y_21", Uo = "_name_1k72y_32", qo = "_color_1k72y_21", Go = "_value_1k72y_44", Wo = "_length_1k72y_48", O = {
1442
+ wrapper: Io,
1443
+ header: Mo,
1444
+ title: Ho,
1445
+ colorWrapper: Oo,
1446
+ name: Uo,
1447
+ color: qo,
1448
+ value: Go,
1449
+ length: Wo
1450
+ }, Ye = (t) => {
1451
+ const { colors: n } = t, { themeSettings: s } = I(), [o, i] = S.useState(!1);
1452
+ S.useEffect(() => {
1453
+ n.length <= 3 && i(!0);
1454
+ }, []);
1455
+ function a(r) {
1456
+ const l = r.replace("--", ""), c = l.replace("-", "/"), [g, u] = l.split("-");
1457
+ return {
1458
+ name: c,
1459
+ field: g,
1460
+ variable: u
1461
+ };
1462
+ }
1463
+ return /* @__PURE__ */ e.jsxs("div", { className: O.wrapper, children: [
1464
+ /* @__PURE__ */ e.jsxs("div", { className: O.header, children: [
1465
+ /* @__PURE__ */ e.jsx("div", { className: O.title, children: "Section colors" }),
1466
+ !o && /* @__PURE__ */ e.jsxs(
1467
+ "div",
1468
+ {
1469
+ className: P(O.value, O.length),
1470
+ onClick: () => i(!0),
1471
+ children: [
1472
+ "+",
1473
+ n.length
1474
+ ]
1475
+ }
1476
+ )
1477
+ ] }),
1478
+ o && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
1479
+ /* @__PURE__ */ e.jsx("div", { className: O.colors, children: n.map((r) => {
1480
+ const l = a(r), { variable: c, name: g, field: u } = l;
1481
+ return /* @__PURE__ */ e.jsx(
1482
+ zo,
1483
+ {
1484
+ color: s.colors[u][c],
1485
+ name: g
1486
+ }
1487
+ );
1488
+ }) }),
1489
+ n.length > 3 && /* @__PURE__ */ e.jsxs(
1490
+ "div",
1491
+ {
1492
+ className: P(O.value, O.length),
1493
+ onClick: () => i(!1),
1494
+ children: [
1495
+ "Hide ",
1496
+ n.length,
1497
+ " colors"
1498
+ ]
1499
+ }
1500
+ )
1501
+ ] })
1502
+ ] });
1503
+ }, zo = (t) => {
1504
+ const { name: n, color: s } = t, {
1505
+ setActiveLabel: o,
1506
+ setModalPosition: i,
1507
+ setInitialColor: a,
1508
+ setShowModal: r,
1509
+ setUpdate: l,
1510
+ setColor: c,
1511
+ setColorChange: g,
1512
+ colorChange: u
1513
+ } = Pe(), { updateColor: C } = I(), m = (v, h) => (_) => {
1514
+ C(v, h, _);
1515
+ };
1516
+ S.useEffect(() => {
1517
+ const v = () => {
1518
+ r(!1), o(null), a(s), l(() => {
1519
+ }), c(s), g(() => {
1520
+ });
1521
+ };
1522
+ return document.body.addEventListener("click", v), () => {
1523
+ document.body.removeEventListener("click", v);
1524
+ };
1525
+ }, []);
1526
+ const p = (v) => {
1527
+ const h = n.split("/")[0], _ = n.split(
1528
+ "/"
1529
+ )[1];
1530
+ v.stopPropagation(), r(!0), g(u), l((j) => m(h, _)(j)), a(s), c(s);
1531
+ const d = v.currentTarget.getBoundingClientRect(), f = 400, b = 288, T = 10, N = 20, B = window.innerHeight - d.bottom, R = d.top, $ = window.innerWidth - d.right, x = d.left;
1532
+ let w, y;
1533
+ w = d.bottom + T + window.scrollY, y = d.left, (B < f || B < N) && (R >= f ? w = d.top - f - T + window.scrollY : w = window.scrollY + (window.innerHeight - f) / 2), $ < b && (x >= b ? y = d.right - b : y = (window.innerWidth - b) / 2), y < d.right && y + b > d.left && w < d.bottom && w + f > d.top && ($ >= b ? y = d.right + T + 100 : B >= f ? w = d.bottom + T + window.scrollY : (w = window.scrollY + (window.innerHeight - f) / 2, y = (window.innerWidth - b) / 2)), i({
1534
+ top: w,
1535
+ left: y
1536
+ });
1537
+ };
1538
+ return /* @__PURE__ */ e.jsxs(
1539
+ "div",
1540
+ {
1541
+ className: O.colorWrapper,
1542
+ onClick: p,
1543
+ children: [
1544
+ /* @__PURE__ */ e.jsx(
1545
+ "div",
1546
+ {
1547
+ className: O.color,
1548
+ style: {
1549
+ background: s
1550
+ }
1551
+ }
1552
+ ),
1553
+ /* @__PURE__ */ e.jsx("div", { className: O.name, children: n }),
1554
+ /* @__PURE__ */ e.jsx("div", { className: O.value, children: s })
1555
+ ]
1556
+ }
1557
+ );
1558
+ }, Xo = (t) => {
1559
+ var y, L;
1560
+ const { isAdd: n } = t, [s, o] = S.useState(!1), { setActiveBlock: i } = Be(), { sourceBlocks: a, activeBlock: r, setActiveBlock: l, currentInstance: c, setCurrentInstance: g } = Q(), {
1561
+ blocks: u,
1562
+ addBlock: C,
1563
+ editBlock: m,
1564
+ currentBlock: p,
1565
+ setCurrentBlock: v,
1566
+ removeBlock: h,
1567
+ setPositionBlock: _,
1568
+ setHeader: d,
1569
+ setFooter: f,
1570
+ header: b,
1571
+ footer: T
1572
+ } = E(), { currentPage: N, pages: B } = D();
1573
+ function R(j = !1) {
1574
+ if (!n && B && c && !j) {
1575
+ const k = {
1430
1576
  blockSettings: {}
1431
1577
  };
1432
- Object.keys(d.blockSettings).filter((F) => !["displayName", "isAddable"].includes(F)).map((F) => {
1433
- S.blockSettings[F] = d.blockSettings[F];
1434
- }), u(B[w].path, c, {
1435
- name: h[B[w].path][c].name,
1436
- value: S
1578
+ Object.keys(c.blockSettings).filter((F) => !["displayName", "isAddable"].includes(F)).map((F) => {
1579
+ k.blockSettings[F] = c.blockSettings[F];
1580
+ }), m(B[N].path, p, {
1581
+ name: u[B[N].path][p].name,
1582
+ value: k
1437
1583
  });
1438
1584
  }
1439
- l(null), j(null), setTimeout(() => {
1440
- s(!1);
1441
- }, 150), f(null);
1585
+ l(null), v(null), setTimeout(() => {
1586
+ o(!1);
1587
+ }, 150), g(null);
1442
1588
  }
1443
- function E() {
1444
- D(), i({
1589
+ function $() {
1590
+ R(), i({
1445
1591
  name: "Layers",
1446
1592
  icon: "TreeStructure"
1447
- }), f(null);
1593
+ }), g(null);
1448
1594
  }
1449
- function b() {
1450
- var x;
1595
+ function x() {
1596
+ var j;
1451
1597
  if (n)
1452
1598
  return !r || !a[r] ? null : new a[r]();
1453
1599
  {
1454
- if (!B || !B[w] || !c)
1600
+ if (!B || !B[N] || !p)
1455
1601
  return null;
1456
- const S = h[B[w].path][c];
1457
- return !S || !a[S.name] ? null : new a[S.name]((x = S.value) == null ? void 0 : x.blockSettings);
1602
+ const k = u[B[N].path][p];
1603
+ return !k || !a[k.name] ? null : new a[k.name]((j = k.value) == null ? void 0 : j.blockSettings);
1458
1604
  }
1459
1605
  }
1460
- m.useEffect(() => {
1461
- if (r || c && !["header", "footer"].includes(c)) {
1462
- const x = b();
1463
- f(x);
1606
+ S.useEffect(() => {
1607
+ if (r || p && !["header", "footer"].includes(p)) {
1608
+ const j = x();
1609
+ g(j);
1464
1610
  } else
1465
- f(null);
1466
- }, [r, c]), m.useEffect(() => {
1467
- c === "header" && g(_);
1468
- }, [c, _]), m.useEffect(() => {
1469
- c === "footer" && k(C);
1470
- }, [c, C]);
1471
- function y(x) {
1611
+ g(null);
1612
+ }, [r, p]), S.useEffect(() => {
1613
+ p === "header" && d(b);
1614
+ }, [p, b]), S.useEffect(() => {
1615
+ p === "footer" && f(T);
1616
+ }, [p, T]);
1617
+ function w(j) {
1472
1618
  if (!a)
1473
1619
  return "unknown name";
1474
- if (!a[x])
1475
- return c === "header" ? _ == null ? void 0 : _.blockSettings.displayName : c === "footer" ? C == null ? void 0 : C.blockSettings.displayName : "unknown name";
1476
- const S = new a[x]();
1477
- return !S.blockSettings || !S.blockSettings.displayName ? "unknown name" : S.blockSettings.displayName;
1620
+ if (!a[j])
1621
+ return p === "header" ? b == null ? void 0 : b.blockSettings.displayName : p === "footer" ? T == null ? void 0 : T.blockSettings.displayName : "unknown name";
1622
+ const k = new a[j]();
1623
+ return !k.blockSettings || !k.blockSettings.displayName ? "unknown name" : k.blockSettings.displayName;
1478
1624
  }
1479
1625
  return /* @__PURE__ */ e.jsxs(
1480
1626
  "div",
1481
1627
  {
1482
- className: N(W.render, {
1483
- [W.open]: c || r,
1484
- [W.close]: !c && !r,
1485
- [W.clicked]: o
1628
+ className: P(X.render, {
1629
+ [X.open]: p || r,
1630
+ [X.close]: !p && !r,
1631
+ [X.clicked]: s
1486
1632
  }),
1487
1633
  children: [
1488
- /* @__PURE__ */ e.jsxs("div", { className: W.back, children: [
1634
+ /* @__PURE__ */ e.jsxs("div", { className: X.back, children: [
1489
1635
  /* @__PURE__ */ e.jsx(
1490
- v,
1636
+ A,
1491
1637
  {
1492
1638
  name: "CaretLeft",
1493
1639
  hoverable: !0,
1494
- onClick: () => D()
1640
+ onClick: () => R()
1495
1641
  }
1496
1642
  ),
1497
- /* @__PURE__ */ e.jsx("h3", { className: W.title, children: r && y(r) || B && B[w] && h[B[w].path] && y((A = h[B[w].path][c]) == null ? void 0 : A.name) || c && G(c) || "Loading" }),
1498
- !n && B && !["header", "footer"].includes(c) && h[B[w].path][c] && y((T = h[B[w].path][c]) == null ? void 0 : T.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
1643
+ /* @__PURE__ */ e.jsx("h3", { className: X.title, children: r && w(r) || B && B[N] && u[B[N].path] && p && w((y = u[B[N].path][p]) == null ? void 0 : y.name) || p && W(p) || "Loading" }),
1644
+ !n && p && B && !["header", "footer"].includes(p) && u[B[N].path][p] && w((L = u[B[N].path][p]) == null ? void 0 : L.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
1499
1645
  "button",
1500
1646
  {
1501
1647
  onClick: () => {
1502
- s(!0), L(B[w].path, c), D(!0);
1648
+ o(!0), h(B[N].path, p), R(!0);
1503
1649
  },
1504
- className: W.deleteButton,
1650
+ className: X.deleteButton,
1505
1651
  children: /* @__PURE__ */ e.jsx(
1506
- v,
1652
+ A,
1507
1653
  {
1508
1654
  name: "Trash",
1509
1655
  hoverable: !0
@@ -1512,31 +1658,43 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1512
1658
  }
1513
1659
  )
1514
1660
  ] }),
1515
- /* @__PURE__ */ e.jsxs("div", { className: W.settings, children: [
1516
- d && /* @__PURE__ */ e.jsx(Fs, { block: d }),
1517
- c && ["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(Ss, { isHeader: c === "header" }),
1518
- !r && !c && /* @__PURE__ */ e.jsx("div", { className: W.loading, children: "Loading" })
1661
+ /* @__PURE__ */ e.jsxs("div", { className: X.settings, children: [
1662
+ c && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
1663
+ /* @__PURE__ */ e.jsx(Eo, { block: c }),
1664
+ /* @__PURE__ */ e.jsx(Ye, { colors: c.blockColors })
1665
+ ] }),
1666
+ p && ["header", "footer"].includes(p) && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
1667
+ /* @__PURE__ */ e.jsx(wo, { isHeader: p === "header" }),
1668
+ /* @__PURE__ */ e.jsx(
1669
+ Ye,
1670
+ {
1671
+ colors: p === "header" ? b.blockColors : T.blockColors
1672
+ }
1673
+ )
1674
+ ] }),
1675
+ !r && !p && /* @__PURE__ */ e.jsx("div", { className: X.loading, children: "Loading" })
1519
1676
  ] }),
1520
- n && /* @__PURE__ */ e.jsx("div", { className: W.addButton, children: /* @__PURE__ */ e.jsx(
1677
+ n && /* @__PURE__ */ e.jsx("div", { className: X.addButton, children: /* @__PURE__ */ e.jsx(
1521
1678
  K,
1522
1679
  {
1523
1680
  style: {
1524
1681
  width: "100%"
1525
1682
  },
1526
1683
  onClick: () => {
1527
- if (s(!0), !["header", "footer"].includes(c) && B) {
1528
- const x = {
1529
- blockSettings: {}
1684
+ if (o(!0), !["header", "footer"].includes(p) && B) {
1685
+ const j = {
1686
+ blockSettings: {},
1687
+ blockColors: c.blockColors
1530
1688
  };
1531
- Object.keys(d.blockSettings).filter((S) => !["displayName", "isAddable"].includes(S)).map((S) => {
1532
- x.blockSettings[S] = d.blockSettings[S];
1533
- }), p(B[w].path, {
1689
+ Object.keys(c.blockSettings).filter((k) => !["displayName", "isAddable"].includes(k)).map((k) => {
1690
+ j.blockSettings[k] = c.blockSettings[k];
1691
+ }), C(B[N].path, {
1534
1692
  name: r,
1535
- value: x
1536
- }), P(null);
1693
+ value: j
1694
+ }), _(null);
1537
1695
  } else
1538
- c === "header" ? g(_) : k(C);
1539
- E();
1696
+ p === "header" ? d(b) : f(T);
1697
+ $();
1540
1698
  },
1541
1699
  children: "Add Section"
1542
1700
  }
@@ -1544,74 +1702,74 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1544
1702
  ]
1545
1703
  }
1546
1704
  );
1547
- }, Ds = "_settings_ss3tc_1", Ms = "_open_ss3tc_16", Hs = "_close_ss3tc_20", Is = "_header_ss3tc_24", Es = "_title_ss3tc_31", Rs = "_addButton_ss3tc_38", de = {
1548
- settings: Ds,
1549
- open: Ms,
1550
- close: Hs,
1551
- header: Is,
1552
- title: Es,
1553
- addButton: Rs
1554
- }, Os = "_wrapper_joj7w_1", Us = "_category_joj7w_5", qs = "_categoryTitle_joj7w_11", Gs = "_color_joj7w_17", zs = "_content_joj7w_26", Ws = "_preview_joj7w_35", ne = {
1555
- wrapper: Os,
1556
- category: Us,
1557
- categoryTitle: qs,
1558
- color: Gs,
1559
- content: zs,
1560
- preview: Ws
1561
- }, ue = (t) => {
1562
- const { initialColor: n, onChange: o, title: s, labelStyle: i = "primary" } = t, [a, r] = m.useState(n), {
1705
+ }, Yo = "_settings_ss3tc_1", Ko = "_open_ss3tc_16", Qo = "_close_ss3tc_20", Vo = "_header_ss3tc_24", Jo = "_title_ss3tc_31", Zo = "_addButton_ss3tc_38", he = {
1706
+ settings: Yo,
1707
+ open: Ko,
1708
+ close: Qo,
1709
+ header: Vo,
1710
+ title: Jo,
1711
+ addButton: Zo
1712
+ }, er = "_wrapper_joj7w_1", tr = "_category_joj7w_5", nr = "_categoryTitle_joj7w_11", sr = "_color_joj7w_17", or = "_content_joj7w_26", rr = "_preview_joj7w_35", se = {
1713
+ wrapper: er,
1714
+ category: tr,
1715
+ categoryTitle: nr,
1716
+ color: sr,
1717
+ content: or,
1718
+ preview: rr
1719
+ }, ge = (t) => {
1720
+ const { initialColor: n, onChange: s, title: o, labelStyle: i = "primary" } = t, [a, r] = S.useState(n), {
1563
1721
  setActiveLabel: l,
1564
- setModalPosition: d,
1565
- setInitialColor: f,
1566
- setShowModal: h,
1567
- setUpdate: p,
1568
- setColor: u,
1569
- setColorChange: c,
1570
- colorChange: j
1571
- } = He();
1572
- m.useEffect(() => {
1573
- const P = () => {
1574
- h(!1), l(null), f(n), p(() => {
1575
- }), u(n), c(() => {
1722
+ setModalPosition: c,
1723
+ setInitialColor: g,
1724
+ setShowModal: u,
1725
+ setUpdate: C,
1726
+ setColor: m,
1727
+ setColorChange: p,
1728
+ colorChange: v
1729
+ } = Pe();
1730
+ S.useEffect(() => {
1731
+ const _ = () => {
1732
+ u(!1), l(null), g(n), C(() => {
1733
+ }), m(n), p(() => {
1576
1734
  });
1577
1735
  };
1578
- return document.body.addEventListener("click", P), () => {
1579
- document.body.removeEventListener("click", P);
1736
+ return document.body.addEventListener("click", _), () => {
1737
+ document.body.removeEventListener("click", _);
1580
1738
  };
1581
1739
  }, []);
1582
- const L = (P) => {
1583
- P.stopPropagation(), h(!0), c(r), p(o), f(n), u(a);
1584
- const g = P.currentTarget.getBoundingClientRect(), k = 400, _ = 288, C = 10, w = 20, B = window.innerHeight - g.bottom, D = g.top, E = window.innerWidth - g.right, b = g.left;
1585
- let y, A;
1586
- y = g.bottom + C + window.scrollY, A = g.left, (B < k || B < w) && (D >= k ? y = g.top - k - C + window.scrollY : y = window.scrollY + (window.innerHeight - k) / 2), E < _ && (b >= _ ? A = g.right - _ : A = (window.innerWidth - _) / 2), A < g.right && A + _ > g.left && y < g.bottom && y + k > g.top && (E >= _ ? A = g.right + C + 100 : B >= k ? y = g.bottom + C + window.scrollY : (y = window.scrollY + (window.innerHeight - k) / 2, A = (window.innerWidth - _) / 2)), d({
1587
- top: y,
1588
- left: A
1740
+ const h = (_) => {
1741
+ _.stopPropagation(), u(!0), p(r), C(s), g(n), m(a);
1742
+ const d = _.currentTarget.getBoundingClientRect(), f = 400, b = 288, T = 10, N = 20, B = window.innerHeight - d.bottom, R = d.top, $ = window.innerWidth - d.right, x = d.left;
1743
+ let w, y;
1744
+ w = d.bottom + T + window.scrollY, y = d.left, (B < f || B < N) && (R >= f ? w = d.top - f - T + window.scrollY : w = window.scrollY + (window.innerHeight - f) / 2), $ < b && (x >= b ? y = d.right - b : y = (window.innerWidth - b) / 2), y < d.right && y + b > d.left && w < d.bottom && w + f > d.top && ($ >= b ? y = d.right + T + 100 : B >= f ? w = d.bottom + T + window.scrollY : (w = window.scrollY + (window.innerHeight - f) / 2, y = (window.innerWidth - b) / 2)), c({
1745
+ top: w,
1746
+ left: y
1589
1747
  });
1590
1748
  };
1591
- return /* @__PURE__ */ e.jsxs("div", { className: H.content, children: [
1749
+ return /* @__PURE__ */ e.jsxs("div", { className: M.content, children: [
1592
1750
  /* @__PURE__ */ e.jsx(
1593
1751
  "span",
1594
1752
  {
1595
- className: N(H.name, {
1596
- [H.secondary]: i === "secondary"
1753
+ className: P(M.name, {
1754
+ [M.secondary]: i === "secondary"
1597
1755
  }),
1598
- children: s
1756
+ children: o
1599
1757
  }
1600
1758
  ),
1601
1759
  /* @__PURE__ */ e.jsxs(
1602
1760
  "label",
1603
1761
  {
1604
1762
  htmlFor: "color",
1605
- className: H.label,
1763
+ className: M.label,
1606
1764
  children: [
1607
1765
  /* @__PURE__ */ e.jsx(
1608
1766
  "div",
1609
1767
  {
1610
- className: H.colorValue,
1768
+ className: M.colorValue,
1611
1769
  style: {
1612
1770
  background: a
1613
1771
  },
1614
- onClick: L
1772
+ onClick: h
1615
1773
  }
1616
1774
  ),
1617
1775
  /* @__PURE__ */ e.jsx(
@@ -1620,56 +1778,56 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1620
1778
  type: "text",
1621
1779
  defaultValue: a,
1622
1780
  value: a,
1623
- onChange: (P) => {
1624
- const g = P.target.value;
1625
- o(g), u(g), r(g), j(g);
1781
+ onChange: (_) => {
1782
+ const d = _.target.value;
1783
+ s(d), m(d), r(d), v(d);
1626
1784
  },
1627
- className: H.input
1785
+ className: M.input
1628
1786
  }
1629
1787
  )
1630
1788
  ]
1631
1789
  }
1632
1790
  )
1633
1791
  ] });
1634
- }, Vs = "_tip_q9ixw_1", Xs = "_text_q9ixw_12", Ys = "_warning_q9ixw_18", Qs = "_error_q9ixw_23", Ks = "_success_q9ixw_28", Js = "_hide_q9ixw_33", oe = {
1635
- tip: Vs,
1636
- text: Xs,
1637
- warning: Ys,
1638
- error: Qs,
1639
- success: Ks,
1640
- hide: Js
1641
- }, ze = {
1792
+ }, ar = "_tip_q9ixw_1", ir = "_text_q9ixw_12", lr = "_warning_q9ixw_18", cr = "_error_q9ixw_23", dr = "_success_q9ixw_28", ur = "_hide_q9ixw_33", oe = {
1793
+ tip: ar,
1794
+ text: ir,
1795
+ warning: lr,
1796
+ error: cr,
1797
+ success: dr,
1798
+ hide: ur
1799
+ }, Ke = {
1642
1800
  warning: "#C1972A",
1643
1801
  error: "#FF3F19",
1644
1802
  success: "#338B13"
1645
- }, tt = (t) => {
1646
- const { type: n, message: o, style: s } = t, [i, a] = m.useState(!1);
1803
+ }, rt = (t) => {
1804
+ const { type: n, message: s, style: o } = t, [i, a] = S.useState(!1);
1647
1805
  return /* @__PURE__ */ e.jsxs(
1648
1806
  "div",
1649
1807
  {
1650
- className: N(oe.tip, {
1808
+ className: P(oe.tip, {
1651
1809
  [oe.warning]: n === "warning",
1652
1810
  [oe.error]: n === "error",
1653
1811
  [oe.success]: n === "success",
1654
1812
  [oe.hide]: i
1655
1813
  }),
1656
- style: s,
1814
+ style: o,
1657
1815
  children: [
1658
1816
  /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
1659
- v,
1817
+ A,
1660
1818
  {
1661
1819
  name: "Info",
1662
- fill: ze[n],
1820
+ fill: Ke[n],
1663
1821
  width: 20,
1664
1822
  height: 20
1665
1823
  }
1666
1824
  ) }),
1667
- /* @__PURE__ */ e.jsx("div", { className: oe.text, children: o }),
1825
+ /* @__PURE__ */ e.jsx("div", { className: oe.text, children: s }),
1668
1826
  /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
1669
- v,
1827
+ A,
1670
1828
  {
1671
1829
  name: "X",
1672
- fill: ze[n],
1830
+ fill: Ke[n],
1673
1831
  width: 20,
1674
1832
  height: 20,
1675
1833
  hoverable: !0,
@@ -1679,51 +1837,51 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1679
1837
  ]
1680
1838
  }
1681
1839
  );
1682
- }, Zs = () => {
1840
+ }, hr = () => {
1683
1841
  const { themeSettings: t, updateColor: n } = I();
1684
- async function o(i, a, r) {
1842
+ async function s(i, a, r) {
1685
1843
  n(i, a, r);
1686
1844
  }
1687
- const s = Qe(() => {
1845
+ const o = et(() => {
1688
1846
  const i = {};
1689
1847
  return Object.entries(t.colors).forEach(([a, r]) => {
1690
- Object.entries(r).forEach(([l, d]) => {
1691
- i[d] || (i[d] = []), i[d].push(`${a}-${l}`);
1848
+ Object.entries(r).forEach(([l, c]) => {
1849
+ i[c] || (i[c] = []), i[c].push(`${a}-${l}`);
1692
1850
  });
1693
1851
  }), Object.keys(i).filter((a) => i[a].length > 1);
1694
1852
  }, [t.colors]);
1695
- return /* @__PURE__ */ e.jsx("div", { className: ne.wrapper, children: Object.entries(t.colors).map(([i, a]) => /* @__PURE__ */ e.jsxs(
1853
+ return /* @__PURE__ */ e.jsx("div", { className: se.wrapper, children: Object.entries(t.colors).map(([i, a]) => /* @__PURE__ */ e.jsxs(
1696
1854
  "div",
1697
1855
  {
1698
- className: ne.category,
1856
+ className: se.category,
1699
1857
  children: [
1700
- /* @__PURE__ */ e.jsx("h2", { className: ne.categoryTitle, children: G(i) }),
1858
+ /* @__PURE__ */ e.jsx("h2", { className: se.categoryTitle, children: W(i) }),
1701
1859
  Object.entries(a).map(([r, l]) => /* @__PURE__ */ e.jsxs(
1702
1860
  "div",
1703
1861
  {
1704
- className: ne.color,
1862
+ className: se.color,
1705
1863
  children: [
1706
- /* @__PURE__ */ e.jsxs("div", { className: ne.content, children: [
1864
+ /* @__PURE__ */ e.jsxs("div", { className: se.content, children: [
1707
1865
  /* @__PURE__ */ e.jsx(
1708
1866
  "div",
1709
1867
  {
1710
- className: ne.preview,
1868
+ className: se.preview,
1711
1869
  style: {
1712
1870
  background: l
1713
1871
  }
1714
1872
  }
1715
1873
  ),
1716
1874
  /* @__PURE__ */ e.jsx(
1717
- ue,
1875
+ ge,
1718
1876
  {
1719
- title: G(r),
1877
+ title: W(r),
1720
1878
  initialColor: l,
1721
- onChange: (d) => o(i, r, d)
1879
+ onChange: (c) => s(i, r, c)
1722
1880
  }
1723
1881
  )
1724
1882
  ] }),
1725
- s.includes(l) && /* @__PURE__ */ e.jsx(
1726
- tt,
1883
+ o.includes(l) && /* @__PURE__ */ e.jsx(
1884
+ rt,
1727
1885
  {
1728
1886
  type: "warning",
1729
1887
  message: "To avoid contrast problems, please use a different color",
@@ -1740,90 +1898,90 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1740
1898
  },
1741
1899
  i
1742
1900
  )) });
1743
- }, ea = "_wrapper_dv4am_2", ta = "_category_dv4am_6", na = "_categoryTitle_dv4am_12", oa = "_color_dv4am_18", sa = "_name_dv4am_24", aa = "_content_dv4am_29", ra = "_label_dv4am_36", ia = "_input_dv4am_48", la = "_title_dv4am_74", ca = "_field_dv4am_82", da = "_alignments_dv4am_92", ua = "_lineField_dv4am_98", ha = "_style_dv4am_106", pa = "_header_dv4am_113", V = {
1744
- wrapper: ea,
1745
- category: ta,
1746
- categoryTitle: na,
1747
- color: oa,
1748
- name: sa,
1749
- content: aa,
1750
- label: ra,
1751
- input: ia,
1752
- title: la,
1753
- field: ca,
1754
- alignments: da,
1755
- lineField: ua,
1756
- style: ha,
1757
- header: pa
1758
- }, ga = "_blocks_emecf_1", ma = "_block_emecf_1", _a = "_active_emecf_21", Fe = {
1759
- blocks: ga,
1760
- block: ma,
1761
- active: _a
1762
- }, We = (t) => {
1763
- const { items: n, selectedItem: o, onSelect: s, getIconName: i } = t;
1764
- return /* @__PURE__ */ e.jsx("div", { className: Fe.blocks, children: n.map((a) => /* @__PURE__ */ e.jsx(
1901
+ }, pr = "_wrapper_dv4am_2", gr = "_category_dv4am_6", mr = "_categoryTitle_dv4am_12", _r = "_color_dv4am_18", Sr = "_name_dv4am_24", fr = "_content_dv4am_29", br = "_label_dv4am_36", Cr = "_input_dv4am_48", wr = "_title_dv4am_74", vr = "_field_dv4am_82", xr = "_alignments_dv4am_92", kr = "_lineField_dv4am_98", yr = "_style_dv4am_106", jr = "_header_dv4am_113", Y = {
1902
+ wrapper: pr,
1903
+ category: gr,
1904
+ categoryTitle: mr,
1905
+ color: _r,
1906
+ name: Sr,
1907
+ content: fr,
1908
+ label: br,
1909
+ input: Cr,
1910
+ title: wr,
1911
+ field: vr,
1912
+ alignments: xr,
1913
+ lineField: kr,
1914
+ style: yr,
1915
+ header: jr
1916
+ }, Ar = "_blocks_emecf_1", Br = "_block_emecf_1", Nr = "_active_emecf_21", Ee = {
1917
+ blocks: Ar,
1918
+ block: Br,
1919
+ active: Nr
1920
+ }, Qe = (t) => {
1921
+ const { items: n, selectedItem: s, onSelect: o, getIconName: i } = t;
1922
+ return /* @__PURE__ */ e.jsx("div", { className: Ee.blocks, children: n.map((a) => /* @__PURE__ */ e.jsx(
1765
1923
  "div",
1766
1924
  {
1767
- className: N(Fe.block, { [Fe.active]: o === a }),
1768
- onClick: () => s(a),
1925
+ className: P(Ee.block, { [Ee.active]: s === a }),
1926
+ onClick: () => o(a),
1769
1927
  children: /* @__PURE__ */ e.jsx(
1770
- v,
1928
+ A,
1771
1929
  {
1772
1930
  name: i(a),
1773
- fill: o === a ? "#252525" : "#757575"
1931
+ fill: s === a ? "#252525" : "#757575"
1774
1932
  }
1775
1933
  )
1776
1934
  },
1777
1935
  String(a)
1778
1936
  )) });
1779
- }, Sa = ["left", "center", "right"], ba = ["solid", "dashed"], fe = (t) => {
1780
- const { title: n, children: o, rightAddon: s } = t;
1781
- return /* @__PURE__ */ e.jsxs("div", { className: V.field, children: [
1782
- /* @__PURE__ */ e.jsxs("div", { className: V.header, children: [
1937
+ }, Pr = ["left", "center", "right"], Tr = ["solid", "dashed"], ve = (t) => {
1938
+ const { title: n, children: s, rightAddon: o } = t;
1939
+ return /* @__PURE__ */ e.jsxs("div", { className: Y.field, children: [
1940
+ /* @__PURE__ */ e.jsxs("div", { className: Y.header, children: [
1783
1941
  /* @__PURE__ */ e.jsx("h4", { children: n }),
1784
- s
1942
+ o
1785
1943
  ] }),
1786
- o
1944
+ s
1787
1945
  ] });
1788
- }, fa = () => {
1789
- const { themeSettings: t, updateInput: n } = I(), o = Qe(() => t.inputs, [t]), s = (a, r, l) => {
1946
+ }, Lr = () => {
1947
+ const { themeSettings: t, updateInput: n } = I(), s = et(() => t.inputs, [t]), o = (a, r, l) => {
1790
1948
  n(a, r, l);
1791
1949
  }, i = (a) => (r) => {
1792
1950
  n(a, r, "color");
1793
1951
  };
1794
- return /* @__PURE__ */ e.jsxs("div", { className: V.wrapper, children: [
1795
- /* @__PURE__ */ e.jsxs(fe, { title: "General", children: [
1952
+ return /* @__PURE__ */ e.jsxs("div", { className: Y.wrapper, children: [
1953
+ /* @__PURE__ */ e.jsxs(ve, { title: "General", children: [
1796
1954
  /* @__PURE__ */ e.jsx(
1797
- O,
1955
+ U,
1798
1956
  {
1799
1957
  label: "Height (px)",
1800
- value: String(o.general.height),
1801
- onChange: (a) => s("general", a, "height"),
1958
+ value: String(s.general.height),
1959
+ onChange: (a) => o("general", a, "height"),
1802
1960
  type: "number",
1803
1961
  min: 0
1804
1962
  }
1805
1963
  ),
1806
1964
  /* @__PURE__ */ e.jsx(
1807
- O,
1965
+ U,
1808
1966
  {
1809
1967
  label: "Style name",
1810
- value: o.general.name,
1811
- onChange: (a) => s("general", a, "name")
1968
+ value: s.general.name,
1969
+ onChange: (a) => o("general", a, "name")
1812
1970
  }
1813
1971
  ),
1814
1972
  /* @__PURE__ */ e.jsx(
1815
- ie,
1973
+ le,
1816
1974
  {
1817
1975
  label: "Font Size (px)",
1818
- onChange: (a) => s("general", a, "size"),
1819
- value: String(o.general.size),
1820
- options: ve
1976
+ onChange: (a) => o("general", a, "size"),
1977
+ value: String(s.general.size),
1978
+ options: ke
1821
1979
  }
1822
1980
  ),
1823
1981
  /* @__PURE__ */ e.jsx(
1824
- ue,
1982
+ ge,
1825
1983
  {
1826
- initialColor: G(o.general.color),
1984
+ initialColor: W(s.general.color),
1827
1985
  onChange: i("general"),
1828
1986
  title: "Font Color",
1829
1987
  labelStyle: "secondary"
@@ -1831,32 +1989,32 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1831
1989
  )
1832
1990
  ] }),
1833
1991
  /* @__PURE__ */ e.jsxs(
1834
- fe,
1992
+ ve,
1835
1993
  {
1836
1994
  title: "Field Fill",
1837
- rightAddon: /* @__PURE__ */ e.jsx("div", { className: V.switch, children: /* @__PURE__ */ e.jsx(
1838
- Ie,
1995
+ rightAddon: /* @__PURE__ */ e.jsx("div", { className: Y.switch, children: /* @__PURE__ */ e.jsx(
1996
+ He,
1839
1997
  {
1840
- onChange: (a) => s("field", a, "active"),
1841
- current: o.field.active
1998
+ onChange: (a) => o("field", a, "active"),
1999
+ current: s.field.active
1842
2000
  }
1843
2001
  ) }),
1844
2002
  children: [
1845
2003
  /* @__PURE__ */ e.jsx(
1846
- ue,
2004
+ ge,
1847
2005
  {
1848
- initialColor: G(o.field.color),
2006
+ initialColor: W(s.field.color),
1849
2007
  onChange: i("field"),
1850
2008
  title: "Color",
1851
2009
  labelStyle: "secondary"
1852
2010
  }
1853
2011
  ),
1854
2012
  /* @__PURE__ */ e.jsx(
1855
- O,
2013
+ U,
1856
2014
  {
1857
2015
  label: "Opacity (%)",
1858
- value: String(o.field.opacity),
1859
- onChange: (a) => s("field", a, "opacity"),
2016
+ value: String(s.field.opacity),
2017
+ onChange: (a) => o("field", a, "opacity"),
1860
2018
  type: "number",
1861
2019
  min: 0
1862
2020
  }
@@ -1865,55 +2023,55 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1865
2023
  }
1866
2024
  ),
1867
2025
  /* @__PURE__ */ e.jsxs(
1868
- fe,
2026
+ ve,
1869
2027
  {
1870
2028
  title: "Border",
1871
- rightAddon: /* @__PURE__ */ e.jsx("div", { className: V.switch, children: /* @__PURE__ */ e.jsx(
1872
- Ie,
2029
+ rightAddon: /* @__PURE__ */ e.jsx("div", { className: Y.switch, children: /* @__PURE__ */ e.jsx(
2030
+ He,
1873
2031
  {
1874
- onChange: (a) => s("border", a, "active"),
1875
- current: o.border.active
2032
+ onChange: (a) => o("border", a, "active"),
2033
+ current: s.border.active
1876
2034
  }
1877
2035
  ) }),
1878
2036
  children: [
1879
- /* @__PURE__ */ e.jsxs("div", { className: V.lineField, children: [
1880
- /* @__PURE__ */ e.jsxs("div", { className: V.style, children: [
1881
- /* @__PURE__ */ e.jsx("span", { className: V.title, children: "Style" }),
2037
+ /* @__PURE__ */ e.jsxs("div", { className: Y.lineField, children: [
2038
+ /* @__PURE__ */ e.jsxs("div", { className: Y.style, children: [
2039
+ /* @__PURE__ */ e.jsx("span", { className: Y.title, children: "Style" }),
1882
2040
  /* @__PURE__ */ e.jsx(
1883
- We,
2041
+ Qe,
1884
2042
  {
1885
- items: ba,
1886
- selectedItem: o.border.style,
1887
- onSelect: (a) => s("border", a, "style"),
2043
+ items: Tr,
2044
+ selectedItem: s.border.style,
2045
+ onSelect: (a) => o("border", a, "style"),
1888
2046
  getIconName: (a) => a === "solid" ? "Minus" : "Selection"
1889
2047
  }
1890
2048
  )
1891
2049
  ] }),
1892
2050
  /* @__PURE__ */ e.jsx(
1893
- O,
2051
+ U,
1894
2052
  {
1895
2053
  label: "Radius (px)",
1896
- value: String(o.border.radius),
1897
- onChange: (a) => s("border", a, "radius"),
2054
+ value: String(s.border.radius),
2055
+ onChange: (a) => o("border", a, "radius"),
1898
2056
  type: "number",
1899
2057
  min: 0
1900
2058
  }
1901
2059
  )
1902
2060
  ] }),
1903
2061
  /* @__PURE__ */ e.jsx(
1904
- O,
2062
+ U,
1905
2063
  {
1906
2064
  label: "Thickness (px)",
1907
- value: String(o.border.thickness),
1908
- onChange: (a) => s("border", a, "thickness"),
2065
+ value: String(s.border.thickness),
2066
+ onChange: (a) => o("border", a, "thickness"),
1909
2067
  type: "number",
1910
2068
  min: 0
1911
2069
  }
1912
2070
  ),
1913
2071
  /* @__PURE__ */ e.jsx(
1914
- ue,
2072
+ ge,
1915
2073
  {
1916
- initialColor: G(o.border.color),
2074
+ initialColor: W(s.border.color),
1917
2075
  onChange: i("border"),
1918
2076
  title: "Color",
1919
2077
  labelStyle: "secondary"
@@ -1922,100 +2080,100 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1922
2080
  ]
1923
2081
  }
1924
2082
  ),
1925
- /* @__PURE__ */ e.jsxs(fe, { title: "Label", children: [
2083
+ /* @__PURE__ */ e.jsxs(ve, { title: "Label", children: [
1926
2084
  /* @__PURE__ */ e.jsx(
1927
- O,
2085
+ U,
1928
2086
  {
1929
2087
  label: "Line Height (px)",
1930
- value: String(o.label.height),
1931
- onChange: (a) => s("label", a, "height"),
2088
+ value: String(s.label.height),
2089
+ onChange: (a) => o("label", a, "height"),
1932
2090
  type: "number",
1933
2091
  min: 0
1934
2092
  }
1935
2093
  ),
1936
2094
  /* @__PURE__ */ e.jsx(
1937
- ie,
2095
+ le,
1938
2096
  {
1939
2097
  label: "Font Size (px)",
1940
- onChange: (a) => s("label", a, "size"),
1941
- value: String(o.label.size),
1942
- options: ve
2098
+ onChange: (a) => o("label", a, "size"),
2099
+ value: String(s.label.size),
2100
+ options: ke
1943
2101
  }
1944
2102
  ),
1945
2103
  /* @__PURE__ */ e.jsx(
1946
- ue,
2104
+ ge,
1947
2105
  {
1948
- initialColor: G(o.label.color),
2106
+ initialColor: W(s.label.color),
1949
2107
  onChange: i("label"),
1950
2108
  title: "Color",
1951
2109
  labelStyle: "secondary"
1952
2110
  }
1953
2111
  ),
1954
- /* @__PURE__ */ e.jsxs("div", { className: V.alignments, children: [
1955
- /* @__PURE__ */ e.jsx("h4", { className: V.title, children: "Alignment Type" }),
2112
+ /* @__PURE__ */ e.jsxs("div", { className: Y.alignments, children: [
2113
+ /* @__PURE__ */ e.jsx("h4", { className: Y.title, children: "Alignment Type" }),
1956
2114
  /* @__PURE__ */ e.jsx(
1957
- We,
2115
+ Qe,
1958
2116
  {
1959
- items: Sa,
1960
- selectedItem: o.label.alignment,
1961
- onSelect: (a) => s("label", a, "alignment"),
2117
+ items: Pr,
2118
+ selectedItem: s.label.alignment,
2119
+ onSelect: (a) => o("label", a, "alignment"),
1962
2120
  getIconName: (a) => a === "center" ? "AlignCenterHorizontal" : a === "left" ? "AlignLeft" : "AlignRight"
1963
2121
  }
1964
2122
  )
1965
2123
  ] })
1966
2124
  ] })
1967
2125
  ] });
1968
- }, Ca = "_wrapper_lov6e_1", wa = "_category_lov6e_5", va = "_categoryTitle_lov6e_11", xa = "_font_lov6e_17", ka = "_content_lov6e_38", ya = "_icon_lov6e_45", ja = "_paragraph_lov6e_56", Ba = "_deleteIcon_lov6e_60", Aa = "_iconButton_lov6e_67", Q = {
1969
- wrapper: Ca,
1970
- category: wa,
1971
- categoryTitle: va,
1972
- font: xa,
1973
- content: ka,
1974
- icon: ya,
1975
- paragraph: ja,
1976
- deleteIcon: Ba,
1977
- iconButton: Aa
1978
- }, Pa = (t) => {
1979
- const { font: n, size: o, id: s, category: i } = t, { setActiveFont: a } = I();
2126
+ }, Fr = "_wrapper_lov6e_1", Rr = "_category_lov6e_5", Dr = "_categoryTitle_lov6e_11", $r = "_font_lov6e_17", Er = "_content_lov6e_38", Ir = "_icon_lov6e_45", Mr = "_paragraph_lov6e_56", Hr = "_deleteIcon_lov6e_60", Or = "_iconButton_lov6e_67", J = {
2127
+ wrapper: Fr,
2128
+ category: Rr,
2129
+ categoryTitle: Dr,
2130
+ font: $r,
2131
+ content: Er,
2132
+ icon: Ir,
2133
+ paragraph: Mr,
2134
+ deleteIcon: Hr,
2135
+ iconButton: Or
2136
+ }, Ur = (t) => {
2137
+ const { font: n, size: s, id: o, category: i } = t, { setActiveFont: a } = I();
1980
2138
  return /* @__PURE__ */ e.jsxs(
1981
2139
  "div",
1982
2140
  {
1983
- className: Q.font,
1984
- onClick: () => a(s),
2141
+ className: J.font,
2142
+ onClick: () => a(o),
1985
2143
  children: [
1986
2144
  /* @__PURE__ */ e.jsx(
1987
2145
  "div",
1988
2146
  {
1989
- className: N(Q.icon, {
1990
- [Q.paragraph]: i === "paragraph"
2147
+ className: P(J.icon, {
2148
+ [J.paragraph]: i === "paragraph"
1991
2149
  }),
1992
- children: /* @__PURE__ */ e.jsx(v, { name: i === "paragraph" ? "TextB" : "TextH" })
2150
+ children: /* @__PURE__ */ e.jsx(A, { name: i === "paragraph" ? "TextB" : "TextH" })
1993
2151
  }
1994
2152
  ),
1995
- /* @__PURE__ */ e.jsxs("div", { className: Q.content, children: [
1996
- /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: G(s) }),
1997
- /* @__PURE__ */ e.jsx("span", { className: Q.value, children: `${n}, ${o}px` })
2153
+ /* @__PURE__ */ e.jsxs("div", { className: J.content, children: [
2154
+ /* @__PURE__ */ e.jsx("h2", { className: J.categoryTitle, children: W(o) }),
2155
+ /* @__PURE__ */ e.jsx("span", { className: J.value, children: `${n}, ${s}px` })
1998
2156
  ] })
1999
2157
  ]
2000
2158
  }
2001
2159
  );
2002
- }, La = () => {
2003
- const { themeSettings: t, setActiveFont: n, activeBlock: o } = I();
2004
- m.useEffect(() => (s(), () => {
2005
- s();
2160
+ }, qr = () => {
2161
+ const { themeSettings: t, setActiveFont: n, activeBlock: s } = I();
2162
+ S.useEffect(() => (o(), () => {
2163
+ o();
2006
2164
  }), []);
2007
- function s() {
2165
+ function o() {
2008
2166
  n(null);
2009
2167
  }
2010
- if (o != null && o.name)
2011
- return /* @__PURE__ */ e.jsx("div", { className: Q.wrapper, children: Object.entries(t.fonts).map(([i, a]) => /* @__PURE__ */ e.jsxs(
2168
+ if (s != null && s.name)
2169
+ return /* @__PURE__ */ e.jsx("div", { className: J.wrapper, children: Object.entries(t.fonts).map(([i, a]) => /* @__PURE__ */ e.jsxs(
2012
2170
  "div",
2013
2171
  {
2014
- className: Q.category,
2172
+ className: J.category,
2015
2173
  children: [
2016
- /* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: G(i) }),
2174
+ /* @__PURE__ */ e.jsx("h2", { className: J.categoryTitle, children: W(i) }),
2017
2175
  Object.entries(a).map(([r, l]) => /* @__PURE__ */ e.jsx(
2018
- Pa,
2176
+ Ur,
2019
2177
  {
2020
2178
  id: r,
2021
2179
  category: i,
@@ -2027,108 +2185,108 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2027
2185
  },
2028
2186
  i
2029
2187
  )) });
2030
- }, Na = "_wrapper_smgf8_1", Ta = "_open_smgf8_16", Fa = "_close_smgf8_20", $a = "_header_smgf8_24", Da = "_title_smgf8_32", Ma = "_options_smgf8_38", Ha = "_clicked_smgf8_45", se = {
2031
- wrapper: Na,
2032
- open: Ta,
2033
- close: Fa,
2034
- header: $a,
2035
- title: Da,
2036
- options: Ma,
2037
- clicked: Ha
2038
- }, Ia = () => {
2039
- const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: i } = I(), { fonts: a } = Ye(), [r, l] = m.useState(null);
2040
- function d() {
2188
+ }, Gr = "_wrapper_smgf8_1", Wr = "_open_smgf8_16", zr = "_close_smgf8_20", Xr = "_header_smgf8_24", Yr = "_title_smgf8_32", Kr = "_options_smgf8_38", Qr = "_clicked_smgf8_45", re = {
2189
+ wrapper: Gr,
2190
+ open: Wr,
2191
+ close: zr,
2192
+ header: Xr,
2193
+ title: Yr,
2194
+ options: Kr,
2195
+ clicked: Qr
2196
+ }, Vr = () => {
2197
+ const { activeBlock: t, setActiveFont: n, activeFont: s, themeSettings: o, updateFont: i } = I(), { fonts: a } = Ze(), [r, l] = S.useState(null);
2198
+ function c() {
2041
2199
  n(null);
2042
2200
  }
2043
- function f(p, u) {
2044
- r && o && i(r, o, u, p);
2201
+ function g(C, m) {
2202
+ r && s && i(r, s, m, C);
2045
2203
  }
2046
- const h = m.useMemo(() => o ? s.fonts.heading[o] ? (l("heading"), s.fonts.heading[o]) : s.fonts.paragraph[o] ? (l("paragraph"), s.fonts.paragraph[o]) : (l(null), null) : null, [o, s]);
2204
+ const u = S.useMemo(() => s ? o.fonts.heading[s] ? (l("heading"), o.fonts.heading[s]) : o.fonts.paragraph[s] ? (l("paragraph"), o.fonts.paragraph[s]) : (l(null), null) : null, [s, o]);
2047
2205
  return /* @__PURE__ */ e.jsxs(
2048
2206
  "div",
2049
2207
  {
2050
- className: N(se.wrapper, {
2051
- [se.open]: (t == null ? void 0 : t.name) === "Fonts" && o,
2052
- [se.close]: (t == null ? void 0 : t.name) !== "Fonts" || !o
2208
+ className: P(re.wrapper, {
2209
+ [re.open]: (t == null ? void 0 : t.name) === "Fonts" && s,
2210
+ [re.close]: (t == null ? void 0 : t.name) !== "Fonts" || !s
2053
2211
  }),
2054
2212
  children: [
2055
2213
  /* @__PURE__ */ e.jsxs(
2056
2214
  "div",
2057
2215
  {
2058
- className: se.header,
2059
- onClick: d,
2216
+ className: re.header,
2217
+ onClick: c,
2060
2218
  children: [
2061
2219
  /* @__PURE__ */ e.jsx(
2062
- v,
2220
+ A,
2063
2221
  {
2064
2222
  name: "CaretLeft",
2065
2223
  hoverable: !0
2066
2224
  }
2067
2225
  ),
2068
- /* @__PURE__ */ e.jsx("span", { className: se.title, children: "Font Style" })
2226
+ /* @__PURE__ */ e.jsx("span", { className: re.title, children: "Font Style" })
2069
2227
  ]
2070
2228
  }
2071
2229
  ),
2072
- o && h && /* @__PURE__ */ e.jsxs("div", { className: se.options, children: [
2230
+ s && u && /* @__PURE__ */ e.jsxs("div", { className: re.options, children: [
2073
2231
  /* @__PURE__ */ e.jsx(
2074
- ie,
2232
+ le,
2075
2233
  {
2076
2234
  label: "Font",
2077
- value: h.font,
2078
- onChange: (p) => f(p, "font"),
2079
- options: [...a.filter((p) => p !== h.font)]
2235
+ value: u.font,
2236
+ onChange: (C) => g(C, "font"),
2237
+ options: [...a.filter((C) => C !== u.font)]
2080
2238
  }
2081
2239
  ),
2082
2240
  /* @__PURE__ */ e.jsx(
2083
- ie,
2241
+ le,
2084
2242
  {
2085
2243
  label: "Size",
2086
- value: String(h.size),
2087
- onChange: (p) => f(p, "size"),
2088
- options: ve
2244
+ value: String(u.size),
2245
+ onChange: (C) => g(C, "size"),
2246
+ options: ke
2089
2247
  }
2090
2248
  ),
2091
2249
  /* @__PURE__ */ e.jsx(
2092
- ie,
2250
+ le,
2093
2251
  {
2094
2252
  label: "Weight",
2095
- value: String(h.weight),
2096
- onChange: (p) => f(p, "weight"),
2097
- options: bt
2253
+ value: String(u.weight),
2254
+ onChange: (C) => g(C, "weight"),
2255
+ options: vt
2098
2256
  }
2099
2257
  )
2100
2258
  ] })
2101
2259
  ]
2102
2260
  }
2103
2261
  );
2104
- }, Ea = "_wrapper_smgf8_1", Ra = "_open_smgf8_16", Oa = "_close_smgf8_20", Ua = "_header_smgf8_24", qa = "_title_smgf8_32", Ga = "_options_smgf8_38", za = "_clicked_smgf8_45", ae = {
2105
- wrapper: Ea,
2106
- open: Ra,
2107
- close: Oa,
2108
- header: Ua,
2109
- title: qa,
2110
- options: Ga,
2111
- clicked: za
2112
- }, nt = () => {
2113
- const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: s } = I();
2114
- function i(l, d) {
2115
- o(d, l);
2262
+ }, Jr = "_wrapper_smgf8_1", Zr = "_open_smgf8_16", ea = "_close_smgf8_20", ta = "_header_smgf8_24", na = "_title_smgf8_32", sa = "_options_smgf8_38", oa = "_clicked_smgf8_45", ae = {
2263
+ wrapper: Jr,
2264
+ open: Zr,
2265
+ close: ea,
2266
+ header: ta,
2267
+ title: na,
2268
+ options: sa,
2269
+ clicked: oa
2270
+ }, at = () => {
2271
+ const { activeBlock: t, themeSettings: n, updateBorder: s, setActiveBlock: o } = I();
2272
+ function i(l, c) {
2273
+ s(c, l);
2116
2274
  }
2117
2275
  function a() {
2118
- s(null);
2276
+ o(null);
2119
2277
  }
2120
- const r = m.useMemo(() => n.borders, [n]);
2278
+ const r = S.useMemo(() => n.borders, [n]);
2121
2279
  return /* @__PURE__ */ e.jsxs(
2122
2280
  "div",
2123
2281
  {
2124
- className: N(ae.wrapper, {
2282
+ className: P(ae.wrapper, {
2125
2283
  [ae.open]: (t == null ? void 0 : t.name) === "Borders",
2126
2284
  [ae.close]: (t == null ? void 0 : t.name) !== "Borders"
2127
2285
  }),
2128
2286
  children: [
2129
2287
  /* @__PURE__ */ e.jsxs("div", { className: ae.header, children: [
2130
2288
  /* @__PURE__ */ e.jsx(
2131
- v,
2289
+ A,
2132
2290
  {
2133
2291
  name: "CaretLeft",
2134
2292
  hoverable: !0,
@@ -2139,7 +2297,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2139
2297
  ] }),
2140
2298
  /* @__PURE__ */ e.jsxs("div", { className: ae.options, children: [
2141
2299
  /* @__PURE__ */ e.jsx(
2142
- O,
2300
+ U,
2143
2301
  {
2144
2302
  label: "Border Radius (px)",
2145
2303
  value: String(r.radius),
@@ -2149,7 +2307,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2149
2307
  }
2150
2308
  ),
2151
2309
  /* @__PURE__ */ e.jsx(
2152
- O,
2310
+ U,
2153
2311
  {
2154
2312
  label: "Border Thickness (px)",
2155
2313
  value: String(r.thickness),
@@ -2162,50 +2320,50 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2162
2320
  ]
2163
2321
  }
2164
2322
  );
2165
- }, Wa = "_wrapper_1phvv_1", Va = "_open_1phvv_16", Xa = "_close_1phvv_20", Ya = "_header_1phvv_24", Qa = "_title_1phvv_32", Ka = "_options_1phvv_38", Ja = "_clicked_1phvv_45", Za = "_label_1phvv_49", er = "_alignments_1phvv_56", tr = "_blocks_1phvv_62", nr = "_alignment_1phvv_56", or = "_active_1phvv_77", U = {
2166
- wrapper: Wa,
2167
- open: Va,
2168
- close: Xa,
2169
- header: Ya,
2170
- title: Qa,
2171
- options: Ka,
2172
- clicked: Ja,
2173
- label: Za,
2174
- alignments: er,
2175
- blocks: tr,
2176
- alignment: nr,
2177
- active: or
2178
- }, sr = ["left", "center", "right"], ot = () => {
2179
- const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: s } = I();
2180
- function i(l, d) {
2181
- o(d, l);
2323
+ }, ra = "_wrapper_1phvv_1", aa = "_open_1phvv_16", ia = "_close_1phvv_20", la = "_header_1phvv_24", ca = "_title_1phvv_32", da = "_options_1phvv_38", ua = "_clicked_1phvv_45", ha = "_label_1phvv_49", pa = "_alignments_1phvv_56", ga = "_blocks_1phvv_62", ma = "_alignment_1phvv_56", _a = "_active_1phvv_77", q = {
2324
+ wrapper: ra,
2325
+ open: aa,
2326
+ close: ia,
2327
+ header: la,
2328
+ title: ca,
2329
+ options: da,
2330
+ clicked: ua,
2331
+ label: ha,
2332
+ alignments: pa,
2333
+ blocks: ga,
2334
+ alignment: ma,
2335
+ active: _a
2336
+ }, Sa = ["left", "center", "right"], it = () => {
2337
+ const { activeBlock: t, themeSettings: n, updateButton: s, setActiveBlock: o } = I();
2338
+ function i(l, c) {
2339
+ s(c, l);
2182
2340
  }
2183
2341
  function a() {
2184
- s(null);
2342
+ o(null);
2185
2343
  }
2186
- const r = m.useMemo(() => n.buttons, [n]);
2344
+ const r = S.useMemo(() => n.buttons, [n]);
2187
2345
  return /* @__PURE__ */ e.jsxs(
2188
2346
  "div",
2189
2347
  {
2190
- className: N(U.wrapper, {
2191
- [U.open]: (t == null ? void 0 : t.name) === "Buttons",
2192
- [U.close]: (t == null ? void 0 : t.name) !== "Buttons"
2348
+ className: P(q.wrapper, {
2349
+ [q.open]: (t == null ? void 0 : t.name) === "Buttons",
2350
+ [q.close]: (t == null ? void 0 : t.name) !== "Buttons"
2193
2351
  }),
2194
2352
  children: [
2195
- /* @__PURE__ */ e.jsxs("div", { className: U.header, children: [
2353
+ /* @__PURE__ */ e.jsxs("div", { className: q.header, children: [
2196
2354
  /* @__PURE__ */ e.jsx(
2197
- v,
2355
+ A,
2198
2356
  {
2199
2357
  name: "CaretLeft",
2200
2358
  hoverable: !0,
2201
2359
  onClick: a
2202
2360
  }
2203
2361
  ),
2204
- /* @__PURE__ */ e.jsx("span", { className: U.title, children: "Buttons Style" })
2362
+ /* @__PURE__ */ e.jsx("span", { className: q.title, children: "Buttons Style" })
2205
2363
  ] }),
2206
- r && /* @__PURE__ */ e.jsxs("div", { className: U.options, children: [
2364
+ r && /* @__PURE__ */ e.jsxs("div", { className: q.options, children: [
2207
2365
  /* @__PURE__ */ e.jsx(
2208
- O,
2366
+ U,
2209
2367
  {
2210
2368
  label: "Height (px)",
2211
2369
  value: String(r.height),
@@ -2215,16 +2373,16 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2215
2373
  }
2216
2374
  ),
2217
2375
  /* @__PURE__ */ e.jsx(
2218
- ie,
2376
+ le,
2219
2377
  {
2220
2378
  label: "Font Size (px)",
2221
2379
  value: String(r.size),
2222
2380
  onChange: (l) => i(l, "size"),
2223
- options: ve
2381
+ options: ke
2224
2382
  }
2225
2383
  ),
2226
2384
  /* @__PURE__ */ e.jsx(
2227
- O,
2385
+ U,
2228
2386
  {
2229
2387
  label: "Border Radius (px)",
2230
2388
  value: String(r.radius),
@@ -2233,19 +2391,19 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2233
2391
  min: 0
2234
2392
  }
2235
2393
  ),
2236
- /* @__PURE__ */ e.jsxs("div", { className: U.alignments, children: [
2237
- /* @__PURE__ */ e.jsx("h4", { className: U.label, children: "Alignment Type" }),
2238
- /* @__PURE__ */ e.jsx("div", { className: U.blocks, children: sr.map((l) => /* @__PURE__ */ e.jsx(
2394
+ /* @__PURE__ */ e.jsxs("div", { className: q.alignments, children: [
2395
+ /* @__PURE__ */ e.jsx("h4", { className: q.label, children: "Alignment Type" }),
2396
+ /* @__PURE__ */ e.jsx("div", { className: q.blocks, children: Sa.map((l) => /* @__PURE__ */ e.jsx(
2239
2397
  "div",
2240
2398
  {
2241
- className: N(U.alignment, {
2242
- [U.active]: r.alignment === l
2399
+ className: P(q.alignment, {
2400
+ [q.active]: r.alignment === l
2243
2401
  }),
2244
2402
  onClick: () => {
2245
2403
  i(l, "alignment");
2246
2404
  },
2247
2405
  children: /* @__PURE__ */ e.jsx(
2248
- v,
2406
+ A,
2249
2407
  {
2250
2408
  name: l === "center" ? "AlignCenterHorizontal" : l === "left" ? "AlignLeft" : "AlignRight",
2251
2409
  fill: r.alignment === l ? "#252525" : "#757575"
@@ -2259,49 +2417,49 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2259
2417
  ]
2260
2418
  }
2261
2419
  );
2262
- }, ar = () => {
2420
+ }, fa = () => {
2263
2421
  const { activeBlock: t, themeSettings: n } = I();
2264
2422
  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
2265
- (t == null ? void 0 : t.name) === "Fonts" && n.fonts && /* @__PURE__ */ e.jsx(Ia, {}),
2266
- (t == null ? void 0 : t.name) === "Borders" && n.borders && /* @__PURE__ */ e.jsx(nt, {}),
2267
- (t == null ? void 0 : t.name) === "Buttons" && n.buttons && /* @__PURE__ */ e.jsx(ot, {})
2423
+ (t == null ? void 0 : t.name) === "Fonts" && n.fonts && /* @__PURE__ */ e.jsx(Vr, {}),
2424
+ (t == null ? void 0 : t.name) === "Borders" && n.borders && /* @__PURE__ */ e.jsx(at, {}),
2425
+ (t == null ? void 0 : t.name) === "Buttons" && n.buttons && /* @__PURE__ */ e.jsx(it, {})
2268
2426
  ] });
2269
- }, rr = () => {
2270
- const { activeBlock: t, setActiveBlock: n, themeSettings: o } = I(), { activeBlock: s } = je();
2427
+ }, ba = () => {
2428
+ const { activeBlock: t, setActiveBlock: n, themeSettings: s } = I(), { activeBlock: o } = Be();
2271
2429
  function i() {
2272
2430
  n(null);
2273
2431
  }
2274
2432
  return /* @__PURE__ */ e.jsxs(
2275
2433
  "div",
2276
2434
  {
2277
- className: N(de.settings, {
2278
- [de.open]: t,
2279
- [de.close]: !t || s.name !== "Theme"
2435
+ className: P(he.settings, {
2436
+ [he.open]: t,
2437
+ [he.close]: !t || o.name !== "Theme"
2280
2438
  }),
2281
2439
  children: [
2282
- /* @__PURE__ */ e.jsxs("div", { className: de.header, children: [
2440
+ /* @__PURE__ */ e.jsxs("div", { className: he.header, children: [
2283
2441
  /* @__PURE__ */ e.jsx(
2284
- v,
2442
+ A,
2285
2443
  {
2286
2444
  name: "CaretLeft",
2287
2445
  hoverable: !0,
2288
2446
  onClick: i
2289
2447
  }
2290
2448
  ),
2291
- /* @__PURE__ */ e.jsx("span", { className: de.title, children: t == null ? void 0 : t.name })
2449
+ /* @__PURE__ */ e.jsx("span", { className: he.title, children: t == null ? void 0 : t.name })
2292
2450
  ] }),
2293
- (t == null ? void 0 : t.name) === "Fonts" && o.fonts && /* @__PURE__ */ e.jsx(La, {}),
2294
- (t == null ? void 0 : t.name) === "Colors" && o.colors && /* @__PURE__ */ e.jsx(Zs, {}),
2295
- (t == null ? void 0 : t.name) === "Inputs" && o.inputs && /* @__PURE__ */ e.jsx(fa, {}),
2296
- (t == null ? void 0 : t.name) === "Borders" && o.borders && /* @__PURE__ */ e.jsx(nt, {}),
2297
- (t == null ? void 0 : t.name) === "Buttons" && o.buttons && /* @__PURE__ */ e.jsx(ot, {}),
2298
- /* @__PURE__ */ e.jsx(ar, {})
2451
+ (t == null ? void 0 : t.name) === "Fonts" && s.fonts && /* @__PURE__ */ e.jsx(qr, {}),
2452
+ (t == null ? void 0 : t.name) === "Colors" && s.colors && /* @__PURE__ */ e.jsx(hr, {}),
2453
+ (t == null ? void 0 : t.name) === "Inputs" && s.inputs && /* @__PURE__ */ e.jsx(Lr, {}),
2454
+ (t == null ? void 0 : t.name) === "Borders" && s.borders && /* @__PURE__ */ e.jsx(at, {}),
2455
+ (t == null ? void 0 : t.name) === "Buttons" && s.buttons && /* @__PURE__ */ e.jsx(it, {}),
2456
+ /* @__PURE__ */ e.jsx(fa, {})
2299
2457
  ]
2300
2458
  }
2301
2459
  );
2302
- }, ir = () => {
2303
- const { activeBlock: t } = je(), { activeBlock: n } = X();
2304
- function o() {
2460
+ }, Ca = () => {
2461
+ const { activeBlock: t } = Be(), { activeBlock: n } = Q();
2462
+ function s() {
2305
2463
  switch (t.name) {
2306
2464
  case "Layers":
2307
2465
  return "Layers";
@@ -2313,172 +2471,172 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2313
2471
  return "Settings";
2314
2472
  }
2315
2473
  }
2316
- return /* @__PURE__ */ e.jsxs("div", { className: Ue.sidebar, children: [
2317
- /* @__PURE__ */ e.jsx("h3", { className: Ue.title, children: o() }),
2318
- t.name === "Layers" && /* @__PURE__ */ e.jsx(_s, {}),
2319
- t.name === "Add" && /* @__PURE__ */ e.jsx(et, {}),
2320
- /* @__PURE__ */ e.jsx($s, { isAdd: !!n }),
2321
- /* @__PURE__ */ e.jsx(rr, {}),
2322
- t.name === "Theme" && /* @__PURE__ */ e.jsx(vs, {}),
2323
- t.name === "Settings" && /* @__PURE__ */ e.jsx(bs, {})
2474
+ return /* @__PURE__ */ e.jsxs("div", { className: We.sidebar, children: [
2475
+ /* @__PURE__ */ e.jsx("h3", { className: We.title, children: s() }),
2476
+ t.name === "Layers" && /* @__PURE__ */ e.jsx(Co, {}),
2477
+ t.name === "Add" && /* @__PURE__ */ e.jsx(ot, {}),
2478
+ /* @__PURE__ */ e.jsx(Xo, { isAdd: !!n }),
2479
+ /* @__PURE__ */ e.jsx(ba, {}),
2480
+ t.name === "Theme" && /* @__PURE__ */ e.jsx(jo, {}),
2481
+ t.name === "Settings" && /* @__PURE__ */ e.jsx(vo, {})
2324
2482
  ] });
2325
- }, lr = "_wrapper_gibny_1", cr = "_header_gibny_12", dr = "_content_gibny_23", ur = "_buttons_gibny_31", hr = "_cancel_gibny_38", pr = "_label_gibny_43", gr = "_description_gibny_44", mr = "_preview_gibny_52", _r = "_block_gibny_58", Sr = "_slug_gibny_67", br = "_title_gibny_73", q = {
2326
- wrapper: lr,
2327
- header: cr,
2328
- content: dr,
2329
- buttons: ur,
2330
- cancel: hr,
2331
- label: pr,
2332
- description: gr,
2333
- preview: mr,
2334
- block: _r,
2335
- slug: Sr,
2336
- title: br
2337
- }, fr = "_wrapper_ba9vp_2", Cr = "_label_ba9vp_10", wr = "_options_ba9vp_18", vr = "_radioLabel_ba9vp_24", xr = "_radio_ba9vp_24", kr = "_custom_ba9vp_39", yr = "_option_ba9vp_18", Z = {
2338
- wrapper: fr,
2339
- label: Cr,
2340
- options: wr,
2341
- radioLabel: vr,
2342
- radio: xr,
2343
- custom: kr,
2344
- option: yr
2345
- }, jr = (t) => {
2346
- const { defaultValue: n, options: o, onChange: s, label: i } = t, [a, r] = m.useState(n), l = (d) => {
2347
- const f = d.target.value;
2348
- r(f), s(f);
2483
+ }, wa = "_wrapper_gibny_1", va = "_header_gibny_12", xa = "_content_gibny_23", ka = "_buttons_gibny_31", ya = "_cancel_gibny_38", ja = "_label_gibny_43", Aa = "_description_gibny_44", Ba = "_preview_gibny_52", Na = "_block_gibny_58", Pa = "_slug_gibny_67", Ta = "_title_gibny_73", G = {
2484
+ wrapper: wa,
2485
+ header: va,
2486
+ content: xa,
2487
+ buttons: ka,
2488
+ cancel: ya,
2489
+ label: ja,
2490
+ description: Aa,
2491
+ preview: Ba,
2492
+ block: Na,
2493
+ slug: Pa,
2494
+ title: Ta
2495
+ }, La = "_wrapper_ba9vp_2", Fa = "_label_ba9vp_10", Ra = "_options_ba9vp_18", Da = "_radioLabel_ba9vp_24", $a = "_radio_ba9vp_24", Ea = "_custom_ba9vp_39", Ia = "_option_ba9vp_18", ee = {
2496
+ wrapper: La,
2497
+ label: Fa,
2498
+ options: Ra,
2499
+ radioLabel: Da,
2500
+ radio: $a,
2501
+ custom: Ea,
2502
+ option: Ia
2503
+ }, Ma = (t) => {
2504
+ const { defaultValue: n, options: s, onChange: o, label: i } = t, [a, r] = S.useState(n), l = (c) => {
2505
+ const g = c.target.value;
2506
+ r(g), o(g);
2349
2507
  };
2350
- return /* @__PURE__ */ e.jsxs("div", { className: Z.wrapper, children: [
2351
- /* @__PURE__ */ e.jsx("span", { className: Z.label, children: i }),
2352
- /* @__PURE__ */ e.jsx("div", { className: Z.options, children: o.map((d) => /* @__PURE__ */ e.jsxs(
2508
+ return /* @__PURE__ */ e.jsxs("div", { className: ee.wrapper, children: [
2509
+ /* @__PURE__ */ e.jsx("span", { className: ee.label, children: i }),
2510
+ /* @__PURE__ */ e.jsx("div", { className: ee.options, children: s.map((c) => /* @__PURE__ */ e.jsxs(
2353
2511
  "label",
2354
2512
  {
2355
- className: Z.radioLabel,
2513
+ className: ee.radioLabel,
2356
2514
  children: [
2357
2515
  /* @__PURE__ */ e.jsx(
2358
2516
  "input",
2359
2517
  {
2360
2518
  type: "radio",
2361
- value: d.value,
2362
- checked: a === d.value,
2519
+ value: c.value,
2520
+ checked: a === c.value,
2363
2521
  onChange: l,
2364
- className: Z.radio
2522
+ className: ee.radio
2365
2523
  }
2366
2524
  ),
2367
- /* @__PURE__ */ e.jsx("span", { className: Z.custom }),
2368
- /* @__PURE__ */ e.jsx("span", { className: Z.option, children: d.label })
2525
+ /* @__PURE__ */ e.jsx("span", { className: ee.custom }),
2526
+ /* @__PURE__ */ e.jsx("span", { className: ee.option, children: c.label })
2369
2527
  ]
2370
2528
  },
2371
- d.value
2529
+ c.value
2372
2530
  )) })
2373
2531
  ] });
2374
- }, Br = () => {
2375
- var D, E, b, y, A, T, x, S;
2532
+ }, Ha = () => {
2533
+ var R, $, x, w, y, L, j, k;
2376
2534
  const {
2377
2535
  setIsOpenModal: t,
2378
2536
  pages: n,
2379
- createPage: o,
2380
- updatePage: s,
2537
+ createPage: s,
2538
+ updatePage: o,
2381
2539
  isEdit: i,
2382
2540
  setIsEdit: a,
2383
2541
  editedPage: r,
2384
2542
  setEditedPage: l
2385
- } = $(), { createPage: d, updatePage: f } = M(), [h, p] = m.useState(r ? n && ((D = n[r]) == null ? void 0 : D.path) : ""), [u, c] = m.useState(r ? n && ((E = n[r]) == null ? void 0 : E.name) : ""), [j, L] = m.useState(
2386
- r && n && ((b = n[r]) == null ? void 0 : b.seo) && ((A = (y = n[r]) == null ? void 0 : y.seo) == null ? void 0 : A.description) || ""
2387
- ), [P, g] = m.useState(
2388
- r ? n && ((T = n[r]) == null ? void 0 : T.visibility) : "public"
2543
+ } = D(), { createPage: c, updatePage: g } = E(), [u, C] = S.useState(r ? n && ((R = n[r]) == null ? void 0 : R.path) : ""), [m, p] = S.useState(r ? n && (($ = n[r]) == null ? void 0 : $.name) : ""), [v, h] = S.useState(
2544
+ r && n && ((x = n[r]) == null ? void 0 : x.seo) && ((y = (w = n[r]) == null ? void 0 : w.seo) == null ? void 0 : y.description) || ""
2545
+ ), [_, d] = S.useState(
2546
+ r ? n && ((L = n[r]) == null ? void 0 : L.visibility) : "public"
2389
2547
  );
2390
- function k() {
2391
- p(""), c(""), L(""), g("public"), a(!1), l(null);
2548
+ function f() {
2549
+ C(""), p(""), h(""), d("public"), a(!1), l(null);
2392
2550
  }
2393
- function _() {
2394
- k(), t(!1);
2551
+ function b() {
2552
+ f(), t(!1);
2395
2553
  }
2396
- function C(F) {
2554
+ function T(F) {
2397
2555
  return F[0] === "/" ? F : "/" + F;
2398
2556
  }
2399
- function w() {
2400
- o({
2401
- path: C(h),
2402
- name: u || h || "",
2557
+ function N() {
2558
+ s({
2559
+ path: T(u),
2560
+ name: m || u || "",
2403
2561
  icon: "File",
2404
2562
  seo: {
2405
- title: u || "",
2406
- description: j || ""
2563
+ title: m || "",
2564
+ description: v || ""
2407
2565
  },
2408
- visibility: P || "public"
2409
- }), d(h), _();
2566
+ visibility: _ || "public"
2567
+ }), c(u), b();
2410
2568
  }
2411
2569
  function B() {
2412
- n && (f(n[r].name || "", u || h || ""), s(r, {
2413
- path: C(h),
2414
- name: u || h,
2570
+ n && (g(n[r].name || "", m || u || ""), o(r, {
2571
+ path: T(u),
2572
+ name: m || u,
2415
2573
  icon: n[r].icon || "File",
2416
2574
  seo: {
2417
- title: u || "",
2418
- description: j || ""
2575
+ title: m || "",
2576
+ description: v || ""
2419
2577
  },
2420
- visibility: P || "public"
2421
- })), _();
2578
+ visibility: _ || "public"
2579
+ })), b();
2422
2580
  }
2423
2581
  return /* @__PURE__ */ e.jsxs(
2424
2582
  "div",
2425
2583
  {
2426
- className: q.wrapper,
2584
+ className: G.wrapper,
2427
2585
  onClick: (F) => F.stopPropagation(),
2428
2586
  children: [
2429
- /* @__PURE__ */ e.jsxs("div", { className: q.header, children: [
2587
+ /* @__PURE__ */ e.jsxs("div", { className: G.header, children: [
2430
2588
  /* @__PURE__ */ e.jsxs("h2", { children: [
2431
2589
  i ? "Edit" : "Create",
2432
2590
  " Blank Page"
2433
2591
  ] }),
2434
2592
  /* @__PURE__ */ e.jsx(
2435
- v,
2593
+ A,
2436
2594
  {
2437
2595
  name: "X",
2438
2596
  fill: "#757575",
2439
2597
  hoverable: !0,
2440
- onClick: _
2598
+ onClick: b
2441
2599
  }
2442
2600
  )
2443
2601
  ] }),
2444
- /* @__PURE__ */ e.jsxs("div", { className: q.content, children: [
2602
+ /* @__PURE__ */ e.jsxs("div", { className: G.content, children: [
2445
2603
  /* @__PURE__ */ e.jsx(
2446
- O,
2604
+ U,
2447
2605
  {
2448
2606
  label: "Page Slug",
2449
- onChange: (F) => p(F),
2450
- value: h,
2607
+ onChange: (F) => C(F),
2608
+ value: u,
2451
2609
  placeholder: "path-to-page",
2452
- disabled: !!(r && n && ((x = n[r]) != null && x.name) && he.includes(n[r].name)),
2610
+ disabled: !!(r && n && ((j = n[r]) != null && j.name) && me.includes(n[r].name)),
2453
2611
  required: !0,
2454
2612
  regex: "^.+$"
2455
2613
  }
2456
2614
  ),
2457
2615
  /* @__PURE__ */ e.jsx(
2458
- O,
2616
+ U,
2459
2617
  {
2460
2618
  label: "Page Title",
2461
- onChange: (F) => c(F),
2462
- value: u,
2619
+ onChange: (F) => p(F),
2620
+ value: m,
2463
2621
  placeholder: "Contact us",
2464
- disabled: !!(r && n && ((S = n[r]) != null && S.name) && he.includes(n[r].name))
2622
+ disabled: !!(r && n && ((k = n[r]) != null && k.name) && me.includes(n[r].name))
2465
2623
  }
2466
2624
  ),
2467
2625
  /* @__PURE__ */ e.jsx(
2468
- ft,
2626
+ xt,
2469
2627
  {
2470
2628
  label: "Description",
2471
- onChange: (F) => L(F),
2472
- value: j,
2629
+ onChange: (F) => h(F),
2630
+ value: v,
2473
2631
  placeholder: "Contact us at any time of the day or night. You are always welcome",
2474
2632
  maxLength: 150
2475
2633
  }
2476
2634
  ),
2477
2635
  /* @__PURE__ */ e.jsx(
2478
- jr,
2636
+ Ma,
2479
2637
  {
2480
2638
  label: "Visibility",
2481
- defaultValue: P,
2639
+ defaultValue: _,
2482
2640
  options: [
2483
2641
  {
2484
2642
  value: "public",
@@ -2489,32 +2647,32 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2489
2647
  label: "Private"
2490
2648
  }
2491
2649
  ],
2492
- onChange: (F) => g(F)
2650
+ onChange: (F) => d(F)
2493
2651
  }
2494
2652
  ),
2495
- /* @__PURE__ */ e.jsxs("div", { className: q.preview, children: [
2496
- /* @__PURE__ */ e.jsx("span", { className: q.label, children: "Preview" }),
2497
- /* @__PURE__ */ e.jsxs("div", { className: q.block, children: [
2498
- /* @__PURE__ */ e.jsx("span", { className: q.slug, children: h || "yoursite.url" }),
2499
- /* @__PURE__ */ e.jsx("span", { className: q.title, children: u || "My Blank Page" }),
2500
- /* @__PURE__ */ e.jsx("span", { className: q.description, children: j || "It is My Description" })
2653
+ /* @__PURE__ */ e.jsxs("div", { className: G.preview, children: [
2654
+ /* @__PURE__ */ e.jsx("span", { className: G.label, children: "Preview" }),
2655
+ /* @__PURE__ */ e.jsxs("div", { className: G.block, children: [
2656
+ /* @__PURE__ */ e.jsx("span", { className: G.slug, children: u || "yoursite.url" }),
2657
+ /* @__PURE__ */ e.jsx("span", { className: G.title, children: m || "My Blank Page" }),
2658
+ /* @__PURE__ */ e.jsx("span", { className: G.description, children: v || "It is My Description" })
2501
2659
  ] })
2502
2660
  ] })
2503
2661
  ] }),
2504
- /* @__PURE__ */ e.jsxs("div", { className: q.buttons, children: [
2662
+ /* @__PURE__ */ e.jsxs("div", { className: G.buttons, children: [
2505
2663
  /* @__PURE__ */ e.jsx(
2506
2664
  K,
2507
2665
  {
2508
- className: q.cancel,
2509
- onClick: _,
2666
+ className: G.cancel,
2667
+ onClick: b,
2510
2668
  children: "Cancel"
2511
2669
  }
2512
2670
  ),
2513
2671
  /* @__PURE__ */ e.jsx(
2514
2672
  K,
2515
2673
  {
2516
- onClick: i ? B : w,
2517
- disabled: h.length === 0,
2674
+ onClick: i ? B : N,
2675
+ disabled: u.length === 0,
2518
2676
  children: i ? "Update" : "Create"
2519
2677
  }
2520
2678
  )
@@ -2522,55 +2680,55 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2522
2680
  ]
2523
2681
  }
2524
2682
  );
2525
- }, Ar = "_layout_3kge3_1", Pr = "_main_3kge3_10", Lr = "_content_3kge3_18", Nr = "_notification_3kge3_26", Ce = {
2526
- layout: Ar,
2527
- main: Pr,
2528
- content: Lr,
2529
- notification: Nr
2530
- }, Tr = () => {
2531
- const { isOpenModal: t, setIsOpenModal: n } = $(), { openModal: o, setOpenModal: s } = Ct(), { notification: i, setNotification: a } = Xe();
2532
- return m.useEffect(() => {
2683
+ }, Oa = "_layout_3kge3_1", Ua = "_main_3kge3_10", qa = "_content_3kge3_18", Ga = "_notification_3kge3_26", xe = {
2684
+ layout: Oa,
2685
+ main: Ua,
2686
+ content: qa,
2687
+ notification: Ga
2688
+ }, Wa = () => {
2689
+ const { isOpenModal: t, setIsOpenModal: n } = D(), { openModal: s, setOpenModal: o } = kt(), { notification: i, setNotification: a } = Je();
2690
+ return S.useEffect(() => {
2533
2691
  i && setTimeout(() => {
2534
2692
  a(null);
2535
2693
  }, 3e3);
2536
2694
  }, [i]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
2537
- /* @__PURE__ */ e.jsxs("div", { className: Ce.layout, children: [
2538
- /* @__PURE__ */ e.jsx(On, {}),
2539
- /* @__PURE__ */ e.jsxs("main", { className: Ce.main, children: [
2540
- /* @__PURE__ */ e.jsx(Fn, {}),
2541
- /* @__PURE__ */ e.jsxs("div", { className: Ce.content, children: [
2542
- /* @__PURE__ */ e.jsx(ir, {}),
2543
- /* @__PURE__ */ e.jsx(Qo, {})
2695
+ /* @__PURE__ */ e.jsxs("div", { className: xe.layout, children: [
2696
+ /* @__PURE__ */ e.jsx(Wn, {}),
2697
+ /* @__PURE__ */ e.jsxs("main", { className: xe.main, children: [
2698
+ /* @__PURE__ */ e.jsx(En, {}),
2699
+ /* @__PURE__ */ e.jsxs("div", { className: xe.content, children: [
2700
+ /* @__PURE__ */ e.jsx(Ca, {}),
2701
+ /* @__PURE__ */ e.jsx(Zs, {})
2544
2702
  ] })
2545
2703
  ] })
2546
2704
  ] }),
2547
- t && /* @__PURE__ */ e.jsx(Ee, { close: n, children: /* @__PURE__ */ e.jsx(Br, {}) }),
2548
- o && /* @__PURE__ */ e.jsx(Ee, { close: s, children: /* @__PURE__ */ e.jsx(wt, {}) }),
2549
- i && /* @__PURE__ */ e.jsx("div", { className: Ce.notification, children: /* @__PURE__ */ e.jsx(
2550
- tt,
2705
+ t && /* @__PURE__ */ e.jsx(Oe, { close: n, children: /* @__PURE__ */ e.jsx(Ha, {}) }),
2706
+ s && /* @__PURE__ */ e.jsx(Oe, { close: o, children: /* @__PURE__ */ e.jsx(yt, {}) }),
2707
+ i && /* @__PURE__ */ e.jsx("div", { className: xe.notification, children: /* @__PURE__ */ e.jsx(
2708
+ rt,
2551
2709
  {
2552
2710
  message: i.message,
2553
2711
  type: i.status
2554
2712
  }
2555
2713
  ) })
2556
2714
  ] });
2557
- }, Fr = (t) => {
2558
- const { blocks: n, settings: o, header: s, footer: i } = t, { setBlocks: a, setSourceBlocks: r } = X(), { fonts: l, setFonts: d } = Ye(), { setSettings: f } = J(), { setPageContext: h } = $(), { setThemeSettings: p } = I(), {
2559
- setHeader: u,
2560
- setFooter: c,
2561
- setBlocks: j,
2562
- blocks: L,
2563
- createPage: P
2564
- } = M(), { setPages: g } = $();
2565
- function k(_) {
2566
- return _[0] === "/" ? _.slice(1) : _;
2715
+ }, za = (t) => {
2716
+ const { blocks: n, settings: s, header: o, footer: i } = t, { setBlocks: a, setSourceBlocks: r } = Q(), { fonts: l, setFonts: c } = Ze(), { setSettings: g } = Z(), { setPageContext: u } = D(), { setThemeSettings: C } = I(), {
2717
+ setHeader: m,
2718
+ setFooter: p,
2719
+ setBlocks: v,
2720
+ blocks: h,
2721
+ createPage: _
2722
+ } = E(), { setPages: d } = D();
2723
+ function f(b) {
2724
+ return b[0] === "/" ? b.slice(1) : b;
2567
2725
  }
2568
- return m.useEffect(() => {
2569
- const _ = {};
2570
- Object.keys(n).map((w) => {
2571
- _[w] = n[w];
2572
- }), r(_), a(_), u(s), c(i), (async () => {
2573
- const { data: w } = await Ot();
2726
+ return S.useEffect(() => {
2727
+ const b = {};
2728
+ Object.keys(n).map((N) => {
2729
+ b[N] = n[N];
2730
+ }), r(b), a(b), m(o), p(i), (async () => {
2731
+ const { data: N } = await Gt();
2574
2732
  let B = {
2575
2733
  listings: null,
2576
2734
  products: null,
@@ -2579,117 +2737,137 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2579
2737
  faqs: null,
2580
2738
  general: null
2581
2739
  };
2582
- const D = await It();
2583
- Object.keys(D).map((x) => {
2584
- const S = x;
2585
- B[S] = D[S].value.data;
2586
- }), h(B);
2587
- const { themeSettings: E, layers: b, settings: y } = w;
2588
- if (y) {
2589
- const x = o;
2590
- Object.keys(y).map((S) => {
2591
- x[S] = y[S];
2592
- }), f(x);
2740
+ const R = await Ot();
2741
+ Object.keys(R).map((j) => {
2742
+ const k = j;
2743
+ B[k] = R[k].value.data;
2744
+ }), u(B);
2745
+ const { themeSettings: $, layers: x, settings: w } = N;
2746
+ if (w) {
2747
+ const j = s;
2748
+ Object.keys(w).map((k) => {
2749
+ j[k] = w[k];
2750
+ }), g(j);
2593
2751
  } else
2594
- f(o);
2595
- p(E), j(b);
2596
- const A = await Rt(), T = {};
2597
- if (A.data.length > 0 && A.data.forEach((x) => {
2598
- const S = k(x.path);
2599
- L[S] || P(S), x.path === "/" ? T["/"] = {
2600
- ...x,
2601
- icon: Be.home.icon,
2752
+ g(s);
2753
+ $ && C($), v(x);
2754
+ const y = await qt(), L = {};
2755
+ if (y.data.length > 0 && y.data.forEach((j) => {
2756
+ const k = f(j.path);
2757
+ h[k] || _(k), j.path === "/" ? L["/"] = {
2758
+ ...j,
2759
+ icon: Te.home.icon,
2602
2760
  name: "home"
2603
- } : Be[S] ? T[S] = {
2604
- ...x,
2605
- icon: Be[S].icon,
2606
- name: S
2607
- } : T[S] = {
2608
- ...x,
2761
+ } : Te[k] ? L[k] = {
2762
+ ...j,
2763
+ icon: Te[k].icon,
2764
+ name: k
2765
+ } : L[k] = {
2766
+ ...j,
2609
2767
  icon: "File",
2610
- name: S
2768
+ name: k
2611
2769
  };
2612
- }), g(T), l.length === 0) {
2613
- const x = await Et();
2614
- d([...x.map((S) => S.family)]);
2770
+ }), d(L), l.length === 0) {
2771
+ const j = await Ut();
2772
+ c([...j.map((k) => k.family)]);
2615
2773
  }
2616
2774
  })();
2617
- }, []), /* @__PURE__ */ e.jsx(Tr, {});
2618
- }, $r = (t) => {
2619
- const { blocks: n, settings: o, header: s, footer: i } = t, [a, r] = m.useState(!0), l = Me();
2620
- return m.useEffect(() => {
2621
- r(!0), Ut() ? r(!1) : l("/");
2622
- }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: a ? /* @__PURE__ */ e.jsx(ye, {}) : /* @__PURE__ */ e.jsx(
2623
- Fr,
2775
+ }, []), /* @__PURE__ */ e.jsx(Wa, {});
2776
+ }, Xa = (t) => {
2777
+ const { blocks: n, settings: s, header: o, footer: i } = t, [a, r] = S.useState(!0), l = ce();
2778
+ return S.useEffect(() => {
2779
+ r(!0), Wt() ? r(!1) : l("/");
2780
+ }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: a ? /* @__PURE__ */ e.jsx(Ae, {}) : /* @__PURE__ */ e.jsx(
2781
+ za,
2624
2782
  {
2625
2783
  blocks: n,
2626
- settings: o,
2627
- header: s,
2784
+ settings: s,
2785
+ header: o,
2628
2786
  footer: i
2629
2787
  }
2630
2788
  ) });
2631
- }, Dr = "_wrapper_5ve9u_1", Mr = "_error_5ve9u_11", Hr = "_title_5ve9u_21", we = {
2632
- wrapper: Dr,
2633
- error: Mr,
2634
- title: Hr
2635
- }, Ir = vt((t) => ({
2636
- error: null,
2637
- setError: (n) => t(() => ({ error: n }))
2638
- })), $e = () => {
2639
- const t = Me(), { error: n } = Ir();
2640
- return m.useEffect(() => {
2641
- t("/error");
2642
- }, []), /* @__PURE__ */ e.jsx("div", { className: we.wrapper, children: /* @__PURE__ */ e.jsxs("div", { className: we.error, children: [
2789
+ }, Ya = "_wrapper_1yd2j_1", Ka = "_error_1yd2j_11", Qa = "_title_1yd2j_21", Va = "_buttons_1yd2j_29", pe = {
2790
+ wrapper: Ya,
2791
+ error: Ka,
2792
+ title: Qa,
2793
+ buttons: Va
2794
+ }, Ie = () => {
2795
+ const t = ce(), { error: n, setError: s } = Ne(), { pages: o } = D();
2796
+ S.useEffect(() => {
2797
+ n && t("/error");
2798
+ }, [n]);
2799
+ async function i() {
2800
+ await Ue({
2801
+ resetSettings: (n == null ? void 0 : n.failedSettings) ?? !1,
2802
+ resetThemeSettings: (n == null ? void 0 : n.failedThemeSettings) ?? !1,
2803
+ resetPageIds: (n == null ? void 0 : n.failedPageIds) ?? []
2804
+ }), s(null);
2805
+ }
2806
+ async function a() {
2807
+ const r = [];
2808
+ o && Object.keys(o).map((l) => o[l].id).filter((l) => l !== void 0).map((l) => r.push(l)), await Ue({
2809
+ resetSettings: !0,
2810
+ resetThemeSettings: !0,
2811
+ resetPageIds: r
2812
+ }), s(null);
2813
+ }
2814
+ return /* @__PURE__ */ e.jsx("div", { className: pe.wrapper, children: /* @__PURE__ */ e.jsxs("div", { className: pe.error, children: [
2643
2815
  /* @__PURE__ */ e.jsxs("div", { children: [
2644
- /* @__PURE__ */ e.jsx("div", { className: we.title, children: "Oops! Something went wrong" }),
2645
- /* @__PURE__ */ e.jsx("span", { className: we.message, children: (n == null ? void 0 : n.message) || "" })
2816
+ /* @__PURE__ */ e.jsx("div", { className: pe.title, children: "Oops! Something went wrong" }),
2817
+ /* @__PURE__ */ e.jsx("span", { className: pe.message, children: (n == null ? void 0 : n.message) || "" })
2646
2818
  ] }),
2647
- /* @__PURE__ */ e.jsx(
2648
- K,
2649
- {
2650
- type: "Primary",
2651
- onClick: () => xt({
2652
- resetSettings: (n == null ? void 0 : n.failedSettings) ?? !1,
2653
- resetTheme: (n == null ? void 0 : n.failedTheme) ?? !1,
2654
- resetPageIds: (n == null ? void 0 : n.failedPagesIds) ?? []
2655
- }),
2656
- children: "Reset all settings"
2657
- }
2658
- )
2819
+ /* @__PURE__ */ e.jsxs("div", { className: pe.buttons, children: [
2820
+ /* @__PURE__ */ e.jsx(
2821
+ K,
2822
+ {
2823
+ type: "Primary",
2824
+ onClick: i,
2825
+ children: "Reset Settings"
2826
+ }
2827
+ ),
2828
+ /* @__PURE__ */ e.jsx(
2829
+ K,
2830
+ {
2831
+ type: "Secondary",
2832
+ onClick: a,
2833
+ children: "Reset All Settings"
2834
+ }
2835
+ )
2836
+ ] })
2659
2837
  ] }) });
2660
- }, qr = (t) => {
2661
- const { blocks: n, settings: o, header: s, footer: i } = t, [a, r] = m.useState(null), { setBlocks: l, setSourceBlocks: d } = X(), { setSettings: f } = J(), { setHeader: h, setFooter: p } = M(), { themeSettings: u } = I();
2662
- m.useEffect(() => {
2838
+ }, ni = (t) => {
2839
+ const { blocks: n, settings: s, header: o, footer: i } = t, [a, r] = S.useState(null), { setBlocks: l, setSourceBlocks: c } = Q(), { setSettings: g } = Z(), { setHeader: u, setFooter: C } = E(), { themeSettings: m } = I();
2840
+ S.useEffect(() => {
2663
2841
  if (!a) {
2664
- const P = {};
2665
- Object.keys(n).map((k) => {
2666
- P[k] = n[k];
2667
- }), d(P), l(P), h(s), p(i), f(o);
2668
- const g = kt([
2842
+ const _ = {};
2843
+ Object.keys(n).map((f) => {
2844
+ _[f] = n[f];
2845
+ }), c(_), l(_), u(o), C(i), g(s);
2846
+ const d = jt([
2669
2847
  {
2670
2848
  path: "/admin/builder",
2671
2849
  element: /* @__PURE__ */ e.jsx(
2672
- $r,
2850
+ Xa,
2673
2851
  {
2674
2852
  blocks: n,
2675
- settings: o,
2676
- header: s,
2853
+ settings: s,
2854
+ header: o,
2677
2855
  footer: i
2678
2856
  }
2679
2857
  ),
2680
- errorElement: /* @__PURE__ */ e.jsx($e, {})
2858
+ errorElement: /* @__PURE__ */ e.jsx(Ie, {})
2681
2859
  },
2682
2860
  {
2683
2861
  path: "/checkout",
2684
- element: /* @__PURE__ */ e.jsx(Bt, {})
2862
+ element: /* @__PURE__ */ e.jsx(Nt, {})
2685
2863
  },
2686
2864
  {
2687
2865
  path: "/top-up",
2688
- element: /* @__PURE__ */ e.jsx(At, {})
2866
+ element: /* @__PURE__ */ e.jsx(Pt, {})
2689
2867
  },
2690
2868
  {
2691
2869
  path: "/charges/:id",
2692
- element: /* @__PURE__ */ e.jsx(Pt, {})
2870
+ element: /* @__PURE__ */ e.jsx(Tt, {})
2693
2871
  },
2694
2872
  {
2695
2873
  path: "/orders/:id/:accessToken?",
@@ -2697,35 +2875,35 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2697
2875
  },
2698
2876
  {
2699
2877
  path: "/subscriptions/:id/:accessToken?",
2700
- element: /* @__PURE__ */ e.jsx(Nt, {})
2878
+ element: /* @__PURE__ */ e.jsx(Ft, {})
2701
2879
  },
2702
2880
  {
2703
2881
  path: "/customer-dash",
2704
- element: /* @__PURE__ */ e.jsx(Tt, {})
2882
+ element: /* @__PURE__ */ e.jsx(Rt, {})
2705
2883
  },
2706
2884
  {
2707
2885
  path: "/error",
2708
- element: /* @__PURE__ */ e.jsx($e, {})
2886
+ element: /* @__PURE__ */ e.jsx(Ie, {})
2709
2887
  },
2710
2888
  {
2711
2889
  path: "*",
2712
- element: /* @__PURE__ */ e.jsx(Zt, {}),
2713
- errorElement: /* @__PURE__ */ e.jsx($e, {})
2890
+ element: /* @__PURE__ */ e.jsx(nn, {}),
2891
+ errorElement: /* @__PURE__ */ e.jsx(Ie, {})
2714
2892
  }
2715
2893
  ]);
2716
- r(g);
2894
+ r(d);
2717
2895
  }
2718
- }, [a]), m.useEffect(() => {
2719
- const P = tn(u);
2720
- nn(P);
2721
- }, [u]);
2722
- const c = window.location.hostname.includes("localhost") ? localStorage.getItem("fakeDomain") || "flagship-theme.pages.dev" : window.location.hostname, j = localStorage.getItem("shopPassword"), L = localStorage.getItem("shopId") || "";
2896
+ }, [a]), S.useEffect(() => {
2897
+ const _ = on(m);
2898
+ rn(_);
2899
+ }, [m]);
2900
+ const p = window.location.hostname.includes("localhost") ? localStorage.getItem("fakeDomain") || "flagship-theme.pages.dev" : window.location.hostname, v = localStorage.getItem("shopPassword"), h = localStorage.getItem("shopId") || "";
2723
2901
  return /* @__PURE__ */ e.jsx(e.Fragment, { children: a && /* @__PURE__ */ e.jsx(
2724
- yt,
2902
+ At,
2725
2903
  {
2726
- shopDomain: c,
2727
- shopId: L,
2728
- shopPassword: j || void 0,
2904
+ shopDomain: p,
2905
+ shopId: h,
2906
+ shopPassword: v || void 0,
2729
2907
  routes: {
2730
2908
  Checkout: "/checkout",
2731
2909
  TopUp: "/top-up",
@@ -2733,12 +2911,13 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2733
2911
  Order: "/orders",
2734
2912
  Subscription: "/subscriptions"
2735
2913
  },
2736
- children: /* @__PURE__ */ e.jsx(jt, { router: a })
2914
+ children: /* @__PURE__ */ e.jsx(Bt, { router: a })
2737
2915
  }
2738
2916
  ) });
2739
2917
  };
2740
2918
  export {
2741
- qr as App,
2742
- Ur as hotReload,
2743
- Or as iconNames
2919
+ ni as App,
2920
+ $t as ColorVariables,
2921
+ ti as hotReload,
2922
+ ei as iconNames
2744
2923
  };