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