@billgangcom/theme-lib 1.25.0 → 1.26.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 (14) hide show
  1. package/dist/builder.cjs.js +14 -25
  2. package/dist/builder.es.js +946 -948
  3. package/dist/constants/index.d.ts +1 -0
  4. package/dist/constants/notification.d.ts +4 -0
  5. package/dist/constants/theme-settings.d.ts +43 -11
  6. package/dist/{index-BI8lyvsO.js → index-CeRgFjoD.js} +3789 -3672
  7. package/dist/{index-BaWZKIMU.cjs → index-ChU5WGPr.cjs} +31 -31
  8. package/dist/shared/lib/api.d.ts +28 -7
  9. package/dist/shared/ui/Tip/index.d.ts +1 -1
  10. package/dist/store/index.d.ts +1 -0
  11. package/dist/store/useNotificationStore.d.ts +7 -0
  12. package/dist/ui.cjs.js +1 -1
  13. package/dist/ui.es.js +349 -349
  14. 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)}._button_ojbir_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_ojbir_1:disabled{opacity:.7;cursor:auto}._primary_ojbir_13{color:#fff;background-color:#ff3f19}._secondary_ojbir_18{color:var(--accent-color);background-color:var(--background-color)}._content_ojbir_23{display:flex;flex-direction:row;gap:4px;align-items:center}._wrapper_xswxt_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_xswxt_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_xswxt_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--background-color)}._input_xswxt_17::placeholder{color:#c2c2c2}._input_xswxt_17:disabled{background-color:var(--background-color);opacity:.7}._required_xswxt_36{border:1px solid #ff3f19}._paddingless_xswxt_40{padding:0}._content_xswxt_44{display:flex;flex-direction:row;gap:8px;position:relative;align-items:center}._borderless_xswxt_52{border-radius:0;border:none}._rightIcon_xswxt_57{position:absolute;top:10px;right:12px}._wrapper_18y7k_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_18y7k_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_18y7k_17{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;align-items:center;justify-content:space-between;cursor:pointer}._icon_18y7k_32{transition:.2s}._rotate_18y7k_36{transform:rotate(180deg)}._content_18y7k_40{position:relative}._options_18y7k_44{display:flex;flex-direction:column;gap:0px;position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_18y7k_44{padding:10px 12px;border-radius:12px}._option_18y7k_44:hover{background-color:#e6e6e6}._addon_18y7k_69{display:flex;flex-direction:row;gap:6px;align-items:center}._wrapper_1gywd_1{display:flex;flex-direction:row;gap:8px;width:fit-content;align-items:center;border-radius:12px;line-height:20px;color:var(--main-color);font-size:14px;font-weight:400}._switch_1gywd_14{display:flex;flex-direction:row;gap:0px;width:40px;height:24px;background-color:#ccc;border-radius:25px;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_1gywd_14._active_1gywd_27{background:#ff3f19}._switch_1gywd_14 ._toggle_1gywd_30{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_1gywd_14._active_1gywd_27 ._toggle_1gywd_30{transform:translate(18px)}._background_1gywd_42{background-color:var(--background-color)}._padding_1gywd_46{padding:8px}._wrapper_q0sfn_1{display:flex;flex-direction:row;gap:0px;border:var(--default-border);width:fit-content;height:fit-content;max-height:500px;max-width:500px;min-width:300px;padding:10px;left:10px;top:10px;position:absolute;z-index:1000;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._blocks_emecf_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_emecf_1{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_emecf_21{border:1px solid #ff3f19}._applyButton_11q4y_2{flex:0 1 50%;font-weight:400}._cancelButton_11q4y_7{background-color:var(--background-color);color:var(--accent-color)}._content_11q4y_12{display:flex;flex-direction:column;gap:0px;width:100%}._label_11q4y_19{display:flex;flex-direction:row;gap:8px;padding:8px 12px;border-radius:8px;align-items:center;position:relative;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_11q4y_32{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_11q4y_39{display:flex;flex-direction:column;gap:10px;left:15px;width:288px;overflow-y:auto;z-index:100000000;position:fixed;background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e6e6e6;height:400px;font-size:16px;line-height:24px;font-weight:700}._colorMap_11q4y_58{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_11q4y_66{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_11q4y_75{width:80%;left:30px;height:8px;position:absolute;bottom:80px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red,red);border-radius:5px}input[type=range]{display:flex;flex-direction:row;gap:0px;-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;justify-content:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:50%;cursor:pointer}._slider_11q4y_106{width:100%;cursor:pointer}._buttons_11q4y_111{display:flex;flex-direction:row;gap:5px;width:100%}._name_11q4y_118{line-height:20px;padding:0 4px 4px}._secondary_11q4y_123{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_11q4y_131{line-height:20px;font-size:14px;font-weight:400}._modal_18a97_1{display:flex;flex-direction:row;gap:0px;position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;padding:20px;justify-content:center;align-items:center;overflow:hidden}._wrapper_1qvfi_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_1qvfi_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._textarea_1qvfi_18{width:100%;background-color:var(--background-color);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_1qvfi_18::placeholder{color:#c2c2c2}._length_1qvfi_33{position:absolute;bottom:12px;right:12px;color:#c2c2c2;line-height:20px}._wrapper_ba9vp_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_ba9vp_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_ba9vp_18{display:flex;flex-direction:row;gap:20px}._radioLabel_ba9vp_24{display:flex;flex-direction:row;gap:0px;align-items:center;cursor:pointer;position:relative}._radio_ba9vp_24{position:absolute;opacity:0;cursor:pointer}._custom_ba9vp_39{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_ba9vp_24:checked+._custom_ba9vp_39{border-color:#ff3f19;background:#ffeae5}._custom_ba9vp_39:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#e53e3e;opacity:0}._radio_ba9vp_24:checked+._custom_ba9vp_39:after{opacity:1}._option_ba9vp_18{font-size:16px;line-height:24px;font-weight:400}._tip_19jn3_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:8px;border-radius:12px}._text_19jn3_10{flex:1 1 auto;line-height:20px;font-size:14px}._warning_19jn3_16{background:#faf8e6;color:#c1972a}._error_19jn3_21{background:#ffc3b7;color:#ff3f19}._hide_19jn3_26{display:none}._customCheckbox_1b69m_1{display:inline-block;cursor:pointer;position:relative}._checkboxBox_1b69m_7{display:inline-block;width:20px;height:20px;border:1px solid #e6e6e6;border-radius:6px;position:relative}._checkboxBox_1b69m_7._checked_1b69m_16{background:#ffeae5;border:1px solid #ff3f19}._icon_1b69m_21{position:absolute;top:3px;left:3px}._loader_nftwq_1{border:4px solid rgba(0,0,0,.1);border-left-color:var(--background-color);border-radius:50%;width:40px;height:40px;animation:_spin_nftwq_1 1s linear infinite}@keyframes _spin_nftwq_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._wrapper_5w9s8_1{width:100%;padding:20px;text-align:center}._wrapper_5y1c1_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_5y1c1_9{color:var(--accent-color);font-weight:400;font-size:14px;line-height:20px}._icon_5y1c1_16{display:flex;flex-direction:row;gap:0px;padding:4px;background-color:#fff;border:var(--default-border);justify-content:center;align-items:center;border-radius:6px}._text_5y1c1_28{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_5y1c1_35{display:flex;flex-direction:row;gap:6px;align-items:center;cursor:pointer;background-color:var(--background-color);border-radius:12px;padding:6px 8px}._modal_5y1c1_46{background-color:var(--background-color);border:var(--default-border);border-radius:16px;width:100%;max-width:640px}._top_5y1c1_54{display:flex;flex-direction:row;gap:0px;padding:16px 24px;align-items:center;justify-content:space-between}._title_5y1c1_63{color:var(--main-color);font-weight:400;font-size:18px;line-height:24px}._modalContent_5y1c1_70{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:var(--default-border);border-bottom:var(--default-border);background-color:#fff}._images_5y1c1_79{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_5y1c1_88{display:flex;flex-direction:column;gap:8px;padding:43px 16px;border:1px dashed #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._description_5y1c1_100{text-align:center;color:var(--main-color);font-size:14px;line-height:20px}._description_5y1c1_100 span:last-child{padding-top:4px}._bottom_5y1c1_110{display:flex;flex-direction:row;gap:0px;justify-content:end;align-items:center;width:100%;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 24px 12px;gap:6px}._cancel_5y1c1_124{background-color:var(--background-color);color:var(--accent-color)}._highlight_5y1c1_129{color:#ff3f19;cursor:pointer}._accent_5y1c1_134{color:var(--accent-color)}._image_5y1c1_79{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_5y1c1_148{border:1px solid #ff3f19}._checkbox_5y1c1_152{position:absolute;top:12px;left:12px}._loading_5y1c1_158{display:flex;flex-direction:row;gap:0px;position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:var(--background-color);justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._spinner_5y1c1_172{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:var(--background-color);border-radius:50%;animation:_spin_5y1c1_172 1s linear infinite}@keyframes _spin_5y1c1_172{to{transform:rotate(360deg)}}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}*{padding:0;margin:0;border:0}*,*:before,*:after{box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{width:100%;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6,a{font-size:inherit}a{color:inherit}*{-webkit-tap-highlight-color:transparent}input{border:none;background:none;outline:none;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border:none;background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}:root{--default-border: 1px solid #f0f0f0;--accent-color: #757575;--main-color: #252525;--background-color: #f8f8f8}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100dvh;overflow:hidden}._wrapper_1dfbs_1{display:flex;flex-direction:column;gap:0px;height:100%;overflow-y:scroll}._main_1dfbs_9{flex:1 1 auto}._loading_1dfbs_13{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._buttons_uu72s_1{display:flex;flex-direction:row;gap:5px;align-items:center}._button_uu72s_1{cursor:pointer;padding:10px;border-radius:12px}._button_uu72s_1:hover{background-color:#f0f0f0}._disabled_uu72s_17{cursor:default}._disabled_uu72s_17:hover{background-color:inherit}._devices_1b6y1_1{display:flex;flex-direction:row;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_1b6y1_1{display:flex;flex-direction:row;gap:0px;padding:6px 8px;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_1b6y1_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_1b6y1_26{background-color:#fff}._active_1b6y1_26:hover{border:1px solid var(--background-color);box-shadow:none}._header_2d8xd_1{display:flex;flex-direction:row;gap:24px;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);align-items:center;justify-content:space-between}._left_2d8xd_13,._right_2d8xd_14{display:flex;flex-direction:row;gap:24px;align-items:center}._preview_93shy_2{display:flex;flex-direction:row;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:10px 16px;cursor:pointer;border:1px solid #fff;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._preview_93shy_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_93shy_23{background-color:var(--background-color)}._active_93shy_23:hover{border:1px solid #fff;box-shadow:none}._settings_u4cv4_1{display:flex;flex-direction:row;gap:20px;align-items:center;color:var(--accent-color)}._pages_1mwe1_1{position:relative}._default_1mwe1_5{display:flex;flex-direction:row;gap:4px;align-items:center;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_1mwe1_17{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_1mwe1_23{display:flex;flex-direction:row;gap:0px;position:absolute;top:45px;width:320px;left:0;z-index:5000;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;flex-direction:column}._page_1mwe1_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_1mwe1_49{background-color:var(--background-color)}._separator_1mwe1_53{border-bottom:var(--default-border)}._button_1mwe1_57{display:flex;flex-direction:row;gap:8px;background:inherit;color:#ff3f19;align-items:center;justify-content:start;padding:16px 8px 12px;transition:.2s}._button_1mwe1_57:hover{background-color:var(--background-color)}._items_1mwe1_72{max-height:400px;overflow-y:scroll;height:100%}._zoom_1q1ud_1{display:flex;flex-direction:row;gap:4px;align-items:center;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_1jz2h_1{display:flex;flex-direction:row;gap:4px;align-items:center;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_1wk4t_1{display:flex;flex-direction:row;gap:8px;border-bottom:var(--default-border);align-items:center;padding:22px;cursor:pointer}._text_1wk4t_11{color:var(--main-color);line-height:20px}._navbar_14j8e_1{width:100px;border-right:var(--default-border)}._main_14j8e_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_14j8e_13{display:flex;flex-direction:column;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_14j8e_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_14j8e_30{background-color:var(--background-color);color:var(--main-color)}._active_14j8e_30:hover{border:1px solid #fff;box-shadow:none}._preview_1howr_1{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;align-items:center;justify-content:center;z-index:500}._main_1howr_14{display:flex;flex-direction:column;gap:0px;width:100%;overflow-y:auto;height:calc(100vh - 85px);position:relative;z-index:1}._content_1howr_25{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1howr_32{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._loader_1howr_42{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_1howr_1 1s linear infinite}@keyframes _spin_1howr_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_obebc_1{display:flex;flex-direction:row;gap:0px;width:100%;padding:18px;justify-content:center;border:var(--default-border);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:none;z-index:5}._circles_obebc_16{display:flex;flex-direction:row;gap:8px;left:28px;top:28px;position:absolute;align-items:center}._circle_obebc_16{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_obebc_33{background:#ff5f57}._green_obebc_37{background:#28c840}._yellow_obebc_41{background:#febc2e}._input_obebc_45{display:flex;flex-direction:row;gap:0px;background-color:var(--background-color);padding:6px 8px;max-width:480px;width:100%;border-radius:6px}._main_obebc_56{display:flex;flex-direction:row;gap:4px;flex:1 1 auto;align-items:center;justify-content:center}._text_obebc_65{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_glpob_1{display:flex;flex-direction:column;gap:0px;width:100%;height:100%}._main_glpob_9{flex:1 0 auto}._block_glpob_13{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_glpob_20{border:2px solid #ff3f19}._name_glpob_24{z-index:10;position:absolute;top:-28px;left:-2px;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;background:#ff3f19;padding:4px 12px;line-height:20px;text-align:center}._empty_glpob_38{display:flex;flex-direction:column;gap:4px;height:100%;width:100%;align-items:center;justify-content:center;text-align:center}._icon_glpob_49{display:flex;flex-direction:row;gap:0px;width:64px;height:64px;background-color:var(--background-color);border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_glpob_62{font-weight:700;font-size:24px;line-height:32px}._text_glpob_68{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_glpob_74{display:flex;flex-direction:row;gap:24px;padding:0 20px;margin:20px 0 0;flex-wrap:wrap;justify-content:center}._section_glpob_74{display:flex;flex-direction:row;gap:10px;cursor:pointer;max-width:288px;width:100%;align-items:center;justify-content:space-between;padding:24px;background-color:var(--background-color);border-radius:24px;color:var(--accent-color)}._sidebar_1cz73_1{display:flex;flex-direction:row;gap:0px;position:absolute;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1cz73_14{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1cz73_24{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1cz73_34:hover{background-color:var(--background-color)}._border_1cz73_38{border-bottom:var(--default-border)}._deleteButton_1cz73_42:hover{background-color:#dd6363;color:#fff}._results_12p5x_1{display:flex;flex-direction:column;gap:20px;padding:8px}._name_12p5x_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_12p5x_15{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between;cursor:pointer}._search_186hm_1{display:flex;flex-direction:row;gap:10px;background:var(--background-color);padding:8px 12px;align-items:center;border-radius:12px;width:100%;margin:8px 0}._input_186hm_13{width:100%;font-size:16px;line-height:24px;color:var(--main-color)}._input_186hm_13::placeholder{color:#c2c2c2}._sidebar_1yyyy_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:calc(100vh - 60px);position:relative}._title_1yyyy_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_1yyyy_18{display:flex;flex-direction:row;gap:8px;align-items:center}._layers_1on0q_1{display:flex;flex-direction:column;gap:0px;position:relative;height:100%}._block_1on0q_9{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1on0q_9:hover{background-color:var(--background-color)}._dragging_1on0q_25{box-shadow:0 2.1px 4.36px #00000004;box-shadow:0 5.3px 10.22px #00000005;border:var(--default-border);box-shadow:0 10.81px 19.93px #00000006;cursor:grabbing}._active_1on0q_33{background:#ffeae5}._add_1on0q_37{display:flex;flex-direction:row;gap:0px;z-index:2;position:absolute;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_1on0q_51{display:flex;flex-direction:row;gap:0px;position:relative;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_1on0q_66{display:flex;flex-direction:column;gap:4px;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;color:var(--accent-color)}._title_1on0q_78{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_1on0q_85{margin:0 0 12px}._text_1on0q_89{font-size:16px;font-weight:400;line-height:24px}._highlight_1on0q_95{color:#ff3f19;cursor:pointer}._block_586dq_1{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_586dq_1:hover{background-color:var(--background-color)}._theme_1wwlz_1{display:flex;flex-direction:column;gap:0px}._block_1wwlz_7{display:flex;flex-direction:row;gap:8px;justify-content:start;align-items:center;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1wwlz_7:hover{background-color:var(--background-color)}._name_1wwlz_22{flex:1 1 auto}._back_2jwrk_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding-bottom:8px}._render_2jwrk_9{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:501}._open_2jwrk_24{animation:.2s _open_2jwrk_24 forwards}@keyframes _open_2jwrk_24{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_2jwrk_51{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_2jwrk_51{animation:.2s _close_2jwrk_51 forwards}._clicked_2jwrk_55{opacity:0}._title_2jwrk_59{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._button_2jwrk_67{align-self:center;flex:1}._loading_2jwrk_72{flex:1 1 auto}._settings_2jwrk_76{flex:1 1 100%;overflow-y:scroll;overflow-x:hidden}._deleteButton_2jwrk_82{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_2jwrk_82:hover{background-color:#dd6363;color:#fff}._settings_ss3tc_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:3}._open_ss3tc_16{transform:translate(0)}._close_ss3tc_20{transform:translate(320px)}._header_ss3tc_24{display:flex;flex-direction:row;gap:8px;align-items:center}._title_ss3tc_31{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_ss3tc_38{display:flex;flex-direction:row;gap:4px;color:#ff3f19;align-items:center;cursor:pointer}._wrapper_joj7w_1{overflow-y:scroll}._category_joj7w_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_joj7w_11{font-weight:600;font-size:16px;line-height:24px}._color_joj7w_17{display:flex;flex-direction:column;gap:0px}._color_joj7w_17:not(:last-child){border-bottom:var(--default-border)}._content_joj7w_26{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;flex:1 1 auto}._preview_joj7w_35{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._wrapper_dv4am_2{overflow-y:scroll}._category_dv4am_6{display:flex;flex-direction:column;gap:0px}._categoryTitle_dv4am_12{font-weight:600;font-size:16px;line-height:24px}._color_dv4am_18{display:flex;flex-direction:column;gap:8px}._name_dv4am_24{line-height:20px;padding:0 4px 4px}._content_dv4am_29{display:flex;flex-direction:column;gap:0px;width:100%}._label_dv4am_36{display:flex;flex-direction:row;gap:5px;padding:8px 12px;border-radius:12px;align-items:center;width:100%;background-color:var(--background-color);cursor:pointer}._input_dv4am_48[type=color]{width:20px;height:20px;padding:1px}._input_dv4am_48{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_dv4am_48::-webkit-color-swatch{border-radius:50%;border:none}._input_dv4am_48::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_dv4am_74{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_dv4am_82{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_dv4am_82:not(:last-child){border-bottom:var(--default-border)}._alignments_dv4am_92{display:flex;flex-direction:column;gap:10px}._lineField_dv4am_98{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center}._style_dv4am_106{display:flex;flex-direction:column;gap:8px;flex:1 0 50%}._header_dv4am_113{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._wrapper_lov6e_1{overflow-y:scroll}._category_lov6e_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_lov6e_11{font-weight:600;font-size:16px;line-height:24px}._font_lov6e_17{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_lov6e_17:hover{background-color:var(--background-color);border-radius:8px}._font_lov6e_17:not(:last-child){border-bottom:var(--default-border)}._font_lov6e_17:not(:last-child):hover{border-bottom:1px solid var(--background-color)}._content_lov6e_38{display:flex;flex-direction:column;gap:0px;width:100%}._icon_lov6e_45{display:flex;flex-direction:row;gap:0px;padding:8px;border-radius:8px;background-color:var(--background-color);align-items:center;justify-content:center}._paragraph_lov6e_56{padding:12px}._deleteIcon_lov6e_60{position:absolute;right:10px;width:20px;height:20px}._iconButton_lov6e_67{width:32px;height:32px}._wrapper_smgf8_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_smgf8_16{transform:translate(0)}._close_smgf8_20{transform:translate(320px)}._header_smgf8_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_smgf8_32{font-weight:700;font-size:20px;line-height:24px}._options_smgf8_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_smgf8_45{opacity:0}._wrapper_1phvv_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_1phvv_16{transform:translate(0)}._close_1phvv_20{transform:translate(320px)}._header_1phvv_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_1phvv_32{font-weight:700;font-size:20px;line-height:24px}._options_1phvv_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1phvv_45{opacity:0}._label_1phvv_49{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1phvv_56{display:flex;flex-direction:column;gap:10px}._blocks_1phvv_62{display:flex;flex-direction:row;gap:8px;align-items:center}._alignment_1phvv_56{padding:8px;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1phvv_77{border:1px solid #ff3f19}._wrapper_gibny_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_gibny_12{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_gibny_23{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_gibny_31{display:flex;flex-direction:row;gap:12px;justify-content:end}._cancel_gibny_38{background-color:var(--background-color);color:var(--accent-color)}._label_gibny_43,._description_gibny_44{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_gibny_52{display:flex;flex-direction:column;gap:10px}._block_gibny_58{display:flex;flex-direction:column;gap:0px;padding:24px;border:1px solid var(--background-color);border-radius:8px}._slug_gibny_67{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_gibny_73{font-weight:600;font-size:16px;line-height:24px}._layout_douh4_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;position:relative}._main_douh4_10{display:flex;flex-direction:column;gap:0px;width:100%;position:relative}._content_douh4_18{display:flex;flex-direction:row;gap:0px;position:relative;height:100%}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--billgang-color-signal-danger: #c12a2a;--billgang-color-brand-default: #ff3f19;--billgang-color-brand-light: #ffeae5;--billgang-color-brand-lighter: rgba(255, 64, 26, .1);--billgang-color-surface-0: #f8f8f8;--billgang-color-surface-100: #ffffff;--billgang-color-surface-200: #c2c2c2;--billgang-color-text-brandDefault: #252525;--billgang-color-text-secondary: #757575;--billgang-color-border-default: #f0f0f0;--billgang-color-border-hover: #e6e6e6;--billgang-color-shadow-0: #dfdfdf;--billgang-color-success-background: #e5fadd;--billgang-color-success-text: #338b13;--billgang-color-warning-background: #faf8e6;--billgang-color-warning-text: #c1972a;--billgang-color-error-background: #fae6e6;--billgang-color-dialog-backdrop: rgba(37, 37, 37, .25);--billgang-color-field-background-default: var( --billgang-color-surface-200 );--billgang-color-field-background-hover: var(--billgang-color-surface-100);--billgang-color-field-background-focus: var(--billgang-color-surface-100);--billgang-color-field-border-default: var(--billgang-color-surface-200);--billgang-color-field-border-hover: var(--billgang-color-surface-200);--billgang-color-field-border-focus: var(--billgang-color-brand-default);--billgang-shadow-0: 0 1px 0 var(--billgang-color-shadow-0);--billgang-shadow-field: 0 0 0 3px var(--billgang-color-brand-light);--billgang-shadow-dialog: 0 10px 20px rgba(0, 0, 0, .05)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.flex-center{display:flex;align-items:center;justify-content:center}.icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:24px;background-color:var(--billgang-color-surface-0)}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-4{top:1rem;right:1rem;bottom:1rem;left:1rem}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-3{bottom:.75rem}.bottom-\\[60px\\]{bottom:60px}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.right-\\[14px\\]{right:14px}.top-0{top:0}.top-6{top:1.5rem}.top-8{top:2rem}.-z-50{z-index:-50}.z-10{z-index:10}.z-50{z-index:50}.z-\\[1000\\]{z-index:1000}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.row-span-2{grid-row:span 2 / span 2}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-\\[6px\\]{margin-left:6px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[1px\\]{margin-top:1px}.mt-\\[2px\\]{margin-top:2px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-12{width:3rem;height:3rem}.size-4{width:1rem;height:1rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[21px\\]{height:21px}.h-\\[276px\\]{height:276px}.h-\\[28px\\]{height:28px}.h-\\[38px\\]{height:38px}.h-\\[4px\\]{height:4px}.h-\\[56px\\]{height:56px}.h-\\[80\\%\\]{height:80%}.h-\\[92\\%\\]{height:92%}.h-\\[92px\\]{height:92px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-8{max-height:2rem}.max-h-\\[230px\\]{max-height:230px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[96px\\]{min-height:96px}.min-h-svh{min-height:100svh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[120px\\]{width:120px}.w-\\[160px\\]{width:160px}.w-\\[20px\\]{width:20px}.w-\\[21px\\]{width:21px}.w-\\[256px\\]{width:256px}.w-\\[28px\\]{width:28px}.w-\\[56px\\]{width:56px}.w-\\[calc\\(100\\%\\/6\\)\\]{width:calc(100% / 6)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-12{min-width:3rem}.min-w-4{min-width:1rem}.min-w-8{min-width:2rem}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[18px\\]{min-width:18px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[1120px\\]{max-width:1120px}.max-w-\\[368px\\]{max-width:368px}.max-w-\\[376px\\]{max-width:376px}.max-w-\\[40\\%\\]{max-width:40%}.max-w-\\[456px\\]{max-width:456px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[85\\%\\]{max-width:85%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\\[minmax\\(120px\\,auto\\)_minmax\\(0\\,20\\%\\)_repeat\\(4\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) minmax(0,20%) repeat(4,minmax(min-content,auto))}.grid-cols-\\[minmax\\(120px\\,auto\\)_repeat\\(5\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) repeat(5,minmax(min-content,auto))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.\\!items-start{align-items:flex-start!important}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\\[6px\\]{gap:6px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[100px\\]{border-radius:100px}.rounded-\\[32px\\]{border-radius:32px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[6px\\]{border-radius:6px}.rounded-base{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:24px}.rounded-t-xl{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\\!border-brandDefault{border-color:var(--billgang-color-brand-default)!important}.border-borderDefault{border-color:var(--billgang-color-border-default)}.border-borderHover{border-color:var(--billgang-color-border-hover)}.border-brandDefault{border-color:var(--billgang-color-brand-default)}.border-textPrimary{border-color:var(--billgang-color-text-brandDefault)}.border-transparent{border-color:transparent}.border-x-borderDefault{border-left-color:var(--billgang-color-border-default);border-right-color:var(--billgang-color-border-default)}.border-x-brandDefault{border-left-color:var(--billgang-color-brand-default);border-right-color:var(--billgang-color-brand-default)}.border-x-surface100{border-left-color:var(--billgang-color-surface-100);border-right-color:var(--billgang-color-surface-100)}.border-b-transparent{border-bottom-color:transparent}.border-t-borderDefault{border-top-color:var(--billgang-color-border-default)}.border-t-brandDefault{border-top-color:var(--billgang-color-brand-default)}.border-t-surface100{border-top-color:var(--billgang-color-surface-100)}.\\!bg-surface0{background-color:var(--billgang-color-surface-0)!important}.bg-\\[rgba\\(37\\,37\\,37\\,0\\.24\\)\\]{background-color:#2525253d}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-borderDefault{background-color:var(--billgang-color-border-default)}.bg-brandDefault{background-color:var(--billgang-color-brand-default)}.bg-brandLight{background-color:var(--billgang-color-brand-light)}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-signalDangerBackground{background-color:var(--billgang-color-error-background)}.bg-successBackground{background-color:var(--billgang-color-success-background)}.bg-surface0{background-color:var(--billgang-color-surface-0)}.bg-surface100{background-color:var(--billgang-color-surface-100)}.bg-textPrimary{background-color:var(--billgang-color-text-brandDefault)}.bg-transparent{background-color:transparent}.bg-warningBackground{background-color:var(--billgang-color-warning-background)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.fill-brandDefault{fill:var(--billgang-color-brand-default)}.fill-signalDanger{fill:var(--billgang-color-signal-danger)}.fill-surface100{fill:var(--billgang-color-surface-100)}.fill-textPrimary{fill:var(--billgang-color-text-brandDefault)}.fill-textSecondary{fill:var(--billgang-color-text-secondary)}.stroke-borderDefault{stroke:var(--billgang-color-border-default)}.stroke-brandDefault{stroke:var(--billgang-color-brand-default)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[12px_16px\\]{padding:12px 16px}.p-\\[12px_16px_10px\\]{padding:12px 16px 10px}.p-\\[4px_8px\\]{padding:4px 8px}.p-\\[6px\\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-9{padding-bottom:2.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pl-\\[6px\\]{padding-left:6px}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:16px}.text-lg{font-size:20px}.text-sm{font-size:14px}.text-xl{font-size:24px}.text-xs{font-size:12px}.text-xxl{font-size:32px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-10{line-height:2.5rem}.text-brandDefault{color:var(--billgang-color-brand-default)}.text-signalDanger{color:var(--billgang-color-signal-danger)}.text-successText{color:var(--billgang-color-success-text)}.text-surface100{color:var(--billgang-color-surface-100)}.text-surface200{color:var(--billgang-color-surface-200)}.text-textPrimary{color:var(--billgang-color-text-brandDefault)}.text-textSecondary{color:var(--billgang-color-text-secondary)}.text-warningText{color:var(--billgang-color-warning-text)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-shadow0{--tw-shadow: var(--billgang-shadow-0);--tw-shadow-colored: var(--billgang-shadow-0);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: var(--billgang-color-shadow-0);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-2{outline-width:2px}.outline-offset-\\[-1px\\]{outline-offset:-1px}.outline-brandDefault{outline-color:var(--billgang-color-brand-default)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{font-family:Archivo,sans-serif;color:var(--billgang-color-text-brandDefault)}html,body,#root{height:100%}.grecaptcha-badge{visibility:hidden}.placeholder\\:text-surface200::-moz-placeholder{color:var(--billgang-color-surface-200)}.placeholder\\:text-surface200::placeholder{color:var(--billgang-color-surface-200)}.first\\:rounded-l-base:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.last\\:rounded-r-base:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.last\\:border-r-0:last-child{border-right-width:0px}.last-of-type\\:border-none:last-of-type{border-style:none}.last-of-type\\:pb-0:last-of-type{padding-bottom:0}.hover\\:bg-surface100:hover{background-color:var(--billgang-color-surface-100)}.hover\\:text-textPrimary:hover{color:var(--billgang-color-text-brandDefault)}.hover\\:underline:hover{text-decoration-line:underline}.disabled\\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 768px){.md\\:bottom-auto{bottom:auto}.md\\:left-1\\/2{left:50%}.md\\:top-1\\/2{top:50%}.md\\:mb-0{margin-bottom:0}.md\\:ml-auto{margin-left:auto}.md\\:mr-4{margin-right:1rem}.md\\:mt-0{margin-top:0}.md\\:mt-5{margin-top:1.25rem}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-\\[92px\\]{height:92px}.md\\:h-auto{height:auto}.md\\:h-full{height:100%}.md\\:h-svh{height:100svh}.md\\:max-h-svh{max-height:100svh}.md\\:min-h-\\[92px\\]{min-height:92px}.md\\:w-\\[320px\\]{width:320px}.md\\:w-\\[40\\%\\]{width:40%}.md\\:w-\\[50\\%\\]{width:50%}.md\\:w-\\[640px\\]{width:640px}.md\\:w-\\[720px\\]{width:720px}.md\\:w-auto{width:auto}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:w-full{width:100%}.md\\:max-w-\\[520px\\]{max-width:520px}.md\\:-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-\\[1\\]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:flex-col-reverse{flex-direction:column-reverse}.md\\:items-start{align-items:flex-start}.md\\:items-end{align-items:flex-end}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-2{gap:.5rem}.md\\:gap-3{gap:.75rem}.md\\:overflow-auto{overflow:auto}.md\\:rounded-none{border-radius:0}.md\\:rounded-xl{border-radius:24px}.md\\:border-none{border-style:none}.md\\:bg-transparent{background-color:transparent}.md\\:p-10{padding:2.5rem}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-6{padding-bottom:1.5rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-0{padding-top:0}.md\\:opacity-0{opacity:0}.md\\:opacity-100{opacity:1}}@media (min-width: 1024px){.lg\\:bottom-10{bottom:2.5rem}.lg\\:left-auto{left:auto}.lg\\:right-0{right:0}.lg\\:col-span-1{grid-column:span 1 / span 1}.lg\\:col-span-4{grid-column:span 4 / span 4}.lg\\:mb-0{margin-bottom:0}.lg\\:ml-3{margin-left:.75rem}.lg\\:h-\\[72px\\]{height:72px}.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-4{gap:1rem}.lg\\:p-6{padding:1.5rem}.lg\\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\\:pb-6{padding-bottom:1.5rem}}@media (min-width: 1280px){.xl\\:mt-1{margin-top:.25rem}.xl\\:block{display:block}.xl\\:flex{display:flex}.xl\\:max-w-\\[320px\\]{max-width:320px}.xl\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\\:flex-row{flex-direction:row}.xl\\:rounded-base{border-radius:12px}.xl\\:border-r{border-right-width:1px}.xl\\:border-none{border-style:none}.xl\\:bg-surface0{background-color:var(--billgang-color-surface-0)}.xl\\:p-6{padding:1.5rem}.xl\\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.xl\\:pr-0{padding-right:0}.xl\\:pr-10{padding-right:2.5rem}.xl\\:pr-4{padding-right:1rem}.xl\\:hover\\:bg-surface0:hover{background-color:var(--billgang-color-surface-0)}}._accordion_9e4oa_1{border-radius:24px;overflow:hidden;transition:all .3s ease;background-color:var(--background-color);padding:24px}._header_9e4oa_9{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}._header_9e4oa_9 ._icon_9e4oa_18{transition:transform .3s ease}._header_9e4oa_9 ._icon_9e4oa_18._open_9e4oa_21{transform:rotate(180deg)}._content_9e4oa_25{overflow:hidden;transition:height .3s ease}._wrapper_9rr5j_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_9rr5j_8{display:flex;flex-direction:column;gap:6px;padding:10px 0 16px}._title_9rr5j_15{font-weight:700;line-height:24px;font-size:16px;color:var(--main-color)}._subtitle_9rr5j_22{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._alignmentContent_9rr5j_29{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:stretch}._alignments_9rr5j_37{border-radius:12px;background:var(--background-color);display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_9rr5j_8{display:flex;flex-direction:row;gap:0px;cursor:pointer;height:100%;width:100%;align-items:center;justify-content:center}._circle_9rr5j_58{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_9rr5j_65{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_9rr5j_65{display:flex;flex-direction:row;gap:4px;width:68px;align-items:center;background:var(--background-color);border-radius:12px;padding:10px 8px}._input_9rr5j_84{width:100%}._subtitle_1qrz9_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1qrz9_8,._text_1qrz9_9{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._top_1qrz9_17{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1qrz9_26{display:flex;flex-direction:column;gap:6px}._typeTexts_rcw8p_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_rcw8p_8{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_rcw8p_21{border:1px solid #ff3f19}._subtitle_cuny2_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_cuny2_8,._text_cuny2_9,._productsBlock_cuny2_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_cuny2_10{position:relative}._top_cuny2_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_cuny2_31{display:flex;flex-direction:column;gap:6px}._typeTexts_cuny2_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_cuny2_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_cuny2_57{border:1px solid #ff3f19}._products_cuny2_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_cuny2_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_cuny2_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._disabled_cuny2_87{color:var(--accent-color)}._image_cuny2_91{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_cuny2_98{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_cuny2_110{flex:1 1 100%}._buttons_cuny2_114{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_cuny2_121{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_cuny2_121 ._top_cuny2_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_cuny2_141{display:flex;flex-direction:column;gap:8px}._modalOptions_cuny2_147{display:flex;flex-direction:column;gap:10px}._other_g74jx_1{display:flex;flex-direction:column;gap:6px}._subtitle_g74jx_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._items_g74jx_14{display:flex;flex-direction:column;gap:8px}._subtitle_1fb9q_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1fb9q_8,._text_1fb9q_9,._productsBlock_1fb9q_10,._buttonsBlock_1fb9q_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px}._buttonsBlock_1fb9q_11{position:relative}._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1fb9q_31{display:flex;flex-direction:column;gap:6px}._typeTexts_1fb9q_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_1fb9q_44{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1fb9q_56{border:1px solid #ff3f19}._products_1fb9q_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_1fb9q_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_1fb9q_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_1fb9q_86{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_1fb9q_93{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_1fb9q_105{flex:1 1 100%}._buttons_1fb9q_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_1fb9q_116{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_1fb9q_116 ._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_1fb9q_135{display:flex;flex-direction:column;gap:6px}._options_1fb9q_141{display:flex;flex-direction:column;gap:15px}._subtitle_m8qel_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_m8qel_8,._text_m8qel_9,._productsBlock_m8qel_10,._buttonsBlock_m8qel_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._buttonsBlock_m8qel_11{position:relative}._top_m8qel_23{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_m8qel_32{display:flex;flex-direction:column;gap:6px}._typeTexts_m8qel_38{display:flex;flex-direction:row;gap:8px;align-items:center}._block_m8qel_45{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_m8qel_58{border:1px solid #ff3f19}._products_m8qel_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_m8qel_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_m8qel_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_m8qel_88{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_m8qel_95{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_m8qel_107{flex:1 1 100%}._buttons_m8qel_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_m8qel_118{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_m8qel_118 ._top_m8qel_23{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_m8qel_137{display:flex;flex-direction:column;gap:6px}._options_m8qel_143{display:flex;flex-direction:column;gap:15px}._wrapper_m18qi_1{display:flex;flex-direction:column;gap:6px}._subtitle_m18qi_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._content_m18qi_14{display:flex;flex-direction:row;gap:10px;align-items:center;width:100%}._range_m18qi_22{position:relative;flex:1}._track_m18qi_27{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_m18qi_36{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_m18qi_46{display:flex;flex-direction:row;gap:0px;position:absolute;justify-content:space-between;width:100%}._dot_m18qi_46{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_m18qi_46._active_m18qi_65{background-color:#ff3f19;transform:scale(1)}._dot_m18qi_46:not(._active_m18qi_65){background-color:#e5e7eb;transform:scale(.9)}._dot_m18qi_46:hover{transform:scale(1.1)}._input_m18qi_77{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_m18qi_77::-webkit-slider-thumb,._input_m18qi_77::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_m18qi_91{display:flex;flex-direction:row;gap:10px;align-items:center;padding:8px 12px;background:var(--background-color);border-radius:12px}._count_m18qi_91{font-size:16px;font-weight:400;line-height:24px}._controls_m18qi_107{display:flex;flex-direction:column;gap:0px}._button_m18qi_113{transition:background-color .2s}._button_m18qi_113:hover{background-color:#f3f4f6}._button_m18qi_113:disabled{opacity:.5}._subtitle_16rdk_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_16rdk_8,._text_16rdk_9,._productsBlock_16rdk_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_16rdk_10{position:relative}._top_16rdk_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_16rdk_31{display:flex;flex-direction:column;gap:6px}._typeTexts_16rdk_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_16rdk_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_16rdk_57{border:1px solid #ff3f19}._products_16rdk_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_16rdk_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_16rdk_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_16rdk_87{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_16rdk_94{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_16rdk_106{flex:1 1 100%}._buttons_16rdk_110{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_16rdk_117{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_16rdk_117 ._top_16rdk_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_16rdk_137{display:flex;flex-direction:column;gap:8px}._modalOptions_16rdk_143{display:flex;flex-direction:column;gap:10px}._options_11lki_1{display:flex;flex-direction:column;gap:20px;border-radius:16px;border:var(--default-border);width:100%;height:fit-content;padding:24px}._price_11lki_12{display:flex;flex-direction:row;gap:4px;align-items:flex-start}._oldPrice_11lki_19{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:var(--accent-color)}._newPrice_11lki_27{font-size:20px;font-weight:700;line-height:24px;color:var(--main-color)}._meta_11lki_34{display:flex;flex-direction:column;gap:10px}._info_11lki_40{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}._infoRight_11lki_48{display:flex;flex-direction:row;gap:5px;align-items:center}._buttons_11lki_55{display:flex;flex-direction:column;gap:8px;width:100%}._variants_11lki_62{display:flex;flex-direction:column;gap:20px}._variant_11lki_62{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;border-radius:12px;padding:12px 16px;border:2px solid #e6e6e6}._stock_11lki_79{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._variantInfo_11lki_86{display:flex;flex-direction:column;gap:4px}._quantity_11lki_92{display:flex;flex-direction:row;gap:10px;align-items:stretch}._count_11lki_99{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_11lki_55{display:flex;flex-direction:row;gap:0px;background:var(--background-color);border-radius:50%;padding:8px;justify-content:center;align-items:center}._activeVariant_11lki_120{border:2px solid #ff3f19}._chargeTypes_11lki_124{display:flex;flex-direction:row;gap:5px;padding:4px;border-radius:16px;background-color:var(--background-color)}._charge_11lki_124{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;color:var(--accent-color);padding:8px;border-radius:12px}._chargeActive_11lki_145{background-color:#fff;color:var(--main-color)}._title_11lki_150{font-size:16px;font-weight:700;line-height:24px}._button_iklta_1{display:flex;flex-direction:row;gap:0px;align-items:center;padding:10px;background-color:var(--background-color);border-radius:12px;color:var(--accent-color);cursor:pointer;position:relative}._login_iklta_14{padding:12px 16px}._signUp_iklta_18{background-color:#ff3f19;color:#fff}._buttons_iklta_23{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px}._modal_iklta_32{background-color:#fff;height:100vh;position:absolute;right:0;top:0;bottom:0;align-self:flex-end;justify-self:flex-end;border-top-left-radius:24px;border-bottom-left-radius:24px;width:100%;min-width:300px;max-width:450px}._info_iklta_48{display:flex;flex-direction:row;gap:8px;align-items:center}._top_iklta_55{display:flex;flex-direction:row;padding:26px 24px;border-bottom:var(--default-border);align-items:center;justify-content:space-between;gap:8px}._title_iklta_66{font-size:20px;font-weight:700;line-height:24px}._clear_iklta_72{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_iklta_79{color:#ff3f19}._count_iklta_83{display:flex;flex-direction:row;gap:0px;background:#ff3f19;color:#fff;width:100%;height:100%;border-radius:50%;min-width:20px;min-height:20px;align-items:center;justify-content:center}._cart_iklta_98{display:flex;flex-direction:column;gap:0px;height:calc(100% - 76px);width:100%}._empty_iklta_106{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;height:100%;flex:1 1 auto;color:var(--accent-color)}._empty_iklta_106 div{padding-bottom:16px}._empty_iklta_106 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_iklta_106 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_iklta_132{display:flex;flex-direction:row;gap:0px;padding:26px 24px;align-items:center;justify-content:space-between}._products_iklta_141{display:flex;flex-direction:column;gap:0px;flex:1 1 auto;overflow-y:scroll}._image_iklta_149{width:56px;height:56px;border-radius:12px}._productInfo_iklta_155{display:flex;flex-direction:row;gap:12px;align-items:center}._content_iklta_162{display:flex;flex-direction:column;gap:4px}._name_iklta_168{font-size:16px;font-weight:600;line-height:24px}._price_iklta_174{font-size:16px;font-weight:400;line-height:24px}._productButtons_iklta_180{display:flex;flex-direction:row;gap:5px;align-items:center}._productButton_iklta_180{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;min-width:36px;min-height:36px;background-color:var(--background-color)}._productCount_iklta_200{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:var(--main-color);background-color:var(--background-color)}._bottom_iklta_216{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_iklta_224{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._block_iklta_232{display:flex;flex-direction:row;gap:10px;align-items:center}._shoppingCount_iklta_239{display:flex;flex-direction:row;gap:0px;width:12px;height:12px;border-radius:50%;align-items:center;justify-content:center;background-color:#ff3f19;color:#fff;font-size:10px;font-weight:500;line-height:12px;text-align:center;position:absolute;top:8px;right:8px}._total_iklta_259{font-size:20px;font-weight:700;line-height:24px}._link_iklta_265{font-size:16px;font-weight:400;line-height:24px;color:#ff3f19}._share_9g414_1{padding:10px;border-radius:12px;background:#f8f8f8;cursor:pointer}._modal_9g414_8{border-radius:12px;background:#fff;width:fit-content}._header_9g414_14{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:var(--default-border)}._socials_9g414_24{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between;padding:24px 24px 16px}._social_9g414_24,._copy_9g414_34{padding:12px;border-radius:12px;background:#f8f8f8;cursor:pointer}._title_9g414_41{font-size:24px;font-weight:700;line-height:32px}._copyWrapper_9g414_47{display:flex;flex-direction:row;gap:16px;width:100%;align-items:center;padding:0 24px 24px}._copyText_9g414_56{flex:1 1 auto}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
- import { n as F, o as J, p as T, q as X, r as $, f as Qe, j as e, L as Ae, s as Ke, t as Ye, E as Ce, w as Je, x as Ze, c as P, I as _, y as Re, z as Z, A as et, B as Y, F as tt, G as _e, J as nt, K as we, N as Ie, O as G, h as ot, D as st, H as rt, u as at, d as it, i as ce, k as lt, a as R, b as re, Q as fe, S as Le, P as Ne, U as Ee, V as ct, T as dt, R as ut, W as ht, M as Te, m as gt, X as ve, Y as Pe, Z as pt, e as mt, _ as St, $ as bt, a0 as Ct, a1 as ft, a2 as _t, a3 as wt, a4 as vt, a5 as xt, a6 as kt } from "./index-BI8lyvsO.js";
3
- import S, { useMemo as Oe } from "react";
4
- const O = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "", yt = [
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._button_143au_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_143au_1:disabled{opacity:.7;cursor:auto}._primary_143au_13{color:var(--text-inverted);background-color:var(--surface-action1)}._secondary_143au_18,._tertiary_143au_23{color:var(--text-secondary);background-color:var(--surface-secondary)}._content_143au_28{display:flex;flex-direction:row;gap:4px;align-items:center}._wrapper_1mken_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1mken_9{width:100%;color:var(--text-secondary);line-height:20px;font-size:14px;font-weight:400}._input_1mken_17{width:100%;background-color:var(--surface-secondary);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--surface-secondary)}._input_1mken_17::placeholder{color:var(--text-tertiary)}._input_1mken_17:disabled{background-color:var(--surface-secondary);opacity:.7}._required_1mken_36{border:1px solid var(--border-warning)}._paddingless_1mken_40{padding:0}._content_1mken_44{display:flex;flex-direction:row;gap:8px;position:relative;align-items:center}._borderless_1mken_52{border-radius:0;border:none}._rightIcon_1mken_57{position:absolute;top:10px;right:12px}._wrapper_18y7k_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_18y7k_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_18y7k_17{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;align-items:center;justify-content:space-between;cursor:pointer}._icon_18y7k_32{transition:.2s}._rotate_18y7k_36{transform:rotate(180deg)}._content_18y7k_40{position:relative}._options_18y7k_44{display:flex;flex-direction:column;gap:0px;position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_18y7k_44{padding:10px 12px;border-radius:12px}._option_18y7k_44:hover{background-color:#e6e6e6}._addon_18y7k_69{display:flex;flex-direction:row;gap:6px;align-items:center}._wrapper_1gywd_1{display:flex;flex-direction:row;gap:8px;width:fit-content;align-items:center;border-radius:12px;line-height:20px;color:var(--main-color);font-size:14px;font-weight:400}._switch_1gywd_14{display:flex;flex-direction:row;gap:0px;width:40px;height:24px;background-color:#ccc;border-radius:25px;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_1gywd_14._active_1gywd_27{background:#ff3f19}._switch_1gywd_14 ._toggle_1gywd_30{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_1gywd_14._active_1gywd_27 ._toggle_1gywd_30{transform:translate(18px)}._background_1gywd_42{background-color:var(--background-color)}._padding_1gywd_46{padding:8px}._wrapper_q0sfn_1{display:flex;flex-direction:row;gap:0px;border:var(--default-border);width:fit-content;height:fit-content;max-height:500px;max-width:500px;min-width:300px;padding:10px;left:10px;top:10px;position:absolute;z-index:1000;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._blocks_emecf_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_emecf_1{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_emecf_21{border:1px solid #ff3f19}._applyButton_11q4y_2{flex:0 1 50%;font-weight:400}._cancelButton_11q4y_7{background-color:var(--background-color);color:var(--accent-color)}._content_11q4y_12{display:flex;flex-direction:column;gap:0px;width:100%}._label_11q4y_19{display:flex;flex-direction:row;gap:8px;padding:8px 12px;border-radius:8px;align-items:center;position:relative;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_11q4y_32{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_11q4y_39{display:flex;flex-direction:column;gap:10px;left:15px;width:288px;overflow-y:auto;z-index:100000000;position:fixed;background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e6e6e6;height:400px;font-size:16px;line-height:24px;font-weight:700}._colorMap_11q4y_58{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_11q4y_66{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_11q4y_75{width:80%;left:30px;height:8px;position:absolute;bottom:80px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red,red);border-radius:5px}input[type=range]{display:flex;flex-direction:row;gap:0px;-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;justify-content:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:50%;cursor:pointer}._slider_11q4y_106{width:100%;cursor:pointer}._buttons_11q4y_111{display:flex;flex-direction:row;gap:5px;width:100%}._name_11q4y_118{line-height:20px;padding:0 4px 4px}._secondary_11q4y_123{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_11q4y_131{line-height:20px;font-size:14px;font-weight:400}._modal_18a97_1{display:flex;flex-direction:row;gap:0px;position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;padding:20px;justify-content:center;align-items:center;overflow:hidden}._wrapper_1qvfi_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_1qvfi_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._textarea_1qvfi_18{width:100%;background-color:var(--background-color);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_1qvfi_18::placeholder{color:#c2c2c2}._length_1qvfi_33{position:absolute;bottom:12px;right:12px;color:#c2c2c2;line-height:20px}._wrapper_ba9vp_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_ba9vp_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_ba9vp_18{display:flex;flex-direction:row;gap:20px}._radioLabel_ba9vp_24{display:flex;flex-direction:row;gap:0px;align-items:center;cursor:pointer;position:relative}._radio_ba9vp_24{position:absolute;opacity:0;cursor:pointer}._custom_ba9vp_39{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_ba9vp_24:checked+._custom_ba9vp_39{border-color:#ff3f19;background:#ffeae5}._custom_ba9vp_39:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#e53e3e;opacity:0}._radio_ba9vp_24:checked+._custom_ba9vp_39:after{opacity:1}._option_ba9vp_18{font-size:16px;line-height:24px;font-weight:400}._tip_q9ixw_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:8px;border-radius:12px;width:100%;height:100%}._text_q9ixw_12{flex:1 1 auto;line-height:20px;font-size:14px}._warning_q9ixw_18{background:#faf8e6;color:#c1972a}._error_q9ixw_23{background:#ffc3b7;color:#ff3f19}._success_q9ixw_28{background:#e5fadd;color:#338b13}._hide_q9ixw_33{display:none}._customCheckbox_1b69m_1{display:inline-block;cursor:pointer;position:relative}._checkboxBox_1b69m_7{display:inline-block;width:20px;height:20px;border:1px solid #e6e6e6;border-radius:6px;position:relative}._checkboxBox_1b69m_7._checked_1b69m_16{background:#ffeae5;border:1px solid #ff3f19}._icon_1b69m_21{position:absolute;top:3px;left:3px}._loader_nftwq_1{border:4px solid rgba(0,0,0,.1);border-left-color:var(--background-color);border-radius:50%;width:40px;height:40px;animation:_spin_nftwq_1 1s linear infinite}@keyframes _spin_nftwq_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._wrapper_5w9s8_1{width:100%;padding:20px;text-align:center}._wrapper_5y1c1_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_5y1c1_9{color:var(--accent-color);font-weight:400;font-size:14px;line-height:20px}._icon_5y1c1_16{display:flex;flex-direction:row;gap:0px;padding:4px;background-color:#fff;border:var(--default-border);justify-content:center;align-items:center;border-radius:6px}._text_5y1c1_28{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_5y1c1_35{display:flex;flex-direction:row;gap:6px;align-items:center;cursor:pointer;background-color:var(--background-color);border-radius:12px;padding:6px 8px}._modal_5y1c1_46{background-color:var(--background-color);border:var(--default-border);border-radius:16px;width:100%;max-width:640px}._top_5y1c1_54{display:flex;flex-direction:row;gap:0px;padding:16px 24px;align-items:center;justify-content:space-between}._title_5y1c1_63{color:var(--main-color);font-weight:400;font-size:18px;line-height:24px}._modalContent_5y1c1_70{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:var(--default-border);border-bottom:var(--default-border);background-color:#fff}._images_5y1c1_79{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_5y1c1_88{display:flex;flex-direction:column;gap:8px;padding:43px 16px;border:1px dashed #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._description_5y1c1_100{text-align:center;color:var(--main-color);font-size:14px;line-height:20px}._description_5y1c1_100 span:last-child{padding-top:4px}._bottom_5y1c1_110{display:flex;flex-direction:row;gap:0px;justify-content:end;align-items:center;width:100%;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 24px 12px;gap:6px}._cancel_5y1c1_124{background-color:var(--background-color);color:var(--accent-color)}._highlight_5y1c1_129{color:#ff3f19;cursor:pointer}._accent_5y1c1_134{color:var(--accent-color)}._image_5y1c1_79{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_5y1c1_148{border:1px solid #ff3f19}._checkbox_5y1c1_152{position:absolute;top:12px;left:12px}._loading_5y1c1_158{display:flex;flex-direction:row;gap:0px;position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:var(--background-color);justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._spinner_5y1c1_172{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:var(--background-color);border-radius:50%;animation:_spin_5y1c1_172 1s linear infinite}@keyframes _spin_5y1c1_172{to{transform:rotate(360deg)}}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}*{padding:0;margin:0;border:0}*,*:before,*:after{box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{width:100%;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6,a{font-size:inherit}a{color:inherit}*{-webkit-tap-highlight-color:transparent}input{border:none;background:none;outline:none;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border:none;background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}:root{--default-border: 1px solid #f0f0f0;--accent-color: #757575;--main-color: #252525;--background-color: #f8f8f8}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100dvh;overflow:hidden}._wrapper_1dfbs_1{display:flex;flex-direction:column;gap:0px;height:100%;overflow-y:scroll}._main_1dfbs_9{flex:1 1 auto}._loading_1dfbs_13{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._buttons_uu72s_1{display:flex;flex-direction:row;gap:5px;align-items:center}._button_uu72s_1{cursor:pointer;padding:10px;border-radius:12px}._button_uu72s_1:hover{background-color:#f0f0f0}._disabled_uu72s_17{cursor:default}._disabled_uu72s_17:hover{background-color:inherit}._devices_1b6y1_1{display:flex;flex-direction:row;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_1b6y1_1{display:flex;flex-direction:row;gap:0px;padding:6px 8px;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_1b6y1_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_1b6y1_26{background-color:#fff}._active_1b6y1_26:hover{border:1px solid var(--background-color);box-shadow:none}._header_2d8xd_1{display:flex;flex-direction:row;gap:24px;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);align-items:center;justify-content:space-between}._left_2d8xd_13,._right_2d8xd_14{display:flex;flex-direction:row;gap:24px;align-items:center}._preview_93shy_2{display:flex;flex-direction:row;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:10px 16px;cursor:pointer;border:1px solid #fff;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._preview_93shy_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_93shy_23{background-color:var(--background-color)}._active_93shy_23:hover{border:1px solid #fff;box-shadow:none}._settings_u4cv4_1{display:flex;flex-direction:row;gap:20px;align-items:center;color:var(--accent-color)}._pages_1mwe1_1{position:relative}._default_1mwe1_5{display:flex;flex-direction:row;gap:4px;align-items:center;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_1mwe1_17{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_1mwe1_23{display:flex;flex-direction:row;gap:0px;position:absolute;top:45px;width:320px;left:0;z-index:5000;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;flex-direction:column}._page_1mwe1_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_1mwe1_49{background-color:var(--background-color)}._separator_1mwe1_53{border-bottom:var(--default-border)}._button_1mwe1_57{display:flex;flex-direction:row;gap:8px;background:inherit;color:#ff3f19;align-items:center;justify-content:start;padding:16px 8px 12px;transition:.2s}._button_1mwe1_57:hover{background-color:var(--background-color)}._items_1mwe1_72{max-height:400px;overflow-y:scroll;height:100%}._zoom_1q1ud_1{display:flex;flex-direction:row;gap:4px;align-items:center;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_1jz2h_1{display:flex;flex-direction:row;gap:4px;align-items:center;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_1wk4t_1{display:flex;flex-direction:row;gap:8px;border-bottom:var(--default-border);align-items:center;padding:22px;cursor:pointer}._text_1wk4t_11{color:var(--main-color);line-height:20px}._navbar_14j8e_1{width:100px;border-right:var(--default-border)}._main_14j8e_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_14j8e_13{display:flex;flex-direction:column;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_14j8e_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_14j8e_30{background-color:var(--background-color);color:var(--main-color)}._active_14j8e_30:hover{border:1px solid #fff;box-shadow:none}._preview_1howr_1{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;align-items:center;justify-content:center;z-index:500}._main_1howr_14{display:flex;flex-direction:column;gap:0px;width:100%;overflow-y:auto;height:calc(100vh - 85px);position:relative;z-index:1}._content_1howr_25{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1howr_32{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._loader_1howr_42{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_1howr_1 1s linear infinite}@keyframes _spin_1howr_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_obebc_1{display:flex;flex-direction:row;gap:0px;width:100%;padding:18px;justify-content:center;border:var(--default-border);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:none;z-index:5}._circles_obebc_16{display:flex;flex-direction:row;gap:8px;left:28px;top:28px;position:absolute;align-items:center}._circle_obebc_16{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_obebc_33{background:#ff5f57}._green_obebc_37{background:#28c840}._yellow_obebc_41{background:#febc2e}._input_obebc_45{display:flex;flex-direction:row;gap:0px;background-color:var(--background-color);padding:6px 8px;max-width:480px;width:100%;border-radius:6px}._main_obebc_56{display:flex;flex-direction:row;gap:4px;flex:1 1 auto;align-items:center;justify-content:center}._text_obebc_65{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_glpob_1{display:flex;flex-direction:column;gap:0px;width:100%;height:100%}._main_glpob_9{flex:1 0 auto}._block_glpob_13{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_glpob_20{border:2px solid #ff3f19}._name_glpob_24{z-index:10;position:absolute;top:-28px;left:-2px;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;background:#ff3f19;padding:4px 12px;line-height:20px;text-align:center}._empty_glpob_38{display:flex;flex-direction:column;gap:4px;height:100%;width:100%;align-items:center;justify-content:center;text-align:center}._icon_glpob_49{display:flex;flex-direction:row;gap:0px;width:64px;height:64px;background-color:var(--background-color);border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_glpob_62{font-weight:700;font-size:24px;line-height:32px}._text_glpob_68{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_glpob_74{display:flex;flex-direction:row;gap:24px;padding:0 20px;margin:20px 0 0;flex-wrap:wrap;justify-content:center}._section_glpob_74{display:flex;flex-direction:row;gap:10px;cursor:pointer;max-width:288px;width:100%;align-items:center;justify-content:space-between;padding:24px;background-color:var(--background-color);border-radius:24px;color:var(--accent-color)}._sidebar_1cz73_1{display:flex;flex-direction:row;gap:0px;position:absolute;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1cz73_14{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1cz73_24{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1cz73_34:hover{background-color:var(--background-color)}._border_1cz73_38{border-bottom:var(--default-border)}._deleteButton_1cz73_42:hover{background-color:#dd6363;color:#fff}._results_12p5x_1{display:flex;flex-direction:column;gap:20px;padding:8px}._name_12p5x_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_12p5x_15{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between;cursor:pointer}._search_186hm_1{display:flex;flex-direction:row;gap:10px;background:var(--background-color);padding:8px 12px;align-items:center;border-radius:12px;width:100%;margin:8px 0}._input_186hm_13{width:100%;font-size:16px;line-height:24px;color:var(--main-color)}._input_186hm_13::placeholder{color:#c2c2c2}._sidebar_1yyyy_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:calc(100vh - 60px);position:relative}._title_1yyyy_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_1yyyy_18{display:flex;flex-direction:row;gap:8px;align-items:center}._layers_1on0q_1{display:flex;flex-direction:column;gap:0px;position:relative;height:100%}._block_1on0q_9{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1on0q_9:hover{background-color:var(--background-color)}._dragging_1on0q_25{box-shadow:0 2.1px 4.36px #00000004;box-shadow:0 5.3px 10.22px #00000005;border:var(--default-border);box-shadow:0 10.81px 19.93px #00000006;cursor:grabbing}._active_1on0q_33{background:#ffeae5}._add_1on0q_37{display:flex;flex-direction:row;gap:0px;z-index:2;position:absolute;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_1on0q_51{display:flex;flex-direction:row;gap:0px;position:relative;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_1on0q_66{display:flex;flex-direction:column;gap:4px;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;color:var(--accent-color)}._title_1on0q_78{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_1on0q_85{margin:0 0 12px}._text_1on0q_89{font-size:16px;font-weight:400;line-height:24px}._highlight_1on0q_95{color:#ff3f19;cursor:pointer}._block_586dq_1{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_586dq_1:hover{background-color:var(--background-color)}._theme_1wwlz_1{display:flex;flex-direction:column;gap:0px}._block_1wwlz_7{display:flex;flex-direction:row;gap:8px;justify-content:start;align-items:center;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1wwlz_7:hover{background-color:var(--background-color)}._name_1wwlz_22{flex:1 1 auto}._back_2jwrk_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding-bottom:8px}._render_2jwrk_9{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:501}._open_2jwrk_24{animation:.2s _open_2jwrk_24 forwards}@keyframes _open_2jwrk_24{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_2jwrk_51{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_2jwrk_51{animation:.2s _close_2jwrk_51 forwards}._clicked_2jwrk_55{opacity:0}._title_2jwrk_59{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._button_2jwrk_67{align-self:center;flex:1}._loading_2jwrk_72{flex:1 1 auto}._settings_2jwrk_76{flex:1 1 100%;overflow-y:scroll;overflow-x:hidden}._deleteButton_2jwrk_82{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_2jwrk_82:hover{background-color:#dd6363;color:#fff}._settings_ss3tc_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:3}._open_ss3tc_16{transform:translate(0)}._close_ss3tc_20{transform:translate(320px)}._header_ss3tc_24{display:flex;flex-direction:row;gap:8px;align-items:center}._title_ss3tc_31{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_ss3tc_38{display:flex;flex-direction:row;gap:4px;color:#ff3f19;align-items:center;cursor:pointer}._wrapper_joj7w_1{overflow-y:scroll}._category_joj7w_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_joj7w_11{font-weight:600;font-size:16px;line-height:24px}._color_joj7w_17{display:flex;flex-direction:column;gap:0px}._color_joj7w_17:not(:last-child){border-bottom:var(--default-border)}._content_joj7w_26{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;flex:1 1 auto}._preview_joj7w_35{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._wrapper_dv4am_2{overflow-y:scroll}._category_dv4am_6{display:flex;flex-direction:column;gap:0px}._categoryTitle_dv4am_12{font-weight:600;font-size:16px;line-height:24px}._color_dv4am_18{display:flex;flex-direction:column;gap:8px}._name_dv4am_24{line-height:20px;padding:0 4px 4px}._content_dv4am_29{display:flex;flex-direction:column;gap:0px;width:100%}._label_dv4am_36{display:flex;flex-direction:row;gap:5px;padding:8px 12px;border-radius:12px;align-items:center;width:100%;background-color:var(--background-color);cursor:pointer}._input_dv4am_48[type=color]{width:20px;height:20px;padding:1px}._input_dv4am_48{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_dv4am_48::-webkit-color-swatch{border-radius:50%;border:none}._input_dv4am_48::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_dv4am_74{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_dv4am_82{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_dv4am_82:not(:last-child){border-bottom:var(--default-border)}._alignments_dv4am_92{display:flex;flex-direction:column;gap:10px}._lineField_dv4am_98{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center}._style_dv4am_106{display:flex;flex-direction:column;gap:8px;flex:1 0 50%}._header_dv4am_113{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._wrapper_lov6e_1{overflow-y:scroll}._category_lov6e_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_lov6e_11{font-weight:600;font-size:16px;line-height:24px}._font_lov6e_17{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_lov6e_17:hover{background-color:var(--background-color);border-radius:8px}._font_lov6e_17:not(:last-child){border-bottom:var(--default-border)}._font_lov6e_17:not(:last-child):hover{border-bottom:1px solid var(--background-color)}._content_lov6e_38{display:flex;flex-direction:column;gap:0px;width:100%}._icon_lov6e_45{display:flex;flex-direction:row;gap:0px;padding:8px;border-radius:8px;background-color:var(--background-color);align-items:center;justify-content:center}._paragraph_lov6e_56{padding:12px}._deleteIcon_lov6e_60{position:absolute;right:10px;width:20px;height:20px}._iconButton_lov6e_67{width:32px;height:32px}._wrapper_smgf8_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_smgf8_16{transform:translate(0)}._close_smgf8_20{transform:translate(320px)}._header_smgf8_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_smgf8_32{font-weight:700;font-size:20px;line-height:24px}._options_smgf8_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_smgf8_45{opacity:0}._wrapper_1phvv_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_1phvv_16{transform:translate(0)}._close_1phvv_20{transform:translate(320px)}._header_1phvv_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_1phvv_32{font-weight:700;font-size:20px;line-height:24px}._options_1phvv_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1phvv_45{opacity:0}._label_1phvv_49{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1phvv_56{display:flex;flex-direction:column;gap:10px}._blocks_1phvv_62{display:flex;flex-direction:row;gap:8px;align-items:center}._alignment_1phvv_56{padding:8px;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1phvv_77{border:1px solid #ff3f19}._wrapper_gibny_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_gibny_12{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_gibny_23{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_gibny_31{display:flex;flex-direction:row;gap:12px;justify-content:end}._cancel_gibny_38{background-color:var(--background-color);color:var(--accent-color)}._label_gibny_43,._description_gibny_44{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_gibny_52{display:flex;flex-direction:column;gap:10px}._block_gibny_58{display:flex;flex-direction:column;gap:0px;padding:24px;border:1px solid var(--background-color);border-radius:8px}._slug_gibny_67{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_gibny_73{font-weight:600;font-size:16px;line-height:24px}._layout_3kge3_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;position:relative}._main_3kge3_10{display:flex;flex-direction:column;gap:0px;width:100%;position:relative}._content_3kge3_18{display:flex;flex-direction:row;gap:0px;position:relative;height:100%}._notification_3kge3_26{z-index:100000000;position:fixed;bottom:5px;right:5px;min-height:50px;min-width:200px}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--billgang-color-signal-danger: #c12a2a;--billgang-color-brand-default: #ff3f19;--billgang-color-brand-light: #ffeae5;--billgang-color-brand-lighter: rgba(255, 64, 26, .1);--billgang-color-surface-0: #f8f8f8;--billgang-color-surface-100: #ffffff;--billgang-color-surface-200: #c2c2c2;--billgang-color-text-brandDefault: #252525;--billgang-color-text-secondary: #757575;--billgang-color-border-default: #f0f0f0;--billgang-color-border-hover: #e6e6e6;--billgang-color-shadow-0: #dfdfdf;--billgang-color-success-background: #e5fadd;--billgang-color-success-text: #338b13;--billgang-color-warning-background: #faf8e6;--billgang-color-warning-text: #c1972a;--billgang-color-error-background: #fae6e6;--billgang-color-dialog-backdrop: rgba(37, 37, 37, .25);--billgang-color-field-background-default: var( --billgang-color-surface-200 );--billgang-color-field-background-hover: var(--billgang-color-surface-100);--billgang-color-field-background-focus: var(--billgang-color-surface-100);--billgang-color-field-border-default: var(--billgang-color-surface-200);--billgang-color-field-border-hover: var(--billgang-color-surface-200);--billgang-color-field-border-focus: var(--billgang-color-brand-default);--billgang-shadow-0: 0 1px 0 var(--billgang-color-shadow-0);--billgang-shadow-field: 0 0 0 3px var(--billgang-color-brand-light);--billgang-shadow-dialog: 0 10px 20px rgba(0, 0, 0, .05)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.flex-center{display:flex;align-items:center;justify-content:center}.icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:24px;background-color:var(--billgang-color-surface-0)}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-4{top:1rem;right:1rem;bottom:1rem;left:1rem}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-3{bottom:.75rem}.bottom-\\[60px\\]{bottom:60px}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.right-\\[14px\\]{right:14px}.top-0{top:0}.top-6{top:1.5rem}.top-8{top:2rem}.-z-50{z-index:-50}.z-10{z-index:10}.z-50{z-index:50}.z-\\[1000\\]{z-index:1000}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.row-span-2{grid-row:span 2 / span 2}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-\\[6px\\]{margin-left:6px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[1px\\]{margin-top:1px}.mt-\\[2px\\]{margin-top:2px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-12{width:3rem;height:3rem}.size-4{width:1rem;height:1rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[21px\\]{height:21px}.h-\\[276px\\]{height:276px}.h-\\[28px\\]{height:28px}.h-\\[38px\\]{height:38px}.h-\\[4px\\]{height:4px}.h-\\[56px\\]{height:56px}.h-\\[80\\%\\]{height:80%}.h-\\[92\\%\\]{height:92%}.h-\\[92px\\]{height:92px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-8{max-height:2rem}.max-h-\\[230px\\]{max-height:230px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[96px\\]{min-height:96px}.min-h-svh{min-height:100svh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[120px\\]{width:120px}.w-\\[160px\\]{width:160px}.w-\\[20px\\]{width:20px}.w-\\[21px\\]{width:21px}.w-\\[256px\\]{width:256px}.w-\\[28px\\]{width:28px}.w-\\[56px\\]{width:56px}.w-\\[calc\\(100\\%\\/6\\)\\]{width:calc(100% / 6)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-12{min-width:3rem}.min-w-4{min-width:1rem}.min-w-8{min-width:2rem}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[18px\\]{min-width:18px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[1120px\\]{max-width:1120px}.max-w-\\[368px\\]{max-width:368px}.max-w-\\[376px\\]{max-width:376px}.max-w-\\[40\\%\\]{max-width:40%}.max-w-\\[456px\\]{max-width:456px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[85\\%\\]{max-width:85%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\\[minmax\\(120px\\,auto\\)_minmax\\(0\\,20\\%\\)_repeat\\(4\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) minmax(0,20%) repeat(4,minmax(min-content,auto))}.grid-cols-\\[minmax\\(120px\\,auto\\)_repeat\\(5\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) repeat(5,minmax(min-content,auto))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.\\!items-start{align-items:flex-start!important}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\\[6px\\]{gap:6px}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[100px\\]{border-radius:100px}.rounded-\\[32px\\]{border-radius:32px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[6px\\]{border-radius:6px}.rounded-base{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:24px}.rounded-t-xl{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\\!border-brandDefault{border-color:var(--billgang-color-brand-default)!important}.border-borderDefault{border-color:var(--billgang-color-border-default)}.border-borderHover{border-color:var(--billgang-color-border-hover)}.border-brandDefault{border-color:var(--billgang-color-brand-default)}.border-textPrimary{border-color:var(--billgang-color-text-brandDefault)}.border-transparent{border-color:transparent}.border-x-borderDefault{border-left-color:var(--billgang-color-border-default);border-right-color:var(--billgang-color-border-default)}.border-x-brandDefault{border-left-color:var(--billgang-color-brand-default);border-right-color:var(--billgang-color-brand-default)}.border-x-surface100{border-left-color:var(--billgang-color-surface-100);border-right-color:var(--billgang-color-surface-100)}.border-b-transparent{border-bottom-color:transparent}.border-t-borderDefault{border-top-color:var(--billgang-color-border-default)}.border-t-brandDefault{border-top-color:var(--billgang-color-brand-default)}.border-t-surface100{border-top-color:var(--billgang-color-surface-100)}.\\!bg-surface0{background-color:var(--billgang-color-surface-0)!important}.bg-\\[rgba\\(37\\,37\\,37\\,0\\.24\\)\\]{background-color:#2525253d}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-borderDefault{background-color:var(--billgang-color-border-default)}.bg-brandDefault{background-color:var(--billgang-color-brand-default)}.bg-brandLight{background-color:var(--billgang-color-brand-light)}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-signalDangerBackground{background-color:var(--billgang-color-error-background)}.bg-successBackground{background-color:var(--billgang-color-success-background)}.bg-surface0{background-color:var(--billgang-color-surface-0)}.bg-surface100{background-color:var(--billgang-color-surface-100)}.bg-textPrimary{background-color:var(--billgang-color-text-brandDefault)}.bg-transparent{background-color:transparent}.bg-warningBackground{background-color:var(--billgang-color-warning-background)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.fill-brandDefault{fill:var(--billgang-color-brand-default)}.fill-signalDanger{fill:var(--billgang-color-signal-danger)}.fill-surface100{fill:var(--billgang-color-surface-100)}.fill-textPrimary{fill:var(--billgang-color-text-brandDefault)}.fill-textSecondary{fill:var(--billgang-color-text-secondary)}.stroke-borderDefault{stroke:var(--billgang-color-border-default)}.stroke-brandDefault{stroke:var(--billgang-color-brand-default)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[12px_16px\\]{padding:12px 16px}.p-\\[12px_16px_10px\\]{padding:12px 16px 10px}.p-\\[4px_8px\\]{padding:4px 8px}.p-\\[6px\\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-9{padding-bottom:2.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pl-\\[6px\\]{padding-left:6px}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:16px}.text-lg{font-size:20px}.text-sm{font-size:14px}.text-xl{font-size:24px}.text-xs{font-size:12px}.text-xxl{font-size:32px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-10{line-height:2.5rem}.text-brandDefault{color:var(--billgang-color-brand-default)}.text-signalDanger{color:var(--billgang-color-signal-danger)}.text-successText{color:var(--billgang-color-success-text)}.text-surface100{color:var(--billgang-color-surface-100)}.text-surface200{color:var(--billgang-color-surface-200)}.text-textPrimary{color:var(--billgang-color-text-brandDefault)}.text-textSecondary{color:var(--billgang-color-text-secondary)}.text-warningText{color:var(--billgang-color-warning-text)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-shadow0{--tw-shadow: var(--billgang-shadow-0);--tw-shadow-colored: var(--billgang-shadow-0);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: var(--billgang-color-shadow-0);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-2{outline-width:2px}.outline-offset-\\[-1px\\]{outline-offset:-1px}.outline-brandDefault{outline-color:var(--billgang-color-brand-default)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{font-family:Archivo,sans-serif;color:var(--billgang-color-text-brandDefault)}html,body,#root{height:100%}.grecaptcha-badge{visibility:hidden}.placeholder\\:text-surface200::-moz-placeholder{color:var(--billgang-color-surface-200)}.placeholder\\:text-surface200::placeholder{color:var(--billgang-color-surface-200)}.first\\:rounded-l-base:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.last\\:rounded-r-base:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.last\\:border-r-0:last-child{border-right-width:0px}.last-of-type\\:border-none:last-of-type{border-style:none}.last-of-type\\:pb-0:last-of-type{padding-bottom:0}.hover\\:bg-surface100:hover{background-color:var(--billgang-color-surface-100)}.hover\\:text-textPrimary:hover{color:var(--billgang-color-text-brandDefault)}.hover\\:underline:hover{text-decoration-line:underline}.disabled\\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 768px){.md\\:bottom-auto{bottom:auto}.md\\:left-1\\/2{left:50%}.md\\:top-1\\/2{top:50%}.md\\:mb-0{margin-bottom:0}.md\\:ml-auto{margin-left:auto}.md\\:mr-4{margin-right:1rem}.md\\:mt-0{margin-top:0}.md\\:mt-5{margin-top:1.25rem}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-\\[92px\\]{height:92px}.md\\:h-auto{height:auto}.md\\:h-full{height:100%}.md\\:h-svh{height:100svh}.md\\:max-h-svh{max-height:100svh}.md\\:min-h-\\[92px\\]{min-height:92px}.md\\:w-\\[320px\\]{width:320px}.md\\:w-\\[40\\%\\]{width:40%}.md\\:w-\\[50\\%\\]{width:50%}.md\\:w-\\[640px\\]{width:640px}.md\\:w-\\[720px\\]{width:720px}.md\\:w-auto{width:auto}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:w-full{width:100%}.md\\:max-w-\\[520px\\]{max-width:520px}.md\\:-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-\\[1\\]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:flex-col-reverse{flex-direction:column-reverse}.md\\:items-start{align-items:flex-start}.md\\:items-end{align-items:flex-end}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-2{gap:.5rem}.md\\:gap-3{gap:.75rem}.md\\:overflow-auto{overflow:auto}.md\\:rounded-none{border-radius:0}.md\\:rounded-xl{border-radius:24px}.md\\:border-none{border-style:none}.md\\:bg-transparent{background-color:transparent}.md\\:p-10{padding:2.5rem}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-6{padding-bottom:1.5rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-0{padding-top:0}.md\\:opacity-0{opacity:0}.md\\:opacity-100{opacity:1}}@media (min-width: 1024px){.lg\\:bottom-10{bottom:2.5rem}.lg\\:left-auto{left:auto}.lg\\:right-0{right:0}.lg\\:col-span-1{grid-column:span 1 / span 1}.lg\\:col-span-4{grid-column:span 4 / span 4}.lg\\:mb-0{margin-bottom:0}.lg\\:ml-3{margin-left:.75rem}.lg\\:h-\\[72px\\]{height:72px}.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-4{gap:1rem}.lg\\:p-6{padding:1.5rem}.lg\\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\\:pb-6{padding-bottom:1.5rem}}@media (min-width: 1280px){.xl\\:mt-1{margin-top:.25rem}.xl\\:block{display:block}.xl\\:flex{display:flex}.xl\\:max-w-\\[320px\\]{max-width:320px}.xl\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\\:flex-row{flex-direction:row}.xl\\:rounded-base{border-radius:12px}.xl\\:border-r{border-right-width:1px}.xl\\:border-none{border-style:none}.xl\\:bg-surface0{background-color:var(--billgang-color-surface-0)}.xl\\:p-6{padding:1.5rem}.xl\\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.xl\\:pr-0{padding-right:0}.xl\\:pr-10{padding-right:2.5rem}.xl\\:pr-4{padding-right:1rem}.xl\\:hover\\:bg-surface0:hover{background-color:var(--billgang-color-surface-0)}}._accordion_9e4oa_1{border-radius:24px;overflow:hidden;transition:all .3s ease;background-color:var(--background-color);padding:24px}._header_9e4oa_9{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}._header_9e4oa_9 ._icon_9e4oa_18{transition:transform .3s ease}._header_9e4oa_9 ._icon_9e4oa_18._open_9e4oa_21{transform:rotate(180deg)}._content_9e4oa_25{overflow:hidden;transition:height .3s ease}._wrapper_9rr5j_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_9rr5j_8{display:flex;flex-direction:column;gap:6px;padding:10px 0 16px}._title_9rr5j_15{font-weight:700;line-height:24px;font-size:16px;color:var(--main-color)}._subtitle_9rr5j_22{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._alignmentContent_9rr5j_29{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:stretch}._alignments_9rr5j_37{border-radius:12px;background:var(--background-color);display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_9rr5j_8{display:flex;flex-direction:row;gap:0px;cursor:pointer;height:100%;width:100%;align-items:center;justify-content:center}._circle_9rr5j_58{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_9rr5j_65{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_9rr5j_65{display:flex;flex-direction:row;gap:4px;width:68px;align-items:center;background:var(--background-color);border-radius:12px;padding:10px 8px}._input_9rr5j_84{width:100%}._subtitle_1qrz9_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1qrz9_8,._text_1qrz9_9{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._top_1qrz9_17{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1qrz9_26{display:flex;flex-direction:column;gap:6px}._typeTexts_rcw8p_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_rcw8p_8{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_rcw8p_21{border:1px solid #ff3f19}._subtitle_cuny2_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_cuny2_8,._text_cuny2_9,._productsBlock_cuny2_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_cuny2_10{position:relative}._top_cuny2_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_cuny2_31{display:flex;flex-direction:column;gap:6px}._typeTexts_cuny2_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_cuny2_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_cuny2_57{border:1px solid #ff3f19}._products_cuny2_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_cuny2_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_cuny2_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._disabled_cuny2_87{color:var(--accent-color)}._image_cuny2_91{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_cuny2_98{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_cuny2_110{flex:1 1 100%}._buttons_cuny2_114{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_cuny2_121{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_cuny2_121 ._top_cuny2_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_cuny2_141{display:flex;flex-direction:column;gap:8px}._modalOptions_cuny2_147{display:flex;flex-direction:column;gap:10px}._other_g74jx_1{display:flex;flex-direction:column;gap:6px}._subtitle_g74jx_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._items_g74jx_14{display:flex;flex-direction:column;gap:8px}._subtitle_1fb9q_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1fb9q_8,._text_1fb9q_9,._productsBlock_1fb9q_10,._buttonsBlock_1fb9q_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px}._buttonsBlock_1fb9q_11{position:relative}._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1fb9q_31{display:flex;flex-direction:column;gap:6px}._typeTexts_1fb9q_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_1fb9q_44{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1fb9q_56{border:1px solid #ff3f19}._products_1fb9q_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_1fb9q_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_1fb9q_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_1fb9q_86{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_1fb9q_93{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_1fb9q_105{flex:1 1 100%}._buttons_1fb9q_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_1fb9q_116{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_1fb9q_116 ._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_1fb9q_135{display:flex;flex-direction:column;gap:6px}._options_1fb9q_141{display:flex;flex-direction:column;gap:15px}._subtitle_m8qel_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_m8qel_8,._text_m8qel_9,._productsBlock_m8qel_10,._buttonsBlock_m8qel_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._buttonsBlock_m8qel_11{position:relative}._top_m8qel_23{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_m8qel_32{display:flex;flex-direction:column;gap:6px}._typeTexts_m8qel_38{display:flex;flex-direction:row;gap:8px;align-items:center}._block_m8qel_45{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_m8qel_58{border:1px solid #ff3f19}._products_m8qel_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_m8qel_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_m8qel_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_m8qel_88{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_m8qel_95{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_m8qel_107{flex:1 1 100%}._buttons_m8qel_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_m8qel_118{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_m8qel_118 ._top_m8qel_23{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_m8qel_137{display:flex;flex-direction:column;gap:6px}._options_m8qel_143{display:flex;flex-direction:column;gap:15px}._wrapper_m18qi_1{display:flex;flex-direction:column;gap:6px}._subtitle_m18qi_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._content_m18qi_14{display:flex;flex-direction:row;gap:10px;align-items:center;width:100%}._range_m18qi_22{position:relative;flex:1}._track_m18qi_27{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_m18qi_36{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_m18qi_46{display:flex;flex-direction:row;gap:0px;position:absolute;justify-content:space-between;width:100%}._dot_m18qi_46{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_m18qi_46._active_m18qi_65{background-color:#ff3f19;transform:scale(1)}._dot_m18qi_46:not(._active_m18qi_65){background-color:#e5e7eb;transform:scale(.9)}._dot_m18qi_46:hover{transform:scale(1.1)}._input_m18qi_77{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_m18qi_77::-webkit-slider-thumb,._input_m18qi_77::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_m18qi_91{display:flex;flex-direction:row;gap:10px;align-items:center;padding:8px 12px;background:var(--background-color);border-radius:12px}._count_m18qi_91{font-size:16px;font-weight:400;line-height:24px}._controls_m18qi_107{display:flex;flex-direction:column;gap:0px}._button_m18qi_113{transition:background-color .2s}._button_m18qi_113:hover{background-color:#f3f4f6}._button_m18qi_113:disabled{opacity:.5}._subtitle_16rdk_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_16rdk_8,._text_16rdk_9,._productsBlock_16rdk_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_16rdk_10{position:relative}._top_16rdk_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_16rdk_31{display:flex;flex-direction:column;gap:6px}._typeTexts_16rdk_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_16rdk_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_16rdk_57{border:1px solid #ff3f19}._products_16rdk_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_16rdk_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_16rdk_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_16rdk_87{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_16rdk_94{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_16rdk_106{flex:1 1 100%}._buttons_16rdk_110{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_16rdk_117{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_16rdk_117 ._top_16rdk_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_16rdk_137{display:flex;flex-direction:column;gap:8px}._modalOptions_16rdk_143{display:flex;flex-direction:column;gap:10px}._options_11lki_1{display:flex;flex-direction:column;gap:20px;border-radius:16px;border:var(--default-border);width:100%;height:fit-content;padding:24px}._price_11lki_12{display:flex;flex-direction:row;gap:4px;align-items:flex-start}._oldPrice_11lki_19{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:var(--accent-color)}._newPrice_11lki_27{font-size:20px;font-weight:700;line-height:24px;color:var(--main-color)}._meta_11lki_34{display:flex;flex-direction:column;gap:10px}._info_11lki_40{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}._infoRight_11lki_48{display:flex;flex-direction:row;gap:5px;align-items:center}._buttons_11lki_55{display:flex;flex-direction:column;gap:8px;width:100%}._variants_11lki_62{display:flex;flex-direction:column;gap:20px}._variant_11lki_62{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;border-radius:12px;padding:12px 16px;border:2px solid #e6e6e6}._stock_11lki_79{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._variantInfo_11lki_86{display:flex;flex-direction:column;gap:4px}._quantity_11lki_92{display:flex;flex-direction:row;gap:10px;align-items:stretch}._count_11lki_99{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_11lki_55{display:flex;flex-direction:row;gap:0px;background:var(--background-color);border-radius:50%;padding:8px;justify-content:center;align-items:center}._activeVariant_11lki_120{border:2px solid #ff3f19}._chargeTypes_11lki_124{display:flex;flex-direction:row;gap:5px;padding:4px;border-radius:16px;background-color:var(--background-color)}._charge_11lki_124{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;color:var(--accent-color);padding:8px;border-radius:12px}._chargeActive_11lki_145{background-color:#fff;color:var(--main-color)}._title_11lki_150{font-size:16px;font-weight:700;line-height:24px}._button_1kcpz_1{display:flex;flex-direction:row;gap:0px;align-items:center;padding:10px;background-color:var(--surface-secondary);border-radius:12px;color:var(--text-secondary);cursor:pointer;position:relative}._login_1kcpz_14{padding:12px 16px}._signUp_1kcpz_18{background-color:var(--surface-action1);color:var(--text-inverted)}._buttons_1kcpz_23{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px}._modal_1kcpz_32{background-color:#fff;height:100vh;position:absolute;right:0;top:0;bottom:0;align-self:flex-end;justify-self:flex-end;border-top-left-radius:24px;border-bottom-left-radius:24px;width:100%;min-width:300px;max-width:450px}._info_1kcpz_48{display:flex;flex-direction:row;gap:8px;align-items:center}._top_1kcpz_55{display:flex;flex-direction:row;padding:26px 24px;border-bottom:var(--default-border);align-items:center;justify-content:space-between;gap:8px}._title_1kcpz_66{font-size:20px;font-weight:700;line-height:24px}._clear_1kcpz_72{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_1kcpz_79{color:#ff3f19}._count_1kcpz_83{display:flex;flex-direction:row;gap:0px;background:#ff3f19;color:#fff;width:100%;height:100%;border-radius:50%;min-width:20px;min-height:20px;align-items:center;justify-content:center}._cart_1kcpz_98{display:flex;flex-direction:column;gap:0px;height:calc(100% - 76px);width:100%}._empty_1kcpz_106{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;height:100%;flex:1 1 auto;color:var(--accent-color)}._empty_1kcpz_106 div{padding-bottom:16px}._empty_1kcpz_106 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_1kcpz_106 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_1kcpz_132{display:flex;flex-direction:row;gap:0px;padding:26px 24px;align-items:center;justify-content:space-between}._products_1kcpz_141{display:flex;flex-direction:column;gap:0px;flex:1 1 auto;overflow-y:scroll}._image_1kcpz_149{width:56px;height:56px;border-radius:12px}._productInfo_1kcpz_155{display:flex;flex-direction:row;gap:12px;align-items:center}._content_1kcpz_162{display:flex;flex-direction:column;gap:4px}._name_1kcpz_168{font-size:16px;font-weight:600;line-height:24px}._price_1kcpz_174{font-size:16px;font-weight:400;line-height:24px}._productButtons_1kcpz_180{display:flex;flex-direction:row;gap:5px;align-items:center}._productButton_1kcpz_180{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;min-width:36px;min-height:36px;background-color:var(--background-color)}._productCount_1kcpz_200{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:var(--main-color);background-color:var(--background-color)}._bottom_1kcpz_216{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_1kcpz_224{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._block_1kcpz_232{display:flex;flex-direction:row;gap:10px;align-items:center}._shoppingCount_1kcpz_239{display:flex;flex-direction:row;gap:0px;width:12px;height:12px;border-radius:50%;align-items:center;justify-content:center;background-color:#ff3f19;color:#fff;font-size:10px;font-weight:500;line-height:12px;text-align:center;position:absolute;top:8px;right:8px}._total_1kcpz_259{font-size:20px;font-weight:700;line-height:24px}._link_1kcpz_265{font-size:16px;font-weight:400;line-height:24px;color:var(--text-link)}._share_9g414_1{padding:10px;border-radius:12px;background:#f8f8f8;cursor:pointer}._modal_9g414_8{border-radius:12px;background:#fff;width:fit-content}._header_9g414_14{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:var(--default-border)}._socials_9g414_24{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between;padding:24px 24px 16px}._social_9g414_24,._copy_9g414_34{padding:12px;border-radius:12px;background:#f8f8f8;cursor:pointer}._title_9g414_41{font-size:24px;font-weight:700;line-height:32px}._copyWrapper_9g414_47{display:flex;flex-direction:row;gap:16px;width:100%;align-items:center;padding:0 24px 24px}._copyText_9g414_56{flex:1 1 auto}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
2
+ import { n as $, o as Y, p as D, q as X, r as H, f as Ye, j as e, L as we, s as Je, t as Ze, E as Ce, w as et, x as tt, c as F, I as C, y as Ie, z as Z, A as nt, B as J, F as Re, G as ot, J as ve, K as st, N as xe, O as Ee, Q as G, h as at, D as rt, H as it, u as lt, d as ct, i as ce, k as Oe, a as R, b as ae, U as _e, S as Le, P as Ne, V as Ue, W as dt, T as ut, R as ht, X as gt, M as Te, m as pt, Y as ke, Z as Pe, _ as mt, e as St, $ as bt, a0 as ft, a1 as Ct, a2 as _t, a3 as wt, a4 as vt, a5 as xt, a6 as kt, a7 as jt } from "./index-CeRgFjoD.js";
3
+ import p, { useMemo as qe } from "react";
4
+ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "", yt = [
5
5
  {
6
6
  icon: "Desktop",
7
7
  value: "desktop"
@@ -14,7 +14,7 @@ const O = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
14
14
  icon: "DeviceMobileCamera",
15
15
  value: "mobile"
16
16
  }
17
- ], jt = [
17
+ ], Bt = [
18
18
  {
19
19
  icon: "PaintBrushBroad",
20
20
  name: "Colors"
@@ -43,7 +43,7 @@ const O = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
43
43
  "product",
44
44
  "ticket",
45
45
  "login"
46
- ], xe = {
46
+ ], je = {
47
47
  home: {
48
48
  path: "/",
49
49
  name: "home",
@@ -114,119 +114,101 @@ const O = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
114
114
  },
115
115
  visibility: "public"
116
116
  }
117
- }, qr = ["Acorn", "Activity", "AddressBook", "AddressBookTabs", "AirTrafficControl", "Airplane", "AirplaneInFlight", "AirplaneLanding", "AirplaneTakeoff", "AirplaneTaxiing", "AirplaneTilt", "Airplay", "Alarm", "Alien", "AlignBottom", "AlignBottomSimple", "AlignCenterHorizontal", "AlignCenterHorizontalSimple", "AlignCenterVertical", "AlignCenterVerticalSimple", "AlignLeft", "AlignLeftSimple", "AlignRight", "AlignRightSimple", "AlignTop", "AlignTopSimple", "AmazonLogo", "Ambulance", "Anchor", "AnchorSimple", "AndroidLogo", "Angle", "AngularLogo", "Aperture", "AppStoreLogo", "AppWindow", "AppleLogo", "ApplePodcastsLogo", "ApproximateEquals", "Archive", "ArchiveBox", "ArchiveTray", "Armchair", "ArrowArcLeft", "ArrowArcRight", "ArrowBendDoubleUpLeft", "ArrowBendDoubleUpRight", "ArrowBendDownLeft", "ArrowBendDownRight", "ArrowBendLeftDown", "ArrowBendLeftUp", "ArrowBendRightDown", "ArrowBendRightUp", "ArrowBendUpLeft", "ArrowBendUpRight", "ArrowCircleDown", "ArrowCircleDownLeft", "ArrowCircleDownRight", "ArrowCircleLeft", "ArrowCircleRight", "ArrowCircleUp", "ArrowCircleUpLeft", "ArrowCircleUpRight", "ArrowClockwise", "ArrowCounterClockwise", "ArrowDown", "ArrowDownLeft", "ArrowDownRight", "ArrowElbowDownLeft", "ArrowElbowDownRight", "ArrowElbowLeft", "ArrowElbowLeftDown", "ArrowElbowLeftUp", "ArrowElbowRight", "ArrowElbowRightDown", "ArrowElbowRightUp", "ArrowElbowUpLeft", "ArrowElbowUpRight", "ArrowFatDown", "ArrowFatLeft", "ArrowFatLineDown", "ArrowFatLineLeft", "ArrowFatLineRight", "ArrowFatLineUp", "ArrowFatLinesDown", "ArrowFatLinesLeft", "ArrowFatLinesRight", "ArrowFatLinesUp", "ArrowFatRight", "ArrowFatUp", "ArrowLeft", "ArrowLineDown", "ArrowLineDownLeft", "ArrowLineDownRight", "ArrowLineLeft", "ArrowLineRight", "ArrowLineUp", "ArrowLineUpLeft", "ArrowLineUpRight", "ArrowRight", "ArrowSquareDown", "ArrowSquareDownLeft", "ArrowSquareDownRight", "ArrowSquareIn", "ArrowSquareLeft", "ArrowSquareOut", "ArrowSquareRight", "ArrowSquareUp", "ArrowSquareUpLeft", "ArrowSquareUpRight", "ArrowUDownLeft", "ArrowUDownRight", "ArrowULeftDown", "ArrowULeftUp", "ArrowURightDown", "ArrowURightUp", "ArrowUUpLeft", "ArrowUUpRight", "ArrowUp", "ArrowUpLeft", "ArrowUpRight", "ArrowsClockwise", "ArrowsCounterClockwise", "ArrowsDownUp", "ArrowsHorizontal", "ArrowsIn", "ArrowsInCardinal", "ArrowsInLineHorizontal", "ArrowsInLineVertical", "ArrowsInSimple", "ArrowsLeftRight", "ArrowsMerge", "ArrowsOut", "ArrowsOutCardinal", "ArrowsOutLineHorizontal", "ArrowsOutLineVertical", "ArrowsOutSimple", "ArrowsSplit", "ArrowsVertical", "Article", "ArticleMedium", "ArticleNyTimes", "Asclepius", "Asterisk", "AsteriskSimple", "At", "Atom", "Avocado", "Axe", "Baby", "BabyCarriage", "Backpack", "Backspace", "Bag", "BagSimple", "Balloon", "Bandaids", "Bank", "Barbell", "Barcode", "Barn", "Barricade", "Baseball", "BaseballCap", "BaseballHelmet", "Basket", "Basketball", "Bathtub", "BatteryCharging", "BatteryChargingVertical", "BatteryEmpty", "BatteryFull", "BatteryHigh", "BatteryLow", "BatteryMedium", "BatteryPlus", "BatteryPlusVertical", "BatteryVerticalEmpty", "BatteryVerticalFull", "BatteryVerticalHigh", "BatteryVerticalLow", "BatteryVerticalMedium", "BatteryWarning", "BatteryWarningVertical", "BeachBall", "Beanie", "Bed", "BeerBottle", "BeerStein", "BehanceLogo", "Bell", "BellRinging", "BellSimple", "BellSimpleRinging", "BellSimpleSlash", "BellSimpleZ", "BellSlash", "BellZ", "Belt", "BezierCurve", "Bicycle", "Binary", "Binoculars", "Biohazard", "Bird", "Blueprint", "Bluetooth", "BluetoothConnected", "BluetoothSlash", "BluetoothX", "Boat", "Bomb", "Bone", "Book", "BookBookmark", "BookOpen", "BookOpenText", "BookOpenUser", "Bookmark", "BookmarkSimple", "Bookmarks", "BookmarksSimple", "Books", "Boot", "Boules", "BoundingBox", "BowlFood", "BowlSteam", "BowlingBall", "BoxArrowDown", "BoxArrowUp", "BoxingGlove", "BracketsAngle", "BracketsCurly", "BracketsRound", "BracketsSquare", "Brain", "Brandy", "Bread", "Bridge", "Briefcase", "BriefcaseMetal", "Broadcast", "Broom", "Browser", "Browsers", "Bug", "BugBeetle", "BugDroid", "Building", "BuildingApartment", "BuildingOffice", "Buildings", "Bulldozer", "Bus", "Butterfly", "CableCar", "Cactus", "Caduceus", "Cake", "Calculator", "Calendar", "CalendarBlank", "CalendarCheck", "CalendarDot", "CalendarDots", "CalendarHeart", "CalendarMinus", "CalendarPlus", "CalendarSlash", "CalendarStar", "CalendarX", "CallBell", "Camera", "CameraPlus", "CameraRotate", "CameraSlash", "Campfire", "Car", "CarBattery", "CarProfile", "CarSimple", "Cardholder", "Cards", "CardsThree", "CaretCircleDoubleDown", "CaretCircleDoubleLeft", "CaretCircleDoubleRight", "CaretCircleDoubleUp", "CaretCircleDown", "CaretCircleLeft", "CaretCircleRight", "CaretCircleUp", "CaretCircleUpDown", "CaretDoubleDown", "CaretDoubleLeft", "CaretDoubleRight", "CaretDoubleUp", "CaretDown", "CaretLeft", "CaretLineDown", "CaretLineLeft", "CaretLineRight", "CaretLineUp", "CaretRight", "CaretUp", "CaretUpDown", "Carrot", "CashRegister", "CassetteTape", "CastleTurret", "Cat", "CellSignalFull", "CellSignalHigh", "CellSignalLow", "CellSignalMedium", "CellSignalNone", "CellSignalSlash", "CellSignalX", "CellTower", "Certificate", "Chair", "Chalkboard", "ChalkboardSimple", "ChalkboardTeacher", "Champagne", "ChargingStation", "ChartBar", "ChartBarHorizontal", "ChartDonut", "ChartLine", "ChartLineDown", "ChartLineUp", "ChartPie", "ChartPieSlice", "ChartPolar", "ChartScatter", "Chat", "ChatCentered", "ChatCenteredDots", "ChatCenteredSlash", "ChatCenteredText", "ChatCircle", "ChatCircleDots", "ChatCircleSlash", "ChatCircleText", "ChatDots", "ChatSlash", "ChatTeardrop", "ChatTeardropDots", "ChatTeardropSlash", "ChatTeardropText", "ChatText", "Chats", "ChatsCircle", "ChatsTeardrop", "Check", "CheckCircle", "CheckFat", "CheckSquare", "CheckSquareOffset", "Checkerboard", "Checks", "Cheers", "Cheese", "ChefHat", "Cherries", "Church", "Cigarette", "CigaretteSlash", "Circle", "CircleDashed", "CircleHalf", "CircleHalfTilt", "CircleNotch", "CircleWavy", "CircleWavyCheck", "CircleWavyQuestion", "CircleWavyWarning", "CirclesFour", "CirclesThree", "CirclesThreePlus", "Circuitry", "City", "Clipboard", "ClipboardText", "Clock", "ClockAfternoon", "ClockClockwise", "ClockCountdown", "ClockCounterClockwise", "ClockUser", "ClosedCaptioning", "Cloud", "CloudArrowDown", "CloudArrowUp", "CloudCheck", "CloudFog", "CloudLightning", "CloudMoon", "CloudRain", "CloudSlash", "CloudSnow", "CloudSun", "CloudWarning", "CloudX", "Clover", "Club", "CoatHanger", "CodaLogo", "Code", "CodeBlock", "CodeSimple", "CodepenLogo", "CodesandboxLogo", "Coffee", "CoffeeBean", "Coin", "CoinVertical", "Coins", "Columns", "ColumnsPlusLeft", "ColumnsPlusRight", "Command", "Compass", "CompassRose", "CompassTool", "ComputerTower", "Confetti", "ContactlessPayment", "Control", "Cookie", "CookingPot", "Copy", "CopySimple", "Copyleft", "Copyright", "CornersIn", "CornersOut", "Couch", "CourtBasketball", "Cow", "CowboyHat", "Cpu", "Crane", "CraneTower", "CreditCard", "Cricket", "Crop", "Cross", "Crosshair", "CrosshairSimple", "Crown", "CrownCross", "CrownSimple", "Cube", "CubeFocus", "CubeTransparent", "CurrencyBtc", "CurrencyCircleDollar", "CurrencyCny", "CurrencyDollar", "CurrencyDollarSimple", "CurrencyEth", "CurrencyEur", "CurrencyGbp", "CurrencyInr", "CurrencyJpy", "CurrencyKrw", "CurrencyKzt", "CurrencyNgn", "CurrencyRub", "Cursor", "CursorClick", "CursorText", "Cylinder", "Database", "Desk", "Desktop", "DesktopTower", "Detective", "DevToLogo", "DeviceMobile", "DeviceMobileCamera", "DeviceMobileSlash", "DeviceMobileSpeaker", "DeviceRotate", "DeviceTablet", "DeviceTabletCamera", "DeviceTabletSpeaker", "Devices", "Diamond", "DiamondsFour", "DiceFive", "DiceFour", "DiceOne", "DiceSix", "DiceThree", "DiceTwo", "Disc", "DiscoBall", "DiscordLogo", "Divide", "Dna", "Dog", "Door", "DoorOpen", "Dot", "DotOutline", "DotsNine", "DotsSix", "DotsSixVertical", "DotsThree", "DotsThreeCircle", "DotsThreeCircleVertical", "DotsThreeOutline", "DotsThreeOutlineVertical", "DotsThreeVertical", "Download", "DownloadSimple", "Dress", "Dresser", "DribbbleLogo", "Drone", "Drop", "DropHalf", "DropHalfBottom", "DropSimple", "DropSlash", "DropboxLogo", "Ear", "EarSlash", "Egg", "EggCrack", "Eject", "EjectSimple", "Elevator", "Empty", "Engine", "Envelope", "EnvelopeOpen", "EnvelopeSimple", "EnvelopeSimpleOpen", "Equalizer", "Equals", "Eraser", "EscalatorDown", "EscalatorUp", "Exam", "ExclamationMark", "Exclude", "ExcludeSquare", "Export", "Eye", "EyeClosed", "EyeSlash", "Eyedropper", "EyedropperSample", "Eyeglasses", "Eyes", "FaceMask", "FacebookLogo", "Factory", "Faders", "FadersHorizontal", "FalloutShelter", "Fan", "Farm", "FastForward", "FastForwardCircle", "Feather", "FediverseLogo", "FigmaLogo", "File", "FileArchive", "FileArrowDown", "FileArrowUp", "FileAudio", "FileC", "FileCSharp", "FileCloud", "FileCode", "FileCpp", "FileCss", "FileCsv", "FileDashed", "FileDoc", "FileDotted", "FileHtml", "FileImage", "FileIni", "FileJpg", "FileJs", "FileJsx", "FileLock", "FileMagnifyingGlass", "FileMd", "FileMinus", "FilePdf", "FilePlus", "FilePng", "FilePpt", "FilePy", "FileRs", "FileSearch", "FileSql", "FileSvg", "FileText", "FileTs", "FileTsx", "FileTxt", "FileVideo", "FileVue", "FileX", "FileXls", "FileZip", "Files", "FilmReel", "FilmScript", "FilmSlate", "FilmStrip", "Fingerprint", "FingerprintSimple", "FinnTheHuman", "Fire", "FireExtinguisher", "FireSimple", "FireTruck", "FirstAid", "FirstAidKit", "Fish", "FishSimple", "Flag", "FlagBanner", "FlagBannerFold", "FlagCheckered", "FlagPennant", "Flame", "Flashlight", "Flask", "FlipHorizontal", "FlipVertical", "FloppyDisk", "FloppyDiskBack", "FlowArrow", "Flower", "FlowerLotus", "FlowerTulip", "FlyingSaucer", "Folder", "FolderDashed", "FolderDotted", "FolderLock", "FolderMinus", "FolderNotch", "FolderNotchMinus", "FolderNotchOpen", "FolderNotchPlus", "FolderOpen", "FolderPlus", "FolderSimple", "FolderSimpleDashed", "FolderSimpleDotted", "FolderSimpleLock", "FolderSimpleMinus", "FolderSimplePlus", "FolderSimpleStar", "FolderSimpleUser", "FolderStar", "FolderUser", "Folders", "Football", "FootballHelmet", "Footprints", "ForkKnife", "FourK", "FrameCorners", "FramerLogo", "Function", "Funnel", "FunnelSimple", "FunnelSimpleX", "FunnelX", "GameController", "Garage", "GasCan", "GasPump", "Gauge", "Gavel", "Gear", "GearFine", "GearSix", "GenderFemale", "GenderIntersex", "GenderMale", "GenderNeuter", "GenderNonbinary", "GenderTransgender", "Ghost", "Gif", "Gift", "GitBranch", "GitCommit", "GitDiff", "GitFork", "GitMerge", "GitPullRequest", "GithubLogo", "GitlabLogo", "GitlabLogoSimple", "Globe", "GlobeHemisphereEast", "GlobeHemisphereWest", "GlobeSimple", "GlobeSimpleX", "GlobeStand", "GlobeX", "Goggles", "Golf", "GoodreadsLogo", "GoogleCardboardLogo", "GoogleChromeLogo", "GoogleDriveLogo", "GoogleLogo", "GooglePhotosLogo", "GooglePlayLogo", "GooglePodcastsLogo", "Gps", "GpsFix", "GpsSlash", "Gradient", "GraduationCap", "Grains", "GrainsSlash", "Graph", "GraphicsCard", "GreaterThan", "GreaterThanOrEqual", "GridFour", "GridNine", "Guitar", "HairDryer", "Hamburger", "Hammer", "Hand", "HandArrowDown", "HandArrowUp", "HandCoins", "HandDeposit", "HandEye", "HandFist", "HandGrabbing", "HandHeart", "HandPalm", "HandPeace", "HandPointing", "HandSoap", "HandSwipeLeft", "HandSwipeRight", "HandTap", "HandWaving", "HandWithdraw", "Handbag", "HandbagSimple", "HandsClapping", "HandsPraying", "Handshake", "HardDrive", "HardDrives", "HardHat", "Hash", "HashStraight", "HeadCircuit", "Headlights", "Headphones", "Headset", "Heart", "HeartBreak", "HeartHalf", "HeartStraight", "HeartStraightBreak", "Heartbeat", "Hexagon", "HighDefinition", "HighHeel", "Highlighter", "HighlighterCircle", "Hockey", "Hoodie", "Horse", "Hospital", "Hourglass", "HourglassHigh", "HourglassLow", "HourglassMedium", "HourglassSimple", "HourglassSimpleHigh", "HourglassSimpleLow", "HourglassSimpleMedium", "House", "HouseLine", "HouseSimple", "Hurricane", "IceCream", "IconBase", "IconContext", "IdentificationBadge", "IdentificationCard", "Image", "ImageBroken", "ImageSquare", "Images", "ImagesSquare", "Infinity", "Info", "InstagramLogo", "Intersect", "IntersectSquare", "IntersectThree", "Intersection", "Invoice", "Island", "Jar", "JarLabel", "Jeep", "Joystick", "Kanban", "Key", "KeyReturn", "Keyboard", "Keyhole", "Knife", "Ladder", "LadderSimple", "Lamp", "LampPendant", "Laptop", "Lasso", "LastfmLogo", "Layout", "Leaf", "Lectern", "Lego", "LegoSmiley", "Lemniscate", "LessThan", "LessThanOrEqual", "LetterCircleH", "LetterCircleP", "LetterCircleV", "Lifebuoy", "Lightbulb", "LightbulbFilament", "Lighthouse", "Lightning", "LightningA", "LightningSlash", "LineSegment", "LineSegments", "LineVertical", "Link", "LinkBreak", "LinkSimple", "LinkSimpleBreak", "LinkSimpleHorizontal", "LinkSimpleHorizontalBreak", "LinkedinLogo", "LinktreeLogo", "LinuxLogo", "List", "ListBullets", "ListChecks", "ListDashes", "ListHeart", "ListMagnifyingGlass", "ListNumbers", "ListPlus", "ListStar", "Lock", "LockKey", "LockKeyOpen", "LockLaminated", "LockLaminatedOpen", "LockOpen", "LockSimple", "LockSimpleOpen", "Lockers", "Log", "MagicWand", "Magnet", "MagnetStraight", "MagnifyingGlass", "MagnifyingGlassMinus", "MagnifyingGlassPlus", "Mailbox", "MapPin", "MapPinArea", "MapPinLine", "MapPinPlus", "MapPinSimple", "MapPinSimpleArea", "MapPinSimpleLine", "MapTrifold", "MarkdownLogo", "MarkerCircle", "Martini", "MaskHappy", "MaskSad", "MastodonLogo", "MathOperations", "MatrixLogo", "Medal", "MedalMilitary", "MediumLogo", "Megaphone", "MegaphoneSimple", "MemberOf", "Memory", "MessengerLogo", "MetaLogo", "Meteor", "Metronome", "Microphone", "MicrophoneSlash", "MicrophoneStage", "Microscope", "MicrosoftExcelLogo", "MicrosoftOutlookLogo", "MicrosoftPowerpointLogo", "MicrosoftTeamsLogo", "MicrosoftWordLogo", "Minus", "MinusCircle", "MinusSquare", "Money", "MoneyWavy", "Monitor", "MonitorArrowUp", "MonitorPlay", "Moon", "MoonStars", "Moped", "MopedFront", "Mosque", "Motorcycle", "Mountains", "Mouse", "MouseLeftClick", "MouseMiddleClick", "MouseRightClick", "MouseScroll", "MouseSimple", "MusicNote", "MusicNoteSimple", "MusicNotes", "MusicNotesMinus", "MusicNotesPlus", "MusicNotesSimple", "NavigationArrow", "Needle", "Network", "NetworkSlash", "NetworkX", "Newspaper", "NewspaperClipping", "NotEquals", "NotMemberOf", "NotSubsetOf", "NotSupersetOf", "Notches", "Note", "NoteBlank", "NotePencil", "Notebook", "Notepad", "Notification", "NotionLogo", "NuclearPlant", "NumberCircleEight", "NumberCircleFive", "NumberCircleFour", "NumberCircleNine", "NumberCircleOne", "NumberCircleSeven", "NumberCircleSix", "NumberCircleThree", "NumberCircleTwo", "NumberCircleZero", "NumberEight", "NumberFive", "NumberFour", "NumberNine", "NumberOne", "NumberSeven", "NumberSix", "NumberSquareEight", "NumberSquareFive", "NumberSquareFour", "NumberSquareNine", "NumberSquareOne", "NumberSquareSeven", "NumberSquareSix", "NumberSquareThree", "NumberSquareTwo", "NumberSquareZero", "NumberThree", "NumberTwo", "NumberZero", "Numpad", "Nut", "NyTimesLogo", "Octagon", "OfficeChair", "Onigiri", "OpenAiLogo", "Option", "Orange", "OrangeSlice", "Oven", "Package", "PaintBrush", "PaintBrushBroad", "PaintBrushHousehold", "PaintBucket", "PaintRoller", "Palette", "Panorama", "Pants", "PaperPlane", "PaperPlaneRight", "PaperPlaneTilt", "Paperclip", "PaperclipHorizontal", "Parachute", "Paragraph", "Parallelogram", "Park", "Password", "Path", "PatreonLogo", "Pause", "PauseCircle", "PawPrint", "PaypalLogo", "Peace", "Pen", "PenNib", "PenNibStraight", "Pencil", "PencilCircle", "PencilLine", "PencilRuler", "PencilSimple", "PencilSimpleLine", "PencilSimpleSlash", "PencilSlash", "Pentagon", "Pentagram", "Pepper", "Percent", "Person", "PersonArmsSpread", "PersonSimple", "PersonSimpleBike", "PersonSimpleCircle", "PersonSimpleHike", "PersonSimpleRun", "PersonSimpleSki", "PersonSimpleSnowboard", "PersonSimpleSwim", "PersonSimpleTaiChi", "PersonSimpleThrow", "PersonSimpleWalk", "Perspective", "Phone", "PhoneCall", "PhoneDisconnect", "PhoneIncoming", "PhoneList", "PhoneOutgoing", "PhonePause", "PhonePlus", "PhoneSlash", "PhoneTransfer", "PhoneX", "PhosphorLogo", "Pi", "PianoKeys", "PicnicTable", "PictureInPicture", "PiggyBank", "Pill", "PingPong", "PintGlass", "PinterestLogo", "Pinwheel", "Pipe", "PipeWrench", "PixLogo", "Pizza", "Placeholder", "Planet", "Plant", "Play", "PlayCircle", "PlayPause", "Playlist", "Plug", "PlugCharging", "Plugs", "PlugsConnected", "Plus", "PlusCircle", "PlusMinus", "PlusSquare", "PokerChip", "PoliceCar", "Polygon", "Popcorn", "Popsicle", "PottedPlant", "Power", "Prescription", "Presentation", "PresentationChart", "Printer", "Prohibit", "ProhibitInset", "ProjectorScreen", "ProjectorScreenChart", "Pulse", "PushPin", "PushPinSimple", "PushPinSimpleSlash", "PushPinSlash", "PuzzlePiece", "QrCode", "Question", "QuestionMark", "Queue", "Quotes", "Rabbit", "Racquet", "Radical", "Radio", "RadioButton", "Radioactive", "Rainbow", "RainbowCloud", "Ranking", "ReadCvLogo", "Receipt", "ReceiptX", "Record", "Rectangle", "RectangleDashed", "Recycle", "RedditLogo", "Repeat", "RepeatOnce", "ReplitLogo", "Resize", "Rewind", "RewindCircle", "RoadHorizon", "Robot", "Rocket", "RocketLaunch", "Rows", "RowsPlusBottom", "RowsPlusTop", "Rss", "RssSimple", "Rug", "Ruler", "SSR", "Sailboat", "Scales", "Scan", "ScanSmiley", "Scissors", "Scooter", "Screencast", "Screwdriver", "Scribble", "ScribbleLoop", "Scroll", "Seal", "SealCheck", "SealPercent", "SealQuestion", "SealWarning", "Seat", "Seatbelt", "SecurityCamera", "Selection", "SelectionAll", "SelectionBackground", "SelectionForeground", "SelectionInverse", "SelectionPlus", "SelectionSlash", "Shapes", "Share", "ShareFat", "ShareNetwork", "Shield", "ShieldCheck", "ShieldCheckered", "ShieldChevron", "ShieldPlus", "ShieldSlash", "ShieldStar", "ShieldWarning", "ShippingContainer", "ShirtFolded", "ShootingStar", "ShoppingBag", "ShoppingBagOpen", "ShoppingCart", "ShoppingCartSimple", "Shovel", "Shower", "Shrimp", "Shuffle", "ShuffleAngular", "ShuffleSimple", "Sidebar", "SidebarSimple", "Sigma", "SignIn", "SignOut", "Signature", "Signpost", "SimCard", "Siren", "SketchLogo", "SkipBack", "SkipBackCircle", "SkipForward", "SkipForwardCircle", "Skull", "SkypeLogo", "SlackLogo", "Sliders", "SlidersHorizontal", "Slideshow", "Smiley", "SmileyAngry", "SmileyBlank", "SmileyMeh", "SmileyMelting", "SmileyNervous", "SmileySad", "SmileySticker", "SmileyWink", "SmileyXEyes", "SnapchatLogo", "Sneaker", "SneakerMove", "Snowflake", "SoccerBall", "Sock", "SolarPanel", "SolarRoof", "SortAscending", "SortDescending", "SoundcloudLogo", "Spade", "Sparkle", "SpeakerHifi", "SpeakerHigh", "SpeakerLow", "SpeakerNone", "SpeakerSimpleHigh", "SpeakerSimpleLow", "SpeakerSimpleNone", "SpeakerSimpleSlash", "SpeakerSimpleX", "SpeakerSlash", "SpeakerX", "Speedometer", "Sphere", "Spinner", "SpinnerBall", "SpinnerGap", "Spiral", "SplitHorizontal", "SplitVertical", "SpotifyLogo", "SprayBottle", "Square", "SquareHalf", "SquareHalfBottom", "SquareLogo", "SquareSplitHorizontal", "SquareSplitVertical", "SquaresFour", "Stack", "StackMinus", "StackOverflowLogo", "StackPlus", "StackSimple", "Stairs", "Stamp", "StandardDefinition", "Star", "StarAndCrescent", "StarFour", "StarHalf", "StarOfDavid", "SteamLogo", "SteeringWheel", "Steps", "Stethoscope", "Sticker", "Stool", "Stop", "StopCircle", "Storefront", "Strategy", "StripeLogo", "Student", "SubsetOf", "SubsetProperOf", "Subtitles", "SubtitlesSlash", "Subtract", "SubtractSquare", "Subway", "Suitcase", "SuitcaseRolling", "SuitcaseSimple", "Sun", "SunDim", "SunHorizon", "Sunglasses", "SupersetOf", "SupersetProperOf", "Swap", "Swatches", "SwimmingPool", "Sword", "Synagogue", "Syringe", "TShirt", "Table", "Tabs", "Tag", "TagChevron", "TagSimple", "Target", "Taxi", "TeaBag", "TelegramLogo", "Television", "TelevisionSimple", "TennisBall", "Tent", "Terminal", "TerminalWindow", "TestTube", "TextAUnderline", "TextAa", "TextAlignCenter", "TextAlignJustify", "TextAlignLeft", "TextAlignRight", "TextB", "TextBolder", "TextColumns", "TextH", "TextHFive", "TextHFour", "TextHOne", "TextHSix", "TextHThree", "TextHTwo", "TextIndent", "TextItalic", "TextOutdent", "TextStrikethrough", "TextSubscript", "TextSuperscript", "TextT", "TextTSlash", "TextUnderline", "Textbox", "Thermometer", "ThermometerCold", "ThermometerHot", "ThermometerSimple", "ThreadsLogo", "ThreeD", "ThumbsDown", "ThumbsUp", "Ticket", "TidalLogo", "TiktokLogo", "Tilde", "Timer", "TipJar", "Tipi", "Tire", "ToggleLeft", "ToggleRight", "Toilet", "ToiletPaper", "Toolbox", "Tooth", "Tornado", "Tote", "ToteSimple", "Towel", "Tractor", "Trademark", "TrademarkRegistered", "TrafficCone", "TrafficSign", "TrafficSignal", "Train", "TrainRegional", "TrainSimple", "Tram", "Translate", "Trash", "TrashSimple", "Tray", "TrayArrowDown", "TrayArrowUp", "TreasureChest", "Tree", "TreeEvergreen", "TreePalm", "TreeStructure", "TreeView", "TrendDown", "TrendUp", "Triangle", "TriangleDashed", "Trolley", "TrolleySuitcase", "Trophy", "Truck", "TruckTrailer", "TumblrLogo", "TwitchLogo", "TwitterLogo", "Umbrella", "UmbrellaSimple", "Union", "Unite", "UniteSquare", "Upload", "UploadSimple", "Usb", "User", "UserCheck", "UserCircle", "UserCircleCheck", "UserCircleDashed", "UserCircleGear", "UserCircleMinus", "UserCirclePlus", "UserFocus", "UserGear", "UserList", "UserMinus", "UserPlus", "UserRectangle", "UserSound", "UserSquare", "UserSwitch", "Users", "UsersFour", "UsersThree", "Van", "Vault", "VectorThree", "VectorTwo", "Vibrate", "Video", "VideoCamera", "VideoCameraSlash", "VideoConference", "Vignette", "VinylRecord", "VirtualReality", "Virus", "Visor", "Voicemail", "Volleyball", "Wall", "Wallet", "Warehouse", "Warning", "WarningCircle", "WarningDiamond", "WarningOctagon", "WashingMachine", "Watch", "WaveSawtooth", "WaveSine", "WaveSquare", "WaveTriangle", "Waveform", "WaveformSlash", "Waves", "Webcam", "WebcamSlash", "WebhooksLogo", "WechatLogo", "WhatsappLogo", "Wheelchair", "WheelchairMotion", "WifiHigh", "WifiLow", "WifiMedium", "WifiNone", "WifiSlash", "WifiX", "Wind", "Windmill", "WindowsLogo", "Wine", "Wrench", "X", "XCircle", "XLogo", "XSquare", "Yarn", "YinYang", "YoutubeLogo"];
118
- function Bt() {
117
+ }, za = ["Acorn", "Activity", "AddressBook", "AddressBookTabs", "AirTrafficControl", "Airplane", "AirplaneInFlight", "AirplaneLanding", "AirplaneTakeoff", "AirplaneTaxiing", "AirplaneTilt", "Airplay", "Alarm", "Alien", "AlignBottom", "AlignBottomSimple", "AlignCenterHorizontal", "AlignCenterHorizontalSimple", "AlignCenterVertical", "AlignCenterVerticalSimple", "AlignLeft", "AlignLeftSimple", "AlignRight", "AlignRightSimple", "AlignTop", "AlignTopSimple", "AmazonLogo", "Ambulance", "Anchor", "AnchorSimple", "AndroidLogo", "Angle", "AngularLogo", "Aperture", "AppStoreLogo", "AppWindow", "AppleLogo", "ApplePodcastsLogo", "ApproximateEquals", "Archive", "ArchiveBox", "ArchiveTray", "Armchair", "ArrowArcLeft", "ArrowArcRight", "ArrowBendDoubleUpLeft", "ArrowBendDoubleUpRight", "ArrowBendDownLeft", "ArrowBendDownRight", "ArrowBendLeftDown", "ArrowBendLeftUp", "ArrowBendRightDown", "ArrowBendRightUp", "ArrowBendUpLeft", "ArrowBendUpRight", "ArrowCircleDown", "ArrowCircleDownLeft", "ArrowCircleDownRight", "ArrowCircleLeft", "ArrowCircleRight", "ArrowCircleUp", "ArrowCircleUpLeft", "ArrowCircleUpRight", "ArrowClockwise", "ArrowCounterClockwise", "ArrowDown", "ArrowDownLeft", "ArrowDownRight", "ArrowElbowDownLeft", "ArrowElbowDownRight", "ArrowElbowLeft", "ArrowElbowLeftDown", "ArrowElbowLeftUp", "ArrowElbowRight", "ArrowElbowRightDown", "ArrowElbowRightUp", "ArrowElbowUpLeft", "ArrowElbowUpRight", "ArrowFatDown", "ArrowFatLeft", "ArrowFatLineDown", "ArrowFatLineLeft", "ArrowFatLineRight", "ArrowFatLineUp", "ArrowFatLinesDown", "ArrowFatLinesLeft", "ArrowFatLinesRight", "ArrowFatLinesUp", "ArrowFatRight", "ArrowFatUp", "ArrowLeft", "ArrowLineDown", "ArrowLineDownLeft", "ArrowLineDownRight", "ArrowLineLeft", "ArrowLineRight", "ArrowLineUp", "ArrowLineUpLeft", "ArrowLineUpRight", "ArrowRight", "ArrowSquareDown", "ArrowSquareDownLeft", "ArrowSquareDownRight", "ArrowSquareIn", "ArrowSquareLeft", "ArrowSquareOut", "ArrowSquareRight", "ArrowSquareUp", "ArrowSquareUpLeft", "ArrowSquareUpRight", "ArrowUDownLeft", "ArrowUDownRight", "ArrowULeftDown", "ArrowULeftUp", "ArrowURightDown", "ArrowURightUp", "ArrowUUpLeft", "ArrowUUpRight", "ArrowUp", "ArrowUpLeft", "ArrowUpRight", "ArrowsClockwise", "ArrowsCounterClockwise", "ArrowsDownUp", "ArrowsHorizontal", "ArrowsIn", "ArrowsInCardinal", "ArrowsInLineHorizontal", "ArrowsInLineVertical", "ArrowsInSimple", "ArrowsLeftRight", "ArrowsMerge", "ArrowsOut", "ArrowsOutCardinal", "ArrowsOutLineHorizontal", "ArrowsOutLineVertical", "ArrowsOutSimple", "ArrowsSplit", "ArrowsVertical", "Article", "ArticleMedium", "ArticleNyTimes", "Asclepius", "Asterisk", "AsteriskSimple", "At", "Atom", "Avocado", "Axe", "Baby", "BabyCarriage", "Backpack", "Backspace", "Bag", "BagSimple", "Balloon", "Bandaids", "Bank", "Barbell", "Barcode", "Barn", "Barricade", "Baseball", "BaseballCap", "BaseballHelmet", "Basket", "Basketball", "Bathtub", "BatteryCharging", "BatteryChargingVertical", "BatteryEmpty", "BatteryFull", "BatteryHigh", "BatteryLow", "BatteryMedium", "BatteryPlus", "BatteryPlusVertical", "BatteryVerticalEmpty", "BatteryVerticalFull", "BatteryVerticalHigh", "BatteryVerticalLow", "BatteryVerticalMedium", "BatteryWarning", "BatteryWarningVertical", "BeachBall", "Beanie", "Bed", "BeerBottle", "BeerStein", "BehanceLogo", "Bell", "BellRinging", "BellSimple", "BellSimpleRinging", "BellSimpleSlash", "BellSimpleZ", "BellSlash", "BellZ", "Belt", "BezierCurve", "Bicycle", "Binary", "Binoculars", "Biohazard", "Bird", "Blueprint", "Bluetooth", "BluetoothConnected", "BluetoothSlash", "BluetoothX", "Boat", "Bomb", "Bone", "Book", "BookBookmark", "BookOpen", "BookOpenText", "BookOpenUser", "Bookmark", "BookmarkSimple", "Bookmarks", "BookmarksSimple", "Books", "Boot", "Boules", "BoundingBox", "BowlFood", "BowlSteam", "BowlingBall", "BoxArrowDown", "BoxArrowUp", "BoxingGlove", "BracketsAngle", "BracketsCurly", "BracketsRound", "BracketsSquare", "Brain", "Brandy", "Bread", "Bridge", "Briefcase", "BriefcaseMetal", "Broadcast", "Broom", "Browser", "Browsers", "Bug", "BugBeetle", "BugDroid", "Building", "BuildingApartment", "BuildingOffice", "Buildings", "Bulldozer", "Bus", "Butterfly", "CableCar", "Cactus", "Caduceus", "Cake", "Calculator", "Calendar", "CalendarBlank", "CalendarCheck", "CalendarDot", "CalendarDots", "CalendarHeart", "CalendarMinus", "CalendarPlus", "CalendarSlash", "CalendarStar", "CalendarX", "CallBell", "Camera", "CameraPlus", "CameraRotate", "CameraSlash", "Campfire", "Car", "CarBattery", "CarProfile", "CarSimple", "Cardholder", "Cards", "CardsThree", "CaretCircleDoubleDown", "CaretCircleDoubleLeft", "CaretCircleDoubleRight", "CaretCircleDoubleUp", "CaretCircleDown", "CaretCircleLeft", "CaretCircleRight", "CaretCircleUp", "CaretCircleUpDown", "CaretDoubleDown", "CaretDoubleLeft", "CaretDoubleRight", "CaretDoubleUp", "CaretDown", "CaretLeft", "CaretLineDown", "CaretLineLeft", "CaretLineRight", "CaretLineUp", "CaretRight", "CaretUp", "CaretUpDown", "Carrot", "CashRegister", "CassetteTape", "CastleTurret", "Cat", "CellSignalFull", "CellSignalHigh", "CellSignalLow", "CellSignalMedium", "CellSignalNone", "CellSignalSlash", "CellSignalX", "CellTower", "Certificate", "Chair", "Chalkboard", "ChalkboardSimple", "ChalkboardTeacher", "Champagne", "ChargingStation", "ChartBar", "ChartBarHorizontal", "ChartDonut", "ChartLine", "ChartLineDown", "ChartLineUp", "ChartPie", "ChartPieSlice", "ChartPolar", "ChartScatter", "Chat", "ChatCentered", "ChatCenteredDots", "ChatCenteredSlash", "ChatCenteredText", "ChatCircle", "ChatCircleDots", "ChatCircleSlash", "ChatCircleText", "ChatDots", "ChatSlash", "ChatTeardrop", "ChatTeardropDots", "ChatTeardropSlash", "ChatTeardropText", "ChatText", "Chats", "ChatsCircle", "ChatsTeardrop", "Check", "CheckCircle", "CheckFat", "CheckSquare", "CheckSquareOffset", "Checkerboard", "Checks", "Cheers", "Cheese", "ChefHat", "Cherries", "Church", "Cigarette", "CigaretteSlash", "Circle", "CircleDashed", "CircleHalf", "CircleHalfTilt", "CircleNotch", "CircleWavy", "CircleWavyCheck", "CircleWavyQuestion", "CircleWavyWarning", "CirclesFour", "CirclesThree", "CirclesThreePlus", "Circuitry", "City", "Clipboard", "ClipboardText", "Clock", "ClockAfternoon", "ClockClockwise", "ClockCountdown", "ClockCounterClockwise", "ClockUser", "ClosedCaptioning", "Cloud", "CloudArrowDown", "CloudArrowUp", "CloudCheck", "CloudFog", "CloudLightning", "CloudMoon", "CloudRain", "CloudSlash", "CloudSnow", "CloudSun", "CloudWarning", "CloudX", "Clover", "Club", "CoatHanger", "CodaLogo", "Code", "CodeBlock", "CodeSimple", "CodepenLogo", "CodesandboxLogo", "Coffee", "CoffeeBean", "Coin", "CoinVertical", "Coins", "Columns", "ColumnsPlusLeft", "ColumnsPlusRight", "Command", "Compass", "CompassRose", "CompassTool", "ComputerTower", "Confetti", "ContactlessPayment", "Control", "Cookie", "CookingPot", "Copy", "CopySimple", "Copyleft", "Copyright", "CornersIn", "CornersOut", "Couch", "CourtBasketball", "Cow", "CowboyHat", "Cpu", "Crane", "CraneTower", "CreditCard", "Cricket", "Crop", "Cross", "Crosshair", "CrosshairSimple", "Crown", "CrownCross", "CrownSimple", "Cube", "CubeFocus", "CubeTransparent", "CurrencyBtc", "CurrencyCircleDollar", "CurrencyCny", "CurrencyDollar", "CurrencyDollarSimple", "CurrencyEth", "CurrencyEur", "CurrencyGbp", "CurrencyInr", "CurrencyJpy", "CurrencyKrw", "CurrencyKzt", "CurrencyNgn", "CurrencyRub", "Cursor", "CursorClick", "CursorText", "Cylinder", "Database", "Desk", "Desktop", "DesktopTower", "Detective", "DevToLogo", "DeviceMobile", "DeviceMobileCamera", "DeviceMobileSlash", "DeviceMobileSpeaker", "DeviceRotate", "DeviceTablet", "DeviceTabletCamera", "DeviceTabletSpeaker", "Devices", "Diamond", "DiamondsFour", "DiceFive", "DiceFour", "DiceOne", "DiceSix", "DiceThree", "DiceTwo", "Disc", "DiscoBall", "DiscordLogo", "Divide", "Dna", "Dog", "Door", "DoorOpen", "Dot", "DotOutline", "DotsNine", "DotsSix", "DotsSixVertical", "DotsThree", "DotsThreeCircle", "DotsThreeCircleVertical", "DotsThreeOutline", "DotsThreeOutlineVertical", "DotsThreeVertical", "Download", "DownloadSimple", "Dress", "Dresser", "DribbbleLogo", "Drone", "Drop", "DropHalf", "DropHalfBottom", "DropSimple", "DropSlash", "DropboxLogo", "Ear", "EarSlash", "Egg", "EggCrack", "Eject", "EjectSimple", "Elevator", "Empty", "Engine", "Envelope", "EnvelopeOpen", "EnvelopeSimple", "EnvelopeSimpleOpen", "Equalizer", "Equals", "Eraser", "EscalatorDown", "EscalatorUp", "Exam", "ExclamationMark", "Exclude", "ExcludeSquare", "Export", "Eye", "EyeClosed", "EyeSlash", "Eyedropper", "EyedropperSample", "Eyeglasses", "Eyes", "FaceMask", "FacebookLogo", "Factory", "Faders", "FadersHorizontal", "FalloutShelter", "Fan", "Farm", "FastForward", "FastForwardCircle", "Feather", "FediverseLogo", "FigmaLogo", "File", "FileArchive", "FileArrowDown", "FileArrowUp", "FileAudio", "FileC", "FileCSharp", "FileCloud", "FileCode", "FileCpp", "FileCss", "FileCsv", "FileDashed", "FileDoc", "FileDotted", "FileHtml", "FileImage", "FileIni", "FileJpg", "FileJs", "FileJsx", "FileLock", "FileMagnifyingGlass", "FileMd", "FileMinus", "FilePdf", "FilePlus", "FilePng", "FilePpt", "FilePy", "FileRs", "FileSearch", "FileSql", "FileSvg", "FileText", "FileTs", "FileTsx", "FileTxt", "FileVideo", "FileVue", "FileX", "FileXls", "FileZip", "Files", "FilmReel", "FilmScript", "FilmSlate", "FilmStrip", "Fingerprint", "FingerprintSimple", "FinnTheHuman", "Fire", "FireExtinguisher", "FireSimple", "FireTruck", "FirstAid", "FirstAidKit", "Fish", "FishSimple", "Flag", "FlagBanner", "FlagBannerFold", "FlagCheckered", "FlagPennant", "Flame", "Flashlight", "Flask", "FlipHorizontal", "FlipVertical", "FloppyDisk", "FloppyDiskBack", "FlowArrow", "Flower", "FlowerLotus", "FlowerTulip", "FlyingSaucer", "Folder", "FolderDashed", "FolderDotted", "FolderLock", "FolderMinus", "FolderNotch", "FolderNotchMinus", "FolderNotchOpen", "FolderNotchPlus", "FolderOpen", "FolderPlus", "FolderSimple", "FolderSimpleDashed", "FolderSimpleDotted", "FolderSimpleLock", "FolderSimpleMinus", "FolderSimplePlus", "FolderSimpleStar", "FolderSimpleUser", "FolderStar", "FolderUser", "Folders", "Football", "FootballHelmet", "Footprints", "ForkKnife", "FourK", "FrameCorners", "FramerLogo", "Function", "Funnel", "FunnelSimple", "FunnelSimpleX", "FunnelX", "GameController", "Garage", "GasCan", "GasPump", "Gauge", "Gavel", "Gear", "GearFine", "GearSix", "GenderFemale", "GenderIntersex", "GenderMale", "GenderNeuter", "GenderNonbinary", "GenderTransgender", "Ghost", "Gif", "Gift", "GitBranch", "GitCommit", "GitDiff", "GitFork", "GitMerge", "GitPullRequest", "GithubLogo", "GitlabLogo", "GitlabLogoSimple", "Globe", "GlobeHemisphereEast", "GlobeHemisphereWest", "GlobeSimple", "GlobeSimpleX", "GlobeStand", "GlobeX", "Goggles", "Golf", "GoodreadsLogo", "GoogleCardboardLogo", "GoogleChromeLogo", "GoogleDriveLogo", "GoogleLogo", "GooglePhotosLogo", "GooglePlayLogo", "GooglePodcastsLogo", "Gps", "GpsFix", "GpsSlash", "Gradient", "GraduationCap", "Grains", "GrainsSlash", "Graph", "GraphicsCard", "GreaterThan", "GreaterThanOrEqual", "GridFour", "GridNine", "Guitar", "HairDryer", "Hamburger", "Hammer", "Hand", "HandArrowDown", "HandArrowUp", "HandCoins", "HandDeposit", "HandEye", "HandFist", "HandGrabbing", "HandHeart", "HandPalm", "HandPeace", "HandPointing", "HandSoap", "HandSwipeLeft", "HandSwipeRight", "HandTap", "HandWaving", "HandWithdraw", "Handbag", "HandbagSimple", "HandsClapping", "HandsPraying", "Handshake", "HardDrive", "HardDrives", "HardHat", "Hash", "HashStraight", "HeadCircuit", "Headlights", "Headphones", "Headset", "Heart", "HeartBreak", "HeartHalf", "HeartStraight", "HeartStraightBreak", "Heartbeat", "Hexagon", "HighDefinition", "HighHeel", "Highlighter", "HighlighterCircle", "Hockey", "Hoodie", "Horse", "Hospital", "Hourglass", "HourglassHigh", "HourglassLow", "HourglassMedium", "HourglassSimple", "HourglassSimpleHigh", "HourglassSimpleLow", "HourglassSimpleMedium", "House", "HouseLine", "HouseSimple", "Hurricane", "IceCream", "IconBase", "IconContext", "IdentificationBadge", "IdentificationCard", "Image", "ImageBroken", "ImageSquare", "Images", "ImagesSquare", "Infinity", "Info", "InstagramLogo", "Intersect", "IntersectSquare", "IntersectThree", "Intersection", "Invoice", "Island", "Jar", "JarLabel", "Jeep", "Joystick", "Kanban", "Key", "KeyReturn", "Keyboard", "Keyhole", "Knife", "Ladder", "LadderSimple", "Lamp", "LampPendant", "Laptop", "Lasso", "LastfmLogo", "Layout", "Leaf", "Lectern", "Lego", "LegoSmiley", "Lemniscate", "LessThan", "LessThanOrEqual", "LetterCircleH", "LetterCircleP", "LetterCircleV", "Lifebuoy", "Lightbulb", "LightbulbFilament", "Lighthouse", "Lightning", "LightningA", "LightningSlash", "LineSegment", "LineSegments", "LineVertical", "Link", "LinkBreak", "LinkSimple", "LinkSimpleBreak", "LinkSimpleHorizontal", "LinkSimpleHorizontalBreak", "LinkedinLogo", "LinktreeLogo", "LinuxLogo", "List", "ListBullets", "ListChecks", "ListDashes", "ListHeart", "ListMagnifyingGlass", "ListNumbers", "ListPlus", "ListStar", "Lock", "LockKey", "LockKeyOpen", "LockLaminated", "LockLaminatedOpen", "LockOpen", "LockSimple", "LockSimpleOpen", "Lockers", "Log", "MagicWand", "Magnet", "MagnetStraight", "MagnifyingGlass", "MagnifyingGlassMinus", "MagnifyingGlassPlus", "Mailbox", "MapPin", "MapPinArea", "MapPinLine", "MapPinPlus", "MapPinSimple", "MapPinSimpleArea", "MapPinSimpleLine", "MapTrifold", "MarkdownLogo", "MarkerCircle", "Martini", "MaskHappy", "MaskSad", "MastodonLogo", "MathOperations", "MatrixLogo", "Medal", "MedalMilitary", "MediumLogo", "Megaphone", "MegaphoneSimple", "MemberOf", "Memory", "MessengerLogo", "MetaLogo", "Meteor", "Metronome", "Microphone", "MicrophoneSlash", "MicrophoneStage", "Microscope", "MicrosoftExcelLogo", "MicrosoftOutlookLogo", "MicrosoftPowerpointLogo", "MicrosoftTeamsLogo", "MicrosoftWordLogo", "Minus", "MinusCircle", "MinusSquare", "Money", "MoneyWavy", "Monitor", "MonitorArrowUp", "MonitorPlay", "Moon", "MoonStars", "Moped", "MopedFront", "Mosque", "Motorcycle", "Mountains", "Mouse", "MouseLeftClick", "MouseMiddleClick", "MouseRightClick", "MouseScroll", "MouseSimple", "MusicNote", "MusicNoteSimple", "MusicNotes", "MusicNotesMinus", "MusicNotesPlus", "MusicNotesSimple", "NavigationArrow", "Needle", "Network", "NetworkSlash", "NetworkX", "Newspaper", "NewspaperClipping", "NotEquals", "NotMemberOf", "NotSubsetOf", "NotSupersetOf", "Notches", "Note", "NoteBlank", "NotePencil", "Notebook", "Notepad", "Notification", "NotionLogo", "NuclearPlant", "NumberCircleEight", "NumberCircleFive", "NumberCircleFour", "NumberCircleNine", "NumberCircleOne", "NumberCircleSeven", "NumberCircleSix", "NumberCircleThree", "NumberCircleTwo", "NumberCircleZero", "NumberEight", "NumberFive", "NumberFour", "NumberNine", "NumberOne", "NumberSeven", "NumberSix", "NumberSquareEight", "NumberSquareFive", "NumberSquareFour", "NumberSquareNine", "NumberSquareOne", "NumberSquareSeven", "NumberSquareSix", "NumberSquareThree", "NumberSquareTwo", "NumberSquareZero", "NumberThree", "NumberTwo", "NumberZero", "Numpad", "Nut", "NyTimesLogo", "Octagon", "OfficeChair", "Onigiri", "OpenAiLogo", "Option", "Orange", "OrangeSlice", "Oven", "Package", "PaintBrush", "PaintBrushBroad", "PaintBrushHousehold", "PaintBucket", "PaintRoller", "Palette", "Panorama", "Pants", "PaperPlane", "PaperPlaneRight", "PaperPlaneTilt", "Paperclip", "PaperclipHorizontal", "Parachute", "Paragraph", "Parallelogram", "Park", "Password", "Path", "PatreonLogo", "Pause", "PauseCircle", "PawPrint", "PaypalLogo", "Peace", "Pen", "PenNib", "PenNibStraight", "Pencil", "PencilCircle", "PencilLine", "PencilRuler", "PencilSimple", "PencilSimpleLine", "PencilSimpleSlash", "PencilSlash", "Pentagon", "Pentagram", "Pepper", "Percent", "Person", "PersonArmsSpread", "PersonSimple", "PersonSimpleBike", "PersonSimpleCircle", "PersonSimpleHike", "PersonSimpleRun", "PersonSimpleSki", "PersonSimpleSnowboard", "PersonSimpleSwim", "PersonSimpleTaiChi", "PersonSimpleThrow", "PersonSimpleWalk", "Perspective", "Phone", "PhoneCall", "PhoneDisconnect", "PhoneIncoming", "PhoneList", "PhoneOutgoing", "PhonePause", "PhonePlus", "PhoneSlash", "PhoneTransfer", "PhoneX", "PhosphorLogo", "Pi", "PianoKeys", "PicnicTable", "PictureInPicture", "PiggyBank", "Pill", "PingPong", "PintGlass", "PinterestLogo", "Pinwheel", "Pipe", "PipeWrench", "PixLogo", "Pizza", "Placeholder", "Planet", "Plant", "Play", "PlayCircle", "PlayPause", "Playlist", "Plug", "PlugCharging", "Plugs", "PlugsConnected", "Plus", "PlusCircle", "PlusMinus", "PlusSquare", "PokerChip", "PoliceCar", "Polygon", "Popcorn", "Popsicle", "PottedPlant", "Power", "Prescription", "Presentation", "PresentationChart", "Printer", "Prohibit", "ProhibitInset", "ProjectorScreen", "ProjectorScreenChart", "Pulse", "PushPin", "PushPinSimple", "PushPinSimpleSlash", "PushPinSlash", "PuzzlePiece", "QrCode", "Question", "QuestionMark", "Queue", "Quotes", "Rabbit", "Racquet", "Radical", "Radio", "RadioButton", "Radioactive", "Rainbow", "RainbowCloud", "Ranking", "ReadCvLogo", "Receipt", "ReceiptX", "Record", "Rectangle", "RectangleDashed", "Recycle", "RedditLogo", "Repeat", "RepeatOnce", "ReplitLogo", "Resize", "Rewind", "RewindCircle", "RoadHorizon", "Robot", "Rocket", "RocketLaunch", "Rows", "RowsPlusBottom", "RowsPlusTop", "Rss", "RssSimple", "Rug", "Ruler", "SSR", "Sailboat", "Scales", "Scan", "ScanSmiley", "Scissors", "Scooter", "Screencast", "Screwdriver", "Scribble", "ScribbleLoop", "Scroll", "Seal", "SealCheck", "SealPercent", "SealQuestion", "SealWarning", "Seat", "Seatbelt", "SecurityCamera", "Selection", "SelectionAll", "SelectionBackground", "SelectionForeground", "SelectionInverse", "SelectionPlus", "SelectionSlash", "Shapes", "Share", "ShareFat", "ShareNetwork", "Shield", "ShieldCheck", "ShieldCheckered", "ShieldChevron", "ShieldPlus", "ShieldSlash", "ShieldStar", "ShieldWarning", "ShippingContainer", "ShirtFolded", "ShootingStar", "ShoppingBag", "ShoppingBagOpen", "ShoppingCart", "ShoppingCartSimple", "Shovel", "Shower", "Shrimp", "Shuffle", "ShuffleAngular", "ShuffleSimple", "Sidebar", "SidebarSimple", "Sigma", "SignIn", "SignOut", "Signature", "Signpost", "SimCard", "Siren", "SketchLogo", "SkipBack", "SkipBackCircle", "SkipForward", "SkipForwardCircle", "Skull", "SkypeLogo", "SlackLogo", "Sliders", "SlidersHorizontal", "Slideshow", "Smiley", "SmileyAngry", "SmileyBlank", "SmileyMeh", "SmileyMelting", "SmileyNervous", "SmileySad", "SmileySticker", "SmileyWink", "SmileyXEyes", "SnapchatLogo", "Sneaker", "SneakerMove", "Snowflake", "SoccerBall", "Sock", "SolarPanel", "SolarRoof", "SortAscending", "SortDescending", "SoundcloudLogo", "Spade", "Sparkle", "SpeakerHifi", "SpeakerHigh", "SpeakerLow", "SpeakerNone", "SpeakerSimpleHigh", "SpeakerSimpleLow", "SpeakerSimpleNone", "SpeakerSimpleSlash", "SpeakerSimpleX", "SpeakerSlash", "SpeakerX", "Speedometer", "Sphere", "Spinner", "SpinnerBall", "SpinnerGap", "Spiral", "SplitHorizontal", "SplitVertical", "SpotifyLogo", "SprayBottle", "Square", "SquareHalf", "SquareHalfBottom", "SquareLogo", "SquareSplitHorizontal", "SquareSplitVertical", "SquaresFour", "Stack", "StackMinus", "StackOverflowLogo", "StackPlus", "StackSimple", "Stairs", "Stamp", "StandardDefinition", "Star", "StarAndCrescent", "StarFour", "StarHalf", "StarOfDavid", "SteamLogo", "SteeringWheel", "Steps", "Stethoscope", "Sticker", "Stool", "Stop", "StopCircle", "Storefront", "Strategy", "StripeLogo", "Student", "SubsetOf", "SubsetProperOf", "Subtitles", "SubtitlesSlash", "Subtract", "SubtractSquare", "Subway", "Suitcase", "SuitcaseRolling", "SuitcaseSimple", "Sun", "SunDim", "SunHorizon", "Sunglasses", "SupersetOf", "SupersetProperOf", "Swap", "Swatches", "SwimmingPool", "Sword", "Synagogue", "Syringe", "TShirt", "Table", "Tabs", "Tag", "TagChevron", "TagSimple", "Target", "Taxi", "TeaBag", "TelegramLogo", "Television", "TelevisionSimple", "TennisBall", "Tent", "Terminal", "TerminalWindow", "TestTube", "TextAUnderline", "TextAa", "TextAlignCenter", "TextAlignJustify", "TextAlignLeft", "TextAlignRight", "TextB", "TextBolder", "TextColumns", "TextH", "TextHFive", "TextHFour", "TextHOne", "TextHSix", "TextHThree", "TextHTwo", "TextIndent", "TextItalic", "TextOutdent", "TextStrikethrough", "TextSubscript", "TextSuperscript", "TextT", "TextTSlash", "TextUnderline", "Textbox", "Thermometer", "ThermometerCold", "ThermometerHot", "ThermometerSimple", "ThreadsLogo", "ThreeD", "ThumbsDown", "ThumbsUp", "Ticket", "TidalLogo", "TiktokLogo", "Tilde", "Timer", "TipJar", "Tipi", "Tire", "ToggleLeft", "ToggleRight", "Toilet", "ToiletPaper", "Toolbox", "Tooth", "Tornado", "Tote", "ToteSimple", "Towel", "Tractor", "Trademark", "TrademarkRegistered", "TrafficCone", "TrafficSign", "TrafficSignal", "Train", "TrainRegional", "TrainSimple", "Tram", "Translate", "Trash", "TrashSimple", "Tray", "TrayArrowDown", "TrayArrowUp", "TreasureChest", "Tree", "TreeEvergreen", "TreePalm", "TreeStructure", "TreeView", "TrendDown", "TrendUp", "Triangle", "TriangleDashed", "Trolley", "TrolleySuitcase", "Trophy", "Truck", "TruckTrailer", "TumblrLogo", "TwitchLogo", "TwitterLogo", "Umbrella", "UmbrellaSimple", "Union", "Unite", "UniteSquare", "Upload", "UploadSimple", "Usb", "User", "UserCheck", "UserCircle", "UserCircleCheck", "UserCircleDashed", "UserCircleGear", "UserCircleMinus", "UserCirclePlus", "UserFocus", "UserGear", "UserList", "UserMinus", "UserPlus", "UserRectangle", "UserSound", "UserSquare", "UserSwitch", "Users", "UsersFour", "UsersThree", "Van", "Vault", "VectorThree", "VectorTwo", "Vibrate", "Video", "VideoCamera", "VideoCameraSlash", "VideoConference", "Vignette", "VinylRecord", "VirtualReality", "Virus", "Visor", "Voicemail", "Volleyball", "Wall", "Wallet", "Warehouse", "Warning", "WarningCircle", "WarningDiamond", "WarningOctagon", "WashingMachine", "Watch", "WaveSawtooth", "WaveSine", "WaveSquare", "WaveTriangle", "Waveform", "WaveformSlash", "Waves", "Webcam", "WebcamSlash", "WebhooksLogo", "WechatLogo", "WhatsappLogo", "Wheelchair", "WheelchairMotion", "WifiHigh", "WifiLow", "WifiMedium", "WifiNone", "WifiSlash", "WifiX", "Wind", "Windmill", "WindowsLogo", "Wine", "Wrench", "X", "XCircle", "XLogo", "XSquare", "Yarn", "YinYang", "YoutubeLogo"];
118
+ function At() {
119
119
  let t = new URLSearchParams(document.location.search);
120
120
  const n = t.get("shopId") || localStorage.getItem("shopId"), o = t.get("sellerAccessToken") || localStorage.getItem("sellerAccessToken"), s = t.get("draftId") || localStorage.getItem("draftId");
121
- return Dt(), o && localStorage.setItem("sellerAccessToken", o), n && localStorage.setItem("shopId", n), s && localStorage.setItem("draftId", s), !!(o && n && s);
121
+ return $t(), o && localStorage.setItem("sellerAccessToken", o), n && localStorage.setItem("shopId", n), s && localStorage.setItem("draftId", s), !!(o && n && s);
122
122
  }
123
- const At = "_wrapper_1dfbs_1", Pt = "_main_1dfbs_9", Lt = "_loading_1dfbs_13", be = {
124
- wrapper: At,
125
- main: Pt,
126
- loading: Lt
127
- }, Ue = ({ render: t, block: n }) => t(n), qe = () => {
128
- const { footer: t } = F(), { settings: n } = J(), { pageContext: o } = T();
123
+ const Pt = "_wrapper_1dfbs_1", Lt = "_main_1dfbs_9", Nt = "_loading_1dfbs_13", fe = {
124
+ wrapper: Pt,
125
+ main: Lt,
126
+ loading: Nt
127
+ }, Ge = ({ render: t, block: n }) => t(n), ze = () => {
128
+ const { footer: t } = $(), { settings: n } = Y(), { pageContext: o } = D();
129
129
  return t == null ? void 0 : t.renderBlock(n, o);
130
- }, Ge = () => {
131
- const { header: t } = F(), { settings: n } = J(), { pageContext: o } = T();
130
+ }, We = () => {
131
+ const { header: t } = $(), { settings: n } = Y(), { pageContext: o } = D();
132
132
  return t == null ? void 0 : t.renderBlock(n, o);
133
- }, Nt = ({ pagePath: t }) => {
134
- const { sourceBlocks: n } = X(), [o, s] = S.useState(null), [i, a] = S.useState(!0), [r, l] = S.useState(null), { setThemeSettings: d } = $(), [C, u] = S.useState(), { addProducts: m } = Qe();
135
- S.useEffect(() => {
136
- a(!0), (async () => {
137
- const p = await Ke(encodeURIComponent(t));
138
- if (p) {
139
- l(p.layout);
140
- const { settings: x, theme: f } = await Ye();
141
- d(f), u(x), s({
142
- products: p.products,
143
- reviews: p.reviews,
144
- categories: p.categories,
145
- faqs: p.faqs,
146
- listings: p.listings
147
- }), await m(p.products);
133
+ }, Tt = ({ pagePath: t }) => {
134
+ const { sourceBlocks: n } = X(), [o, s] = p.useState(null), [i, r] = p.useState(!0), [a, l] = p.useState(null), { setThemeSettings: d, themeSettings: _ } = H(), [u, g] = p.useState(null), { settings: h } = Y(), { addProducts: c } = Ye();
135
+ p.useEffect(() => {
136
+ r(!0), (async () => {
137
+ const L = await Je(encodeURIComponent(t));
138
+ if (L) {
139
+ const { data: x } = L;
140
+ l(x.layout);
141
+ const { settings: k, theme: f } = (await Ze()).data;
142
+ g(k || h), d(f || _), s({
143
+ products: x.products,
144
+ reviews: x.reviews,
145
+ categories: x.categories,
146
+ faqs: x.faqs,
147
+ listings: x.listings
148
+ }), await c(x.products);
148
149
  }
149
- a(!1);
150
+ r(!1);
150
151
  })();
151
152
  }, [t]);
152
- const h = (c) => {
153
- if (!c || !c.name)
153
+ const w = (j) => {
154
+ if (!j || !j.name)
154
155
  return /* @__PURE__ */ e.jsx(Ce, { error: "Block or block.name is undefined." });
155
- if (!n || !n[c.name])
156
- return /* @__PURE__ */ e.jsx(Ce, { error: `Block "${c.name}" does not exist in blocks.` });
157
- const p = new n[c.name]();
158
- return c.value && Object.assign(p, c.value), p.renderBlock(C, o);
156
+ if (!n || !n[j.name])
157
+ return /* @__PURE__ */ e.jsx(Ce, { error: `Block "${j.name}" does not exist in blocks.` });
158
+ const L = new n[j.name]();
159
+ return j.value && Object.assign(L, j.value), L.renderBlock(u, o);
159
160
  };
160
- return !i && r === null ? /* @__PURE__ */ e.jsx(Tt, {}) : /* @__PURE__ */ e.jsxs("div", { className: be.wrapper, children: [
161
- /* @__PURE__ */ e.jsx(Ge, {}),
162
- !i && r ? /* @__PURE__ */ e.jsx("div", { className: be.main, children: Object.keys(r).map((c) => /* @__PURE__ */ e.jsx(
163
- Ue,
161
+ return !i && a === null ? /* @__PURE__ */ e.jsx(Ft, {}) : /* @__PURE__ */ e.jsxs("div", { className: fe.wrapper, children: [
162
+ /* @__PURE__ */ e.jsx(We, {}),
163
+ !i && a ? /* @__PURE__ */ e.jsx("div", { className: fe.main, children: Object.keys(a).map((j) => /* @__PURE__ */ e.jsx(
164
+ Ge,
164
165
  {
165
- block: r[c],
166
- render: h
166
+ block: a[j],
167
+ render: w
167
168
  },
168
- c
169
- )) }) : /* @__PURE__ */ e.jsx("div", { className: be.loading, children: /* @__PURE__ */ e.jsx(Ae, {}) }),
170
- /* @__PURE__ */ e.jsx(qe, {})
169
+ j
170
+ )) }) : /* @__PURE__ */ e.jsx("div", { className: fe.loading, children: /* @__PURE__ */ e.jsx(we, {}) }),
171
+ /* @__PURE__ */ e.jsx(ze, {})
171
172
  ] });
172
- }, Tt = () => /* @__PURE__ */ e.jsx("div", { className: be.notFound, children: "Page Not Found" });
173
- function Ft() {
174
- const t = Je();
175
- return /* @__PURE__ */ e.jsx(Nt, { pagePath: t.pathname });
173
+ }, Ft = () => /* @__PURE__ */ e.jsx("div", { className: fe.notFound, children: "Page Not Found" });
174
+ function Dt() {
175
+ const t = et();
176
+ return /* @__PURE__ */ e.jsx(Tt, { pagePath: t.pathname });
176
177
  }
177
- const Dt = () => {
178
+ const $t = () => {
178
179
  const t = new URL(window.location.href);
179
180
  window.history.replaceState(null, "", t.pathname + t.hash);
180
- }, $t = (t) => {
181
- let n = "";
182
- const o = {
183
- brand: "color",
184
- background: "background-color",
185
- text_icons: "color",
186
- lines: "border-color",
187
- others: "color"
188
- };
189
- if (t.colors && Object.entries(t.colors).forEach(([s, i]) => {
190
- Object.entries(i).forEach(([a, r]) => {
191
- const l = o[s] || "color";
192
- n += `
193
- .${s}_${a} {
194
- ${l}: ${r};
195
- }
196
- `;
181
+ }, Mt = (t) => {
182
+ let n = `:root {
183
+ `;
184
+ if (t.colors && Object.entries(t.colors).forEach(([o, s]) => {
185
+ Object.entries(s).forEach(([i, r]) => {
186
+ n += ` --${o}-${i}: ${r};
187
+ `;
197
188
  });
198
- }), t.fonts && Object.entries(t.fonts).forEach(([s, i]) => {
199
- typeof i == "object" && Object.entries(i).forEach(([a, r]) => {
200
- r && (n += `
201
- .dynamic-font_${s}_${a} {
202
- font-family: ${r.font};
203
- font-size: ${r.size}px;
204
- font-weight: ${r.weight};
205
- }
206
- `);
189
+ }), t.fonts && Object.entries(t.fonts).forEach(([o, s]) => {
190
+ typeof s == "object" && Object.entries(s).forEach(([i, r]) => {
191
+ r && (n += ` --font-${o}-${i}-family: ${r.font};
192
+ `, n += ` --font-${o}-${i}-size: ${r.size}px;
193
+ `, n += ` --font-${o}-${i}-weight: ${r.weight};
194
+ `);
207
195
  });
208
196
  }), t.buttons) {
209
- const { buttons: s } = t;
210
- n += `
211
- .dynamic-button {
212
- font-size: ${s.size}px;
213
- height: ${s.height}px;
214
- border-radius: ${s.radius}px;
215
- text-align: ${s.alignment};
216
- }
217
- `;
197
+ const { buttons: o } = t;
198
+ n += ` --button-size: ${o.size}px;
199
+ `, n += ` --button-height: ${o.height}px;
200
+ `, n += ` --button-radius: ${o.radius}px;
201
+ `, n += ` --button-alignment: ${o.alignment};
202
+ `;
218
203
  }
219
204
  if (t.borders) {
220
- const { borders: s } = t;
221
- n += `
222
- .dynamic-border {
223
- border-radius: ${s.radius}px;
224
- border-width: ${s.thickness}px;
225
- }
226
- `;
205
+ const { borders: o } = t;
206
+ n += ` --border-radius: ${o.radius}px;
207
+ `, n += ` --border-thickness: ${o.thickness}px;
208
+ `;
227
209
  }
228
- return n;
229
- }, Mt = (t) => {
210
+ return n += "}", n;
211
+ }, Ht = (t) => {
230
212
  const n = document.getElementById("dynamic-styles");
231
213
  if (n)
232
214
  n.innerHTML = t;
@@ -234,25 +216,25 @@ const Dt = () => {
234
216
  const o = document.createElement("style");
235
217
  o.id = "dynamic-styles", o.innerHTML = t, document.head.appendChild(o);
236
218
  }
237
- }, Ht = "_buttons_uu72s_1", Rt = "_button_uu72s_1", It = "_disabled_uu72s_17", ae = {
238
- buttons: Ht,
219
+ }, It = "_buttons_uu72s_1", Rt = "_button_uu72s_1", Et = "_disabled_uu72s_17", re = {
220
+ buttons: It,
239
221
  button: Rt,
240
- disabled: It
241
- }, Et = () => {
242
- const { undo: t, redo: n, past: o, future: s } = Ze(), [i, a] = S.useState(!1), [r, l] = S.useState(!1);
243
- return S.useEffect(() => {
244
- a(o.length === 0);
245
- }, [o]), S.useEffect(() => {
222
+ disabled: Et
223
+ }, Ot = () => {
224
+ const { undo: t, redo: n, past: o, future: s } = tt(), [i, r] = p.useState(!1), [a, l] = p.useState(!1);
225
+ return p.useEffect(() => {
226
+ r(o.length === 0);
227
+ }, [o]), p.useEffect(() => {
246
228
  l(s.length === 0);
247
- }, [s]), /* @__PURE__ */ e.jsxs("div", { className: ae.buttons, children: [
229
+ }, [s]), /* @__PURE__ */ e.jsxs("div", { className: re.buttons, children: [
248
230
  /* @__PURE__ */ e.jsx(
249
231
  "div",
250
232
  {
251
- className: P(ae.button, {
252
- [ae.disabled]: i
233
+ className: F(re.button, {
234
+ [re.disabled]: i
253
235
  }),
254
236
  children: /* @__PURE__ */ e.jsx(
255
- _,
237
+ C,
256
238
  {
257
239
  name: "ArrowUUpLeft",
258
240
  width: 20,
@@ -268,39 +250,39 @@ const Dt = () => {
268
250
  /* @__PURE__ */ e.jsx(
269
251
  "div",
270
252
  {
271
- className: P(ae.button, {
272
- [ae.disabled]: r
253
+ className: F(re.button, {
254
+ [re.disabled]: a
273
255
  }),
274
256
  children: /* @__PURE__ */ e.jsx(
275
- _,
257
+ C,
276
258
  {
277
259
  name: "ArrowUUpRight",
278
260
  width: 20,
279
261
  height: 20,
280
262
  onClick: () => {
281
- r || n();
263
+ a || n();
282
264
  },
283
- fill: r ? "#757575" : "#252525"
265
+ fill: a ? "#757575" : "#252525"
284
266
  }
285
267
  )
286
268
  }
287
269
  )
288
270
  ] });
289
- }, Ot = "_devices_1b6y1_1", Ut = "_device_1b6y1_1", qt = "_active_1b6y1_26", ke = {
290
- devices: Ot,
291
- device: Ut,
292
- active: qt
293
- }, Gt = () => {
294
- const { currentDevice: t, setCurrentDevice: n } = Re();
295
- return /* @__PURE__ */ e.jsx("div", { className: ke.devices, children: yt.map((o) => /* @__PURE__ */ e.jsx(
271
+ }, Ut = "_devices_1b6y1_1", qt = "_device_1b6y1_1", Gt = "_active_1b6y1_26", ye = {
272
+ devices: Ut,
273
+ device: qt,
274
+ active: Gt
275
+ }, zt = () => {
276
+ const { currentDevice: t, setCurrentDevice: n } = Ie();
277
+ return /* @__PURE__ */ e.jsx("div", { className: ye.devices, children: yt.map((o) => /* @__PURE__ */ e.jsx(
296
278
  "div",
297
279
  {
298
- className: P(ke.device, {
299
- [ke.active]: t.value === o.value
280
+ className: F(ye.device, {
281
+ [ye.active]: t.value === o.value
300
282
  }),
301
283
  onClick: () => n(o),
302
284
  children: /* @__PURE__ */ e.jsx(
303
- _,
285
+ C,
304
286
  {
305
287
  name: o.icon,
306
288
  fill: t.value === o.value ? "#252525" : "#757575",
@@ -311,60 +293,60 @@ const Dt = () => {
311
293
  },
312
294
  o.value
313
295
  )) });
314
- }, zt = "_header_2d8xd_1", Wt = "_left_2d8xd_13", Vt = "_right_2d8xd_14", he = {
315
- header: zt,
316
- left: Wt,
317
- right: Vt
318
- }, Xt = "_preview_93shy_2", Qt = "_active_93shy_23", ye = {
319
- preview: Xt,
320
- active: Qt
321
- }, Kt = () => {
296
+ }, Wt = "_header_2d8xd_1", Vt = "_left_2d8xd_13", Xt = "_right_2d8xd_14", he = {
297
+ header: Wt,
298
+ left: Vt,
299
+ right: Xt
300
+ }, Qt = "_preview_93shy_2", Kt = "_active_93shy_23", Be = {
301
+ preview: Qt,
302
+ active: Kt
303
+ }, Yt = () => {
322
304
  const { onPreview: t, setOnPreview: n } = Z();
323
305
  return /* @__PURE__ */ e.jsxs(
324
306
  "div",
325
307
  {
326
- className: P(ye.preview, {
327
- [ye.active]: t
308
+ className: F(Be.preview, {
309
+ [Be.active]: t
328
310
  }),
329
311
  onClick: () => n(!t),
330
312
  children: [
331
313
  /* @__PURE__ */ e.jsx(
332
- _,
314
+ C,
333
315
  {
334
316
  name: "ArrowUpRight",
335
317
  width: 20,
336
318
  height: 20
337
319
  }
338
320
  ),
339
- /* @__PURE__ */ e.jsx("span", { className: ye.text, children: "Preview" })
321
+ /* @__PURE__ */ e.jsx("span", { className: Be.text, children: "Preview" })
340
322
  ]
341
323
  }
342
324
  );
343
- }, Yt = "_settings_u4cv4_1", Jt = {
344
- settings: Yt
345
- }, Zt = "_pages_1mwe1_1", en = "_text_1mwe1_17", tn = "_modal_1mwe1_23", nn = "_page_1mwe1_1", on = "_hoverable_1mwe1_49", sn = "_separator_1mwe1_53", rn = "_button_1mwe1_57", an = "_items_1mwe1_72", z = {
346
- pages: Zt,
325
+ }, Jt = "_settings_u4cv4_1", Zt = {
326
+ settings: Jt
327
+ }, en = "_pages_1mwe1_1", tn = "_text_1mwe1_17", nn = "_modal_1mwe1_23", on = "_page_1mwe1_1", sn = "_hoverable_1mwe1_49", an = "_separator_1mwe1_53", rn = "_button_1mwe1_57", ln = "_items_1mwe1_72", z = {
328
+ pages: en,
347
329
  default: "_default_1mwe1_5",
348
- text: en,
349
- modal: tn,
350
- page: nn,
351
- hoverable: on,
352
- separator: sn,
330
+ text: tn,
331
+ modal: nn,
332
+ page: on,
333
+ hoverable: sn,
334
+ separator: an,
353
335
  button: rn,
354
- items: an
355
- }, ln = () => {
336
+ items: ln
337
+ }, cn = () => {
356
338
  const {
357
339
  currentPage: t,
358
340
  setCurrentPage: n,
359
341
  setIsOpenModal: o,
360
342
  pages: s,
361
343
  setIsEdit: i,
362
- setEditedPage: a,
363
- deletePage: r,
344
+ setEditedPage: r,
345
+ deletePage: a,
364
346
  isOpenSelectModal: l,
365
347
  setIsOpenSelectModal: d
366
- } = T(), { deletePage: C } = F(), [u, m] = S.useState("");
367
- return S.useEffect(() => {
348
+ } = D(), { deletePage: _ } = $(), [u, g] = p.useState("");
349
+ return p.useEffect(() => {
368
350
  const h = () => {
369
351
  d(!1);
370
352
  };
@@ -381,7 +363,7 @@ const Dt = () => {
381
363
  },
382
364
  children: [
383
365
  /* @__PURE__ */ e.jsx(
384
- _,
366
+ C,
385
367
  {
386
368
  name: s && s[t] && s[t].icon || "File",
387
369
  fill: "#252525",
@@ -389,9 +371,9 @@ const Dt = () => {
389
371
  height: 20
390
372
  }
391
373
  ),
392
- /* @__PURE__ */ e.jsx("span", { className: z.text, children: s && s[t] && de.includes(s[t].name) ? `${O(s[t].name)} page` : s && s[t] && s[t].name }),
374
+ /* @__PURE__ */ e.jsx("span", { className: z.text, children: s && s[t] && de.includes(s[t].name) ? `${U(s[t].name)} page` : s && s[t] && s[t].name }),
393
375
  /* @__PURE__ */ e.jsx(
394
- _,
376
+ C,
395
377
  {
396
378
  name: "CaretDown",
397
379
  width: 20,
@@ -412,47 +394,47 @@ const Dt = () => {
412
394
  return /* @__PURE__ */ e.jsxs(
413
395
  "div",
414
396
  {
415
- className: P(z.page, {
397
+ className: F(z.page, {
416
398
  [z.hoverable]: u === h
417
399
  }),
418
- onMouseEnter: () => m(h),
419
- onMouseLeave: () => m(""),
400
+ onMouseEnter: () => g(h),
401
+ onMouseLeave: () => g(""),
420
402
  onClick: () => {
421
- m(""), i(!1), n(h), d(!1);
403
+ g(""), i(!1), n(h), d(!1);
422
404
  },
423
405
  children: [
424
406
  /* @__PURE__ */ e.jsx(
425
- _,
407
+ C,
426
408
  {
427
409
  name: c.icon,
428
410
  fill: "#252525"
429
411
  }
430
412
  ),
431
- /* @__PURE__ */ e.jsx("span", { className: z.text, children: de.includes(c.name) ? `${O(c.name)} page` : c.name }),
413
+ /* @__PURE__ */ e.jsx("span", { className: z.text, children: de.includes(c.name) ? `${U(c.name)} page` : c.name }),
432
414
  u === h && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
433
415
  /* @__PURE__ */ e.jsx(
434
- _,
416
+ C,
435
417
  {
436
418
  name: "Gear",
437
419
  fill: "#757575",
438
- onClick: (p) => {
439
- p.stopPropagation(), i(!0), a(h), o(!0);
420
+ onClick: (w) => {
421
+ w.stopPropagation(), i(!0), r(h), o(!0);
440
422
  }
441
423
  }
442
424
  ),
443
425
  !de.includes(c.name) && /* @__PURE__ */ e.jsx(
444
- _,
426
+ C,
445
427
  {
446
428
  name: "Trash",
447
429
  fill: "#C12A2A",
448
- onClick: (p) => {
449
- s[t].path === c.name && n("/"), p.stopPropagation(), r(h), C(c.name), et(c.path);
430
+ onClick: (w) => {
431
+ s[t].path === c.name && n("/"), w.stopPropagation(), a(h), _(c.name), nt(c.path);
450
432
  }
451
433
  }
452
434
  )
453
435
  ] }),
454
436
  s[t] && s[t].path === c.name && /* @__PURE__ */ e.jsx(
455
- _,
437
+ C,
456
438
  {
457
439
  name: "Check",
458
440
  fill: "#FF3F19"
@@ -465,7 +447,7 @@ const Dt = () => {
465
447
  }) }),
466
448
  /* @__PURE__ */ e.jsx("div", { className: z.separator }),
467
449
  /* @__PURE__ */ e.jsxs(
468
- Y,
450
+ J,
469
451
  {
470
452
  className: z.button,
471
453
  onClick: (h) => {
@@ -474,7 +456,7 @@ const Dt = () => {
474
456
  size: "l",
475
457
  children: [
476
458
  /* @__PURE__ */ e.jsx(
477
- _,
459
+ C,
478
460
  {
479
461
  name: "Plus",
480
462
  fill: "#ff3f19"
@@ -488,17 +470,17 @@ const Dt = () => {
488
470
  }
489
471
  )
490
472
  ] });
491
- }, cn = "_zoom_1q1ud_1", dn = {
492
- zoom: cn
493
- }, un = () => {
494
- const [t, n] = S.useState(), o = () => {
473
+ }, dn = "_zoom_1q1ud_1", un = {
474
+ zoom: dn
475
+ }, hn = () => {
476
+ const [t, n] = p.useState(), o = () => {
495
477
  n(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
496
478
  };
497
- return S.useEffect(() => (o(), window.addEventListener("resize", o), () => {
479
+ return p.useEffect(() => (o(), window.addEventListener("resize", o), () => {
498
480
  window.removeEventListener("resize", o);
499
- }), []), /* @__PURE__ */ e.jsxs("div", { className: dn.zoom, children: [
481
+ }), []), /* @__PURE__ */ e.jsxs("div", { className: un.zoom, children: [
500
482
  /* @__PURE__ */ e.jsx(
501
- _,
483
+ C,
502
484
  {
503
485
  name: "MagnifyingGlassMinus",
504
486
  width: 20,
@@ -510,14 +492,14 @@ const Dt = () => {
510
492
  " %"
511
493
  ] })
512
494
  ] });
513
- }, hn = () => /* @__PURE__ */ e.jsxs("div", { className: Jt.settings, children: [
514
- /* @__PURE__ */ e.jsx(ln, {}),
515
- /* @__PURE__ */ e.jsx(un, {})
516
- ] }), gn = "_theme_1jz2h_1", pn = {
517
- theme: gn
518
- }, mn = () => /* @__PURE__ */ e.jsxs("div", { className: pn.theme, children: [
495
+ }, gn = () => /* @__PURE__ */ e.jsxs("div", { className: Zt.settings, children: [
496
+ /* @__PURE__ */ e.jsx(cn, {}),
497
+ /* @__PURE__ */ e.jsx(hn, {})
498
+ ] }), pn = "_theme_1jz2h_1", mn = {
499
+ theme: pn
500
+ }, Sn = () => /* @__PURE__ */ e.jsxs("div", { className: mn.theme, children: [
519
501
  /* @__PURE__ */ e.jsx(
520
- _,
502
+ C,
521
503
  {
522
504
  name: "Check",
523
505
  width: 18,
@@ -525,76 +507,80 @@ const Dt = () => {
525
507
  }
526
508
  ),
527
509
  /* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
528
- ] }), Sn = () => {
529
- const { themeSettings: t } = $(), { settings: n } = J(), { isOpenSelectModal: o } = T(), [s, i] = S.useState(null), [a, r] = S.useState(!1), { pages: l } = T(), { blocks: d } = F();
530
- function C(p, x) {
510
+ ] }), bn = () => {
511
+ const { themeSettings: t } = H(), { settings: n } = Y(), { isOpenSelectModal: o } = D(), [s, i] = p.useState(null), [r, a] = p.useState(!1), [l, d] = p.useState(!1), { setNotification: _ } = Re(), { pages: u } = D(), { blocks: g } = $();
512
+ function h(x, k) {
531
513
  try {
532
- return x.map((w) => {
533
- if (!w.value || !w.value.blockSettings)
514
+ return k.map((v) => {
515
+ if (!v.value || !v.value.blockSettings)
534
516
  throw new Error("block.value or block.value.blockSettings is undefined.");
535
- return Object.values(w.value.blockSettings).filter((L) => L && L.type === p).map((L) => {
536
- if (!L.value)
517
+ return Object.values(v.value.blockSettings).filter((m) => m && m.type === x).map((m) => {
518
+ if (!m.value)
537
519
  throw new Error("item.value is undefined.");
538
- return L.value;
520
+ return m.value;
539
521
  }).flat();
540
- }).flat().map((w) => {
541
- if (!w.listingId)
522
+ }).flat().map((v) => {
523
+ if (!v.listingId)
542
524
  throw new Error("item.listingId is undefined.");
543
- return w.listingId;
525
+ return v.listingId;
544
526
  });
545
527
  } catch (f) {
546
528
  return console.error("Error in getValues function:", f), [];
547
529
  }
548
530
  }
549
- function u(p, x) {
550
- return C(p, x).some((w) => w);
531
+ function c(x, k) {
532
+ return h(x, k).some((v) => v);
551
533
  }
552
- function m(p, x) {
553
- const f = C(p, x);
534
+ function w(x, k) {
535
+ const f = h(x, k);
554
536
  return Array.isArray(f) && f.length > 0 ? Math.max(...f) : 0;
555
537
  }
556
- function h(p) {
557
- if (l) {
558
- const x = Object.keys(l).find((f) => l[f].name === p);
559
- if (x) return l[x];
538
+ function j(x) {
539
+ if (u) {
540
+ const k = Object.keys(u).find((f) => u[f].name === x);
541
+ if (k) return u[k];
560
542
  }
561
543
  return null;
562
544
  }
563
- const c = () => {
564
- if (a)
545
+ const L = async () => {
546
+ if (r)
565
547
  s && clearTimeout(s);
566
548
  else {
567
- const x = Object.keys(d).map((f) => {
568
- const w = h(f);
549
+ d(!0);
550
+ const k = Object.keys(g).map((v) => {
551
+ const m = j(v);
569
552
  return {
570
- name: w ? w.name : f,
571
- path: (w == null ? void 0 : w.path) || f,
553
+ name: m ? m.name : v,
554
+ path: (m == null ? void 0 : m.path) || v,
572
555
  layout: {
573
- ...d[f]
556
+ ...g[v]
574
557
  },
575
- neededProductIds: [...C("ProductId", Object.values(d[f]))],
576
- neededCategoryIds: [...C("CategoryId", Object.values(d[f]))],
577
- neededAnnouncementIds: [...C("AnnouncementId", Object.values(d[f]))],
578
- neededListingIds: [...C("listings", Object.values(d[f]))],
579
- neededFaqs: u("Faqs", Object.values(d[f])),
580
- neededReviewCount: m("ReviewCount", Object.values(d[f])),
558
+ neededProductIds: [...h("ProductId", Object.values(g[v]))],
559
+ neededCategoryIds: [...h("CategoryId", Object.values(g[v]))],
560
+ neededAnnouncementIds: [...h("AnnouncementId", Object.values(g[v]))],
561
+ neededListingIds: [...h("listings", Object.values(g[v]))],
562
+ neededFaqs: c("Faqs", Object.values(g[v])),
563
+ neededReviewCount: w("ReviewCount", Object.values(g[v])),
581
564
  seo: {
582
- pageTitle: w && w.seo && w.seo.title ? w.seo.title : "",
583
- pageDescription: w && w.seo && w.seo.description ? w.seo.description : ""
565
+ pageTitle: m && m.seo && m.seo.title ? m.seo.title : "",
566
+ pageDescription: m && m.seo && m.seo.description ? m.seo.description : ""
584
567
  }
585
568
  };
586
- });
587
- tt("post", "save", {
569
+ }), { status: f } = await ot("post", "save", {
588
570
  themeSettings: t,
589
571
  settings: n,
590
- updatedPages: x
572
+ updatedPages: k
591
573
  });
574
+ _({
575
+ message: f === 200 ? "Settings saved" : "Error",
576
+ status: f === 200 ? "success" : "error"
577
+ }), d(!1);
592
578
  }
593
- r(!0);
594
- const p = setTimeout(() => {
595
- r(!1);
579
+ a(!0);
580
+ const x = setTimeout(() => {
581
+ a(!1);
596
582
  }, 2e3);
597
- i(p);
583
+ i(x);
598
584
  };
599
585
  return /* @__PURE__ */ e.jsxs(
600
586
  "div",
@@ -605,29 +591,29 @@ const Dt = () => {
605
591
  },
606
592
  children: [
607
593
  /* @__PURE__ */ e.jsxs("div", { className: he.left, children: [
608
- /* @__PURE__ */ e.jsx(Gt, {}),
609
- /* @__PURE__ */ e.jsx(Kt, {})
594
+ /* @__PURE__ */ e.jsx(zt, {}),
595
+ /* @__PURE__ */ e.jsx(Yt, {})
610
596
  ] }),
611
- /* @__PURE__ */ e.jsx("div", { className: he.center, children: /* @__PURE__ */ e.jsx(hn, {}) }),
597
+ /* @__PURE__ */ e.jsx("div", { className: he.center, children: /* @__PURE__ */ e.jsx(gn, {}) }),
612
598
  /* @__PURE__ */ e.jsxs("div", { className: he.right, children: [
613
- /* @__PURE__ */ e.jsx(mn, {}),
614
- /* @__PURE__ */ e.jsx(Et, {}),
615
- /* @__PURE__ */ e.jsx(Y, { onClick: c, children: "Save" })
599
+ /* @__PURE__ */ e.jsx(Sn, {}),
600
+ /* @__PURE__ */ e.jsx(Ot, {}),
601
+ l ? /* @__PURE__ */ e.jsx(we, {}) : /* @__PURE__ */ e.jsx(J, { onClick: L, children: "Save" })
616
602
  ] })
617
603
  ]
618
604
  }
619
605
  );
620
- }, bn = "_exit_1wk4t_1", Cn = "_text_1wk4t_11", Fe = {
621
- exit: bn,
606
+ }, fn = "_exit_1wk4t_1", Cn = "_text_1wk4t_11", Fe = {
607
+ exit: fn,
622
608
  text: Cn
623
- }, fn = () => /* @__PURE__ */ e.jsxs(
609
+ }, _n = () => /* @__PURE__ */ e.jsxs(
624
610
  "a",
625
611
  {
626
612
  href: "https://dash.billgang.com/",
627
613
  className: Fe.exit,
628
614
  children: [
629
615
  /* @__PURE__ */ e.jsx(
630
- _,
616
+ C,
631
617
  {
632
618
  name: "SignOut",
633
619
  width: 20,
@@ -637,61 +623,61 @@ const Dt = () => {
637
623
  /* @__PURE__ */ e.jsx("span", { className: Fe.text, children: "Exit" })
638
624
  ]
639
625
  }
640
- ), _n = "_navbar_14j8e_1", wn = "_main_14j8e_6", vn = "_block_14j8e_13", xn = "_active_14j8e_30", ge = {
641
- navbar: _n,
642
- main: wn,
643
- block: vn,
644
- active: xn
645
- }, kn = () => {
646
- const { activeBlock: t, setActiveBlock: n } = _e(), { setActiveBlock: o } = X(), { setCurrentBlock: s } = F(), { setActiveBlock: i } = $();
647
- function a(r) {
648
- o(null), n(r), s(null), i(null);
626
+ ), wn = "_navbar_14j8e_1", vn = "_main_14j8e_6", xn = "_block_14j8e_13", kn = "_active_14j8e_30", ge = {
627
+ navbar: wn,
628
+ main: vn,
629
+ block: xn,
630
+ active: kn
631
+ }, jn = () => {
632
+ const { activeBlock: t, setActiveBlock: n } = ve(), { setActiveBlock: o } = X(), { setCurrentBlock: s } = $(), { setActiveBlock: i } = H();
633
+ function r(a) {
634
+ o(null), n(a), s(null), i(null);
649
635
  }
650
636
  return /* @__PURE__ */ e.jsxs("div", { className: ge.navbar, children: [
651
- /* @__PURE__ */ e.jsx(fn, {}),
652
- /* @__PURE__ */ e.jsx("div", { className: ge.main, children: nt.map((r) => /* @__PURE__ */ e.jsxs(
637
+ /* @__PURE__ */ e.jsx(_n, {}),
638
+ /* @__PURE__ */ e.jsx("div", { className: ge.main, children: st.map((a) => /* @__PURE__ */ e.jsxs(
653
639
  "div",
654
640
  {
655
- className: P(ge.block, {
656
- [ge.active]: t.icon === r.icon
641
+ className: F(ge.block, {
642
+ [ge.active]: t.icon === a.icon
657
643
  }),
658
- onClick: () => a(r),
644
+ onClick: () => r(a),
659
645
  children: [
660
646
  /* @__PURE__ */ e.jsx(
661
- _,
647
+ C,
662
648
  {
663
- name: r.icon,
664
- fill: t.icon === r.icon ? "#252525" : "#757575"
649
+ name: a.icon,
650
+ fill: t.icon === a.icon ? "#252525" : "#757575"
665
651
  }
666
652
  ),
667
- /* @__PURE__ */ e.jsx("span", { children: r.name })
653
+ /* @__PURE__ */ e.jsx("span", { children: a.name })
668
654
  ]
669
655
  },
670
- r.icon
656
+ a.icon
671
657
  )) })
672
658
  ] });
673
- }, yn = "_preview_1howr_1", jn = "_main_1howr_14", Bn = "_content_1howr_25", An = "_loading_1howr_32", Pn = "_loader_1howr_42", Ln = "_spin_1howr_1", pe = {
659
+ }, yn = "_preview_1howr_1", Bn = "_main_1howr_14", An = "_content_1howr_25", Pn = "_loading_1howr_32", Ln = "_loader_1howr_42", Nn = "_spin_1howr_1", pe = {
674
660
  preview: yn,
675
- main: jn,
676
- content: Bn,
677
- loading: An,
678
- loader: Pn,
679
- spin: Ln
680
- }, Nn = "_header_obebc_1", Tn = "_circles_obebc_16", Fn = "_circle_obebc_16", Dn = "_red_obebc_33", $n = "_green_obebc_37", Mn = "_yellow_obebc_41", Hn = "_input_obebc_45", Rn = "_main_obebc_56", In = "_text_obebc_65", Q = {
681
- header: Nn,
682
- circles: Tn,
683
- circle: Fn,
684
- red: Dn,
685
- green: $n,
686
- yellow: Mn,
687
- input: Hn,
661
+ main: Bn,
662
+ content: An,
663
+ loading: Pn,
664
+ loader: Ln,
665
+ spin: Nn
666
+ }, Tn = "_header_obebc_1", Fn = "_circles_obebc_16", Dn = "_circle_obebc_16", $n = "_red_obebc_33", Mn = "_green_obebc_37", Hn = "_yellow_obebc_41", In = "_input_obebc_45", Rn = "_main_obebc_56", En = "_text_obebc_65", Q = {
667
+ header: Tn,
668
+ circles: Fn,
669
+ circle: Dn,
670
+ red: $n,
671
+ green: Mn,
672
+ yellow: Hn,
673
+ input: In,
688
674
  main: Rn,
689
- text: In
690
- }, En = "data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='0.5'%20width='16'%20height='16'%20fill='url(%23pattern0_4042_718)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_4042_718'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_4042_718'%20transform='scale(0.015625)'/%3e%3c/pattern%3e%3cimage%20id='image0_4042_718'%20width='64'%20height='64'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e", On = ["red", "yellow", "green"], Un = () => /* @__PURE__ */ e.jsxs("div", { className: Q.header, children: [
691
- /* @__PURE__ */ e.jsx("div", { className: Q.circles, children: On.map((t) => /* @__PURE__ */ e.jsx(
675
+ text: En
676
+ }, On = "data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='0.5'%20width='16'%20height='16'%20fill='url(%23pattern0_4042_718)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_4042_718'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_4042_718'%20transform='scale(0.015625)'/%3e%3c/pattern%3e%3cimage%20id='image0_4042_718'%20width='64'%20height='64'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e", Un = ["red", "yellow", "green"], qn = () => /* @__PURE__ */ e.jsxs("div", { className: Q.header, children: [
677
+ /* @__PURE__ */ e.jsx("div", { className: Q.circles, children: Un.map((t) => /* @__PURE__ */ e.jsx(
692
678
  "div",
693
679
  {
694
- className: P(Q.circle, {
680
+ className: F(Q.circle, {
695
681
  [Q.red]: t === "red",
696
682
  [Q.yellow]: t === "yellow",
697
683
  [Q.green]: t === "green"
@@ -704,13 +690,13 @@ const Dt = () => {
704
690
  /* @__PURE__ */ e.jsx(
705
691
  "img",
706
692
  {
707
- src: En,
693
+ src: On,
708
694
  alt: ""
709
695
  }
710
696
  ),
711
697
  /* @__PURE__ */ e.jsx("span", { className: Q.text, children: "lorem.ipsum" }),
712
698
  /* @__PURE__ */ e.jsx(
713
- _,
699
+ C,
714
700
  {
715
701
  name: "Lock",
716
702
  fill: "#757575",
@@ -720,7 +706,7 @@ const Dt = () => {
720
706
  )
721
707
  ] }),
722
708
  /* @__PURE__ */ e.jsx(
723
- _,
709
+ C,
724
710
  {
725
711
  name: "Copy",
726
712
  width: 20,
@@ -728,71 +714,71 @@ const Dt = () => {
728
714
  }
729
715
  )
730
716
  ] })
731
- ] }), qn = "_content_glpob_1", Gn = "_main_glpob_9", zn = "_block_glpob_13", Wn = "_active_glpob_20", Vn = "_name_glpob_24", Xn = "_empty_glpob_38", Qn = "_icon_glpob_49", Kn = "_title_glpob_62", Yn = "_text_glpob_68", Jn = "_sections_glpob_74", Zn = "_section_glpob_74", ie = {
732
- content: qn,
733
- main: Gn,
734
- block: zn,
735
- active: Wn,
736
- name: Vn,
737
- empty: Xn,
738
- icon: Qn,
739
- title: Kn,
740
- text: Yn,
741
- sections: Jn,
742
- section: Zn
743
- }, eo = "_sidebar_1cz73_1", to = "_content_1cz73_14", no = "_button_1cz73_24", oo = "_moveButton_1cz73_34", so = "_border_1cz73_38", ro = "_deleteButton_1cz73_42", H = {
744
- sidebar: eo,
745
- content: to,
746
- button: no,
747
- moveButton: oo,
748
- border: so,
717
+ ] }), Gn = "_content_glpob_1", zn = "_main_glpob_9", Wn = "_block_glpob_13", Vn = "_active_glpob_20", Xn = "_name_glpob_24", Qn = "_empty_glpob_38", Kn = "_icon_glpob_49", Yn = "_title_glpob_62", Jn = "_text_glpob_68", Zn = "_sections_glpob_74", eo = "_section_glpob_74", ie = {
718
+ content: Gn,
719
+ main: zn,
720
+ block: Wn,
721
+ active: Vn,
722
+ name: Xn,
723
+ empty: Qn,
724
+ icon: Kn,
725
+ title: Yn,
726
+ text: Jn,
727
+ sections: Zn,
728
+ section: eo
729
+ }, to = "_sidebar_1cz73_1", no = "_content_1cz73_14", oo = "_button_1cz73_24", so = "_moveButton_1cz73_34", ao = "_border_1cz73_38", ro = "_deleteButton_1cz73_42", I = {
730
+ sidebar: to,
731
+ content: no,
732
+ button: oo,
733
+ moveButton: so,
734
+ border: ao,
749
735
  deleteButton: ro
750
- }, ao = () => {
751
- const { activeBlock: t } = Z(), { blocks: n, removeBlock: o, moveBlock: s, duplicateBlock: i } = F(), { currentPage: a, pages: r } = T(), l = r && r[a] ? Object.keys(n[r[a].path]) : [], d = l.indexOf(t), C = () => {
752
- d > 0 && r && s(r[a].path, d, d - 1);
736
+ }, io = () => {
737
+ const { activeBlock: t } = Z(), { blocks: n, removeBlock: o, moveBlock: s, duplicateBlock: i } = $(), { currentPage: r, pages: a } = D(), l = a && a[r] ? Object.keys(n[a[r].path]) : [], d = l.indexOf(t), _ = () => {
738
+ d > 0 && a && s(a[r].path, d, d - 1);
753
739
  }, u = () => {
754
- d < l.length - 1 && r && s(r[a].path, d, d + 1);
755
- }, m = () => {
756
- r && i(r[a].path, t);
740
+ d < l.length - 1 && a && s(a[r].path, d, d + 1);
741
+ }, g = () => {
742
+ a && i(a[r].path, t);
757
743
  };
758
- return /* @__PURE__ */ e.jsx("div", { className: H.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: H.content, children: [
744
+ return /* @__PURE__ */ e.jsx("div", { className: I.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: I.content, children: [
759
745
  /* @__PURE__ */ e.jsx(
760
746
  "button",
761
747
  {
762
- onClick: C,
763
- className: P(H.button, H.moveButton),
748
+ onClick: _,
749
+ className: F(I.button, I.moveButton),
764
750
  disabled: d === 0,
765
- children: /* @__PURE__ */ e.jsx(_, { name: "ArrowUp" })
751
+ children: /* @__PURE__ */ e.jsx(C, { name: "ArrowUp" })
766
752
  }
767
753
  ),
768
754
  /* @__PURE__ */ e.jsx(
769
755
  "button",
770
756
  {
771
757
  onClick: u,
772
- className: P(H.button, H.moveButton),
758
+ className: F(I.button, I.moveButton),
773
759
  disabled: d === l.length - 1,
774
- children: /* @__PURE__ */ e.jsx(_, { name: "ArrowDown" })
760
+ children: /* @__PURE__ */ e.jsx(C, { name: "ArrowDown" })
775
761
  }
776
762
  ),
777
- /* @__PURE__ */ e.jsx("div", { className: H.border }),
763
+ /* @__PURE__ */ e.jsx("div", { className: I.border }),
778
764
  /* @__PURE__ */ e.jsx(
779
765
  "button",
780
766
  {
781
- onClick: m,
782
- className: P(H.button, H.moveButton),
783
- children: /* @__PURE__ */ e.jsx(_, { name: "Copy" })
767
+ onClick: g,
768
+ className: F(I.button, I.moveButton),
769
+ children: /* @__PURE__ */ e.jsx(C, { name: "Copy" })
784
770
  }
785
771
  ),
786
- /* @__PURE__ */ e.jsx("div", { className: H.border }),
772
+ /* @__PURE__ */ e.jsx("div", { className: I.border }),
787
773
  /* @__PURE__ */ e.jsx(
788
774
  "button",
789
775
  {
790
776
  onClick: () => {
791
- r && o(r[a].path, t);
777
+ a && o(a[r].path, t);
792
778
  },
793
- className: P(H.button, H.deleteButton),
779
+ className: F(I.button, I.deleteButton),
794
780
  children: /* @__PURE__ */ e.jsx(
795
- _,
781
+ C,
796
782
  {
797
783
  name: "Trash",
798
784
  hoverable: !0
@@ -801,11 +787,11 @@ const Dt = () => {
801
787
  }
802
788
  )
803
789
  ] }) });
804
- }, io = S.memo(() => {
805
- const { setActiveBlock: t, activeBlock: n } = Z(), { blocks: o, sourceBlocks: s } = X(), { blocks: i } = F(), { settings: a } = J(), { currentPage: r, pages: l, setIsOpenSelectModal: d, pageContext: C } = T(), u = S.useRef(n);
806
- S.useEffect(() => {
790
+ }, lo = p.memo(() => {
791
+ const { setActiveBlock: t, activeBlock: n } = Z(), { blocks: o, sourceBlocks: s } = X(), { blocks: i } = $(), { settings: r } = Y(), { currentPage: a, pages: l, setIsOpenSelectModal: d, pageContext: _ } = D(), u = p.useRef(n);
792
+ p.useEffect(() => {
807
793
  u.current = n;
808
- }, [n]), S.useEffect(() => {
794
+ }, [n]), p.useEffect(() => {
809
795
  const c = () => {
810
796
  u.current && t(null);
811
797
  };
@@ -813,19 +799,19 @@ const Dt = () => {
813
799
  document.body.removeEventListener("click", c);
814
800
  };
815
801
  }, []);
816
- const m = (c) => {
802
+ const g = (c) => {
817
803
  if (!c || !c.name)
818
804
  return /* @__PURE__ */ e.jsx(Ce, { error: "Block or block.name is undefined." });
819
805
  if (!o || !o[c.name])
820
806
  return /* @__PURE__ */ e.jsx(Ce, { error: `Block "${c.name}" does not exist in blocks.` });
821
- const p = new o[c.name]();
822
- return c.value && Object.assign(p, c.value), p.renderBlock(a, C);
807
+ const w = new o[c.name]();
808
+ return c.value && Object.assign(w, c.value), w.renderBlock(r, _);
823
809
  };
824
810
  function h(c) {
825
811
  if (!s || !s[c])
826
812
  return "unknown name";
827
- const p = new s[c]();
828
- return !p.blockSettings || !p.blockSettings.displayName ? "unknown name" : p.blockSettings.displayName;
813
+ const w = new s[c]();
814
+ return !w.blockSettings || !w.blockSettings.displayName ? "unknown name" : w.blockSettings.displayName;
829
815
  }
830
816
  return /* @__PURE__ */ e.jsxs(
831
817
  "div",
@@ -835,40 +821,40 @@ const Dt = () => {
835
821
  },
836
822
  className: ie.content,
837
823
  children: [
838
- /* @__PURE__ */ e.jsx(Ge, {}),
839
- /* @__PURE__ */ e.jsx("div", { className: ie.main, children: l && l[r] && i[l[r].path] && Object.keys(i[l[r].path]).map((c) => /* @__PURE__ */ e.jsxs(
824
+ /* @__PURE__ */ e.jsx(We, {}),
825
+ /* @__PURE__ */ e.jsx("div", { className: ie.main, children: l && l[a] && i[l[a].path] && Object.keys(i[l[a].path]).map((c) => /* @__PURE__ */ e.jsxs(
840
826
  "div",
841
827
  {
842
828
  onClick: () => t(c),
843
- className: P(ie.block, {
829
+ className: F(ie.block, {
844
830
  [ie.active]: n === c
845
831
  }),
846
832
  children: [
847
- n === c && /* @__PURE__ */ e.jsx("div", { className: ie.name, children: h(i[l[r].path][c].name) }),
848
- n === c && h(i[l[r].path][c].name) !== "unknown name" && /* @__PURE__ */ e.jsx(ao, {}),
833
+ n === c && /* @__PURE__ */ e.jsx("div", { className: ie.name, children: h(i[l[a].path][c].name) }),
834
+ n === c && h(i[l[a].path][c].name) !== "unknown name" && /* @__PURE__ */ e.jsx(io, {}),
849
835
  o && /* @__PURE__ */ e.jsx(
850
- Ue,
836
+ Ge,
851
837
  {
852
- render: m,
853
- block: i[l[r].path][c]
838
+ render: g,
839
+ block: i[l[a].path][c]
854
840
  }
855
841
  )
856
842
  ]
857
843
  },
858
844
  c
859
845
  )) }),
860
- /* @__PURE__ */ e.jsx(qe, {})
846
+ /* @__PURE__ */ e.jsx(ze, {})
861
847
  ]
862
848
  }
863
849
  );
864
- }), lo = "_results_12p5x_1", co = "_name_12p5x_8", uo = "_product_12p5x_15", me = {
865
- results: lo,
866
- name: co,
867
- product: uo
868
- }, ho = "_search_186hm_1", go = "_input_186hm_13", De = {
869
- search: ho,
870
- input: go
871
- }, po = () => /* @__PURE__ */ e.jsxs("label", { className: De.search, children: [
850
+ }), co = "_results_12p5x_1", uo = "_name_12p5x_8", ho = "_product_12p5x_15", me = {
851
+ results: co,
852
+ name: uo,
853
+ product: ho
854
+ }, go = "_search_186hm_1", po = "_input_186hm_13", De = {
855
+ search: go,
856
+ input: po
857
+ }, mo = () => /* @__PURE__ */ e.jsxs("label", { className: De.search, children: [
872
858
  /* @__PURE__ */ e.jsx(
873
859
  "input",
874
860
  {
@@ -878,106 +864,106 @@ const Dt = () => {
878
864
  }
879
865
  ),
880
866
  /* @__PURE__ */ e.jsx(
881
- _,
867
+ C,
882
868
  {
883
869
  name: "MagnifyingGlass",
884
870
  fill: "#757575"
885
871
  }
886
872
  )
887
- ] }), ze = () => {
888
- const { blocks: t, sourceBlocks: n, setActiveBlock: o } = X(), { hideModal: s } = we();
873
+ ] }), Ve = () => {
874
+ const { blocks: t, sourceBlocks: n, setActiveBlock: o } = X(), { hideModal: s } = xe();
889
875
  function i(l) {
890
876
  o(l), s();
891
877
  }
892
- function a(l) {
878
+ function r(l) {
893
879
  if (!n || !n[l])
894
880
  return "unknown name";
895
881
  const d = new n[l]();
896
882
  return !d.blockSettings || !d.blockSettings.displayName ? "unknown name" : d.blockSettings.displayName;
897
883
  }
898
- function r(l) {
884
+ function a(l) {
899
885
  if (n)
900
886
  return new n[l]().blockSettings.isAddable;
901
887
  }
902
888
  return /* @__PURE__ */ e.jsxs("div", { className: me.add, children: [
903
- /* @__PURE__ */ e.jsx(po, {}),
889
+ /* @__PURE__ */ e.jsx(mo, {}),
904
890
  /* @__PURE__ */ e.jsx("div", { className: me.results, children: t && Object.keys(t).map((l) => {
905
- if (r(l))
891
+ if (a(l))
906
892
  return /* @__PURE__ */ e.jsxs(
907
893
  "div",
908
894
  {
909
895
  className: me.product,
910
896
  onClick: () => i(l),
911
897
  children: [
912
- /* @__PURE__ */ e.jsx("span", { className: me.name, children: a(l) }),
913
- /* @__PURE__ */ e.jsx(_, { name: "CaretRight" })
898
+ /* @__PURE__ */ e.jsx("span", { className: me.name, children: r(l) }),
899
+ /* @__PURE__ */ e.jsx(C, { name: "CaretRight" })
914
900
  ]
915
901
  },
916
902
  l
917
903
  );
918
904
  }) })
919
905
  ] });
920
- }, mo = () => {
906
+ }, So = () => {
921
907
  const {
922
908
  modalPosition: t,
923
909
  color: n,
924
910
  initialColor: o,
925
911
  setShowModal: s,
926
912
  hue: i,
927
- saturation: a,
928
- brightness: r,
913
+ saturation: r,
914
+ brightness: a,
929
915
  dragging: l,
930
916
  setDragging: d,
931
- setHue: C,
917
+ setHue: _,
932
918
  setSaturation: u,
933
- setBrightness: m,
919
+ setBrightness: g,
934
920
  colorChange: h,
935
921
  setColor: c,
936
- update: p
937
- } = Ie(), x = (b) => {
938
- const { offsetX: v, offsetY: k } = b.nativeEvent;
939
- d(!0), L(v, k, b.currentTarget);
940
- }, f = (b) => {
922
+ update: w
923
+ } = Ee(), j = (S) => {
924
+ const { offsetX: y, offsetY: B } = S.nativeEvent;
925
+ d(!0), k(y, B, S.currentTarget);
926
+ }, L = (S) => {
941
927
  if (l) {
942
- const v = document.querySelector(`.${G.colorMap}`), { left: k, top: y } = v.getBoundingClientRect(), g = b.clientX - k, B = b.clientY - y;
943
- L(g, B, v);
928
+ const y = document.querySelector(`.${G.colorMap}`), { left: B, top: A } = y.getBoundingClientRect(), b = S.clientX - B, P = S.clientY - A;
929
+ k(b, P, y);
944
930
  }
945
- }, w = () => {
931
+ }, x = () => {
946
932
  d(!1);
947
- }, L = (b, v, k) => {
948
- const { width: y, height: g } = k.getBoundingClientRect(), B = Math.max(0, Math.min(b / y * 100, 100)), q = Math.max(0, Math.min(100 - v / g * 100, 100));
949
- u(B), m(q), A(B, q);
950
- }, A = (b, v) => {
951
- const k = j(i, b, v);
952
- h(k), c(k);
953
- }, M = (b, v, k) => {
954
- v /= 100, k /= 100;
955
- const y = (ue) => (ue + b / 60) % 6, g = (ue) => k * (1 - v * Math.max(0, Math.min(y(ue), 4 - y(ue), 1))), B = Math.round(255 * g(5)), q = Math.round(255 * g(3)), Xe = Math.round(255 * g(1));
956
- return { r: B, g: q, b: Xe };
957
- }, N = (b, v, k) => {
958
- const y = (g) => g.toString(16).padStart(2, "0");
959
- return `#${y(b)}${y(v)}${y(k)}`;
960
- }, j = (b, v, k) => {
961
- const { r: y, g, b: B } = M(b, v, k);
962
- return N(y, g, B);
933
+ }, k = (S, y, B) => {
934
+ const { width: A, height: b } = B.getBoundingClientRect(), P = Math.max(0, Math.min(S / A * 100, 100)), T = Math.max(0, Math.min(100 - y / b * 100, 100));
935
+ u(P), g(T), f(P, T);
936
+ }, f = (S, y) => {
937
+ const B = N(i, S, y);
938
+ h(B), c(B);
939
+ }, v = (S, y, B) => {
940
+ y /= 100, B /= 100;
941
+ const A = (ue) => (ue + S / 60) % 6, b = (ue) => B * (1 - y * Math.max(0, Math.min(A(ue), 4 - A(ue), 1))), P = Math.round(255 * b(5)), T = Math.round(255 * b(3)), Ke = Math.round(255 * b(1));
942
+ return { r: P, g: T, b: Ke };
943
+ }, m = (S, y, B) => {
944
+ const A = (b) => b.toString(16).padStart(2, "0");
945
+ return `#${A(S)}${A(y)}${A(B)}`;
946
+ }, N = (S, y, B) => {
947
+ const { r: A, g: b, b: P } = v(S, y, B);
948
+ return m(A, b, P);
963
949
  };
964
- S.useEffect(() => {
965
- const b = (k) => f(k), v = () => w();
966
- return l ? (document.addEventListener("mousemove", b), document.addEventListener("mouseup", v)) : (document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", v)), () => {
967
- document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", v);
950
+ p.useEffect(() => {
951
+ const S = (B) => L(B), y = () => x();
952
+ return l ? (document.addEventListener("mousemove", S), document.addEventListener("mouseup", y)) : (document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", y)), () => {
953
+ document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", y);
968
954
  };
969
955
  }, [l]);
970
- function D() {
971
- p(n), s(!1);
956
+ function M() {
957
+ w(n), s(!1);
972
958
  }
973
- function U() {
959
+ function q() {
974
960
  s(!1), h(o);
975
961
  }
976
962
  return /* @__PURE__ */ e.jsxs(
977
963
  "div",
978
964
  {
979
965
  className: G.modal,
980
- onClick: (b) => b.stopPropagation(),
966
+ onClick: (S) => S.stopPropagation(),
981
967
  style: {
982
968
  top: `${t.top}px`,
983
969
  left: `${t.left}px`
@@ -988,7 +974,7 @@ const Dt = () => {
988
974
  "div",
989
975
  {
990
976
  className: G.colorMap,
991
- onMouseDown: x,
977
+ onMouseDown: j,
992
978
  style: {
993
979
  background: `
994
980
  linear-gradient(to top, black, transparent),
@@ -1001,8 +987,8 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1001
987
  className: G.indicator,
1002
988
  style: {
1003
989
  position: "absolute",
1004
- left: `${a}%`,
1005
- top: `${100 - r}%`,
990
+ left: `${r}%`,
991
+ top: `${100 - a}%`,
1006
992
  transform: "translate(-50%, -50%)"
1007
993
  }
1008
994
  }
@@ -1016,25 +1002,25 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1016
1002
  min: "0",
1017
1003
  max: "360",
1018
1004
  value: i,
1019
- onChange: (b) => {
1020
- C(Number(b.target.value)), A(a, r);
1005
+ onChange: (S) => {
1006
+ _(Number(S.target.value)), f(r, a);
1021
1007
  },
1022
1008
  className: G.slider
1023
1009
  }
1024
1010
  ) }),
1025
1011
  /* @__PURE__ */ e.jsxs("div", { className: G.buttons, children: [
1026
1012
  /* @__PURE__ */ e.jsx(
1027
- Y,
1013
+ J,
1028
1014
  {
1029
- onClick: U,
1030
- className: P(G.applyButton, G.cancelButton),
1015
+ onClick: q,
1016
+ className: F(G.applyButton, G.cancelButton),
1031
1017
  children: "Cancel"
1032
1018
  }
1033
1019
  ),
1034
1020
  /* @__PURE__ */ e.jsx(
1035
- Y,
1021
+ J,
1036
1022
  {
1037
- onClick: D,
1023
+ onClick: M,
1038
1024
  className: G.applyButton,
1039
1025
  children: "Apply"
1040
1026
  }
@@ -1043,27 +1029,27 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1043
1029
  ]
1044
1030
  }
1045
1031
  );
1046
- }, So = () => {
1032
+ }, bo = () => {
1047
1033
  const { onPreview: t } = Z(), {
1048
1034
  // hoverBlockId,
1049
1035
  isModalVisible: n
1050
1036
  // isPreviewVisible
1051
- } = we(), {
1037
+ } = xe(), {
1052
1038
  // currentPage,
1053
1039
  // pages,
1054
1040
  pageContext: o
1055
- } = T(), { showModal: s } = Ie(), [i, a] = S.useState(!0), { currentDevice: r } = Re();
1056
- S.useEffect(() => {
1041
+ } = D(), { showModal: s } = Ee(), [i, r] = p.useState(!0), { currentDevice: a } = Ie();
1042
+ p.useEffect(() => {
1057
1043
  t && o.general && setTimeout(() => {
1058
- a(!1);
1044
+ r(!1);
1059
1045
  }, 100);
1060
1046
  }, [t, o]);
1061
1047
  function l() {
1062
- return r.value === "desktop" ? "100%" : r.value === "tablet" ? "768px" : "425px";
1048
+ return a.value === "desktop" ? "100%" : a.value === "tablet" ? "768px" : "425px";
1063
1049
  }
1064
1050
  return /* @__PURE__ */ e.jsxs("div", { className: pe.preview, children: [
1065
- n && /* @__PURE__ */ e.jsx(ot, { children: /* @__PURE__ */ e.jsx(ze, {}) }),
1066
- s && /* @__PURE__ */ e.jsx(mo, {}),
1051
+ n && /* @__PURE__ */ e.jsx(at, { children: /* @__PURE__ */ e.jsx(Ve, {}) }),
1052
+ s && /* @__PURE__ */ e.jsx(So, {}),
1067
1053
  t && /* @__PURE__ */ e.jsxs(
1068
1054
  "div",
1069
1055
  {
@@ -1072,121 +1058,121 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1072
1058
  width: l()
1073
1059
  },
1074
1060
  children: [
1075
- /* @__PURE__ */ e.jsx(Un, {}),
1076
- /* @__PURE__ */ e.jsx("div", { className: pe.content, children: i ? /* @__PURE__ */ e.jsx("div", { className: pe.loading, children: /* @__PURE__ */ e.jsx(Ae, {}) }) : /* @__PURE__ */ e.jsx(io, {}) })
1061
+ /* @__PURE__ */ e.jsx(qn, {}),
1062
+ /* @__PURE__ */ e.jsx("div", { className: pe.content, children: i ? /* @__PURE__ */ e.jsx("div", { className: pe.loading, children: /* @__PURE__ */ e.jsx(we, {}) }) : /* @__PURE__ */ e.jsx(lo, {}) })
1077
1063
  ]
1078
1064
  }
1079
1065
  )
1080
1066
  ] });
1081
- }, bo = "_sidebar_1yyyy_1", Co = "_title_1yyyy_10", fo = "_active_1yyyy_18", $e = {
1082
- sidebar: bo,
1067
+ }, fo = "_sidebar_1yyyy_1", Co = "_title_1yyyy_10", _o = "_active_1yyyy_18", $e = {
1068
+ sidebar: fo,
1083
1069
  title: Co,
1084
- active: fo
1085
- }, _o = "_layers_1on0q_1", wo = "_block_1on0q_9", vo = "_dragging_1on0q_25", xo = "_active_1on0q_33", ko = "_add_1on0q_37", yo = "_button_1on0q_51", jo = "_empty_1on0q_66", Bo = "_title_1on0q_78", Ao = "_icon_1on0q_85", Po = "_text_1on0q_89", Lo = "_highlight_1on0q_95", se = {
1086
- layers: _o,
1087
- block: wo,
1088
- dragging: vo,
1089
- active: xo,
1090
- add: ko,
1070
+ active: _o
1071
+ }, wo = "_layers_1on0q_1", vo = "_block_1on0q_9", xo = "_dragging_1on0q_25", ko = "_active_1on0q_33", jo = "_add_1on0q_37", yo = "_button_1on0q_51", Bo = "_empty_1on0q_66", Ao = "_title_1on0q_78", Po = "_icon_1on0q_85", Lo = "_text_1on0q_89", No = "_highlight_1on0q_95", se = {
1072
+ layers: wo,
1073
+ block: vo,
1074
+ dragging: xo,
1075
+ active: ko,
1076
+ add: jo,
1091
1077
  button: yo,
1092
- empty: jo,
1093
- title: Bo,
1094
- icon: Ao,
1095
- text: Po,
1096
- highlight: Lo
1097
- }, No = "_block_586dq_1", Me = {
1098
- block: No
1099
- }, To = () => {
1100
- const { setCurrentBlock: t } = F(), { activeBlock: n } = Z();
1078
+ empty: Bo,
1079
+ title: Ao,
1080
+ icon: Po,
1081
+ text: Lo,
1082
+ highlight: No
1083
+ }, To = "_block_586dq_1", Me = {
1084
+ block: To
1085
+ }, Fo = () => {
1086
+ const { setCurrentBlock: t } = $(), { activeBlock: n } = Z();
1101
1087
  function o(s) {
1102
1088
  t(s);
1103
1089
  }
1104
1090
  return /* @__PURE__ */ e.jsxs(
1105
1091
  "div",
1106
1092
  {
1107
- className: P(Me.block, {
1093
+ className: F(Me.block, {
1108
1094
  [Me.active]: n === "header"
1109
1095
  }),
1110
1096
  onClick: () => o("header"),
1111
1097
  children: [
1112
- /* @__PURE__ */ e.jsx(_, { name: "Cards" }),
1098
+ /* @__PURE__ */ e.jsx(C, { name: "Cards" }),
1113
1099
  /* @__PURE__ */ e.jsx("span", { children: "Header" })
1114
1100
  ]
1115
1101
  }
1116
1102
  );
1117
- }, Fo = "_block_586dq_1", He = {
1118
- block: Fo
1119
- }, Do = () => {
1120
- const { activeBlock: t } = Z(), { setCurrentBlock: n } = F();
1103
+ }, Do = "_block_586dq_1", He = {
1104
+ block: Do
1105
+ }, $o = () => {
1106
+ const { activeBlock: t } = Z(), { setCurrentBlock: n } = $();
1121
1107
  function o(s) {
1122
1108
  n(s);
1123
1109
  }
1124
1110
  return /* @__PURE__ */ e.jsxs(
1125
1111
  "div",
1126
1112
  {
1127
- className: P(He.block, {
1113
+ className: F(He.block, {
1128
1114
  [He.active]: t === "footer"
1129
1115
  }),
1130
1116
  onClick: () => o("footer"),
1131
1117
  children: [
1132
- /* @__PURE__ */ e.jsx(_, { name: "Cards" }),
1118
+ /* @__PURE__ */ e.jsx(C, { name: "Cards" }),
1133
1119
  /* @__PURE__ */ e.jsx("span", { children: "Footer" })
1134
1120
  ]
1135
1121
  }
1136
1122
  );
1137
- }, $o = ({ id: t, name: n, index: o, moveBlock: s, onClick: i }) => {
1138
- const { currentPage: a, pages: r } = T(), { activeBlock: l } = Z(), {
1123
+ }, Mo = ({ id: t, name: n, index: o, moveBlock: s, onClick: i }) => {
1124
+ const { currentPage: r, pages: a } = D(), { activeBlock: l } = Z(), {
1139
1125
  showPreview: d,
1140
- hidePreview: C,
1126
+ hidePreview: _,
1141
1127
  showModal: u,
1142
- hideModal: m,
1128
+ hideModal: g,
1143
1129
  clearHideTimeout: h,
1144
1130
  startHideTimeout: c,
1145
- hoverBlockId: p,
1146
- isModalVisible: x
1147
- } = we(), { setPositionBlock: f } = F(), [w, L] = S.useState(!1), A = () => {
1148
- x && m(), d(t), L(!0), h();
1149
- }, M = (b) => {
1150
- b.stopPropagation(), C(), u(t), h(), f(o + 1);
1151
- }, N = () => {
1152
- x ? c() : (L(!1), C());
1131
+ hoverBlockId: w,
1132
+ isModalVisible: j
1133
+ } = xe(), { setPositionBlock: L } = $(), [x, k] = p.useState(!1), f = () => {
1134
+ j && g(), d(t), k(!0), h();
1135
+ }, v = (S) => {
1136
+ S.stopPropagation(), _(), u(t), h(), L(o + 1);
1137
+ }, m = () => {
1138
+ j ? c() : (k(!1), _());
1153
1139
  };
1154
- S.useEffect(() => {
1155
- x || L(!1);
1156
- }, [x]);
1157
- const [, j] = at({
1140
+ p.useEffect(() => {
1141
+ j || k(!1);
1142
+ }, [j]);
1143
+ const [, N] = lt({
1158
1144
  accept: "block",
1159
- hover(b) {
1160
- b.index !== o && r && (s(r[a].path, b.index, o), b.index = o);
1145
+ hover(S) {
1146
+ S.index !== o && a && (s(a[r].path, S.index, o), S.index = o);
1161
1147
  }
1162
- }), [{ isDragging: D }, U] = it({
1148
+ }), [{ isDragging: M }, q] = ct({
1163
1149
  type: "block",
1164
1150
  item: { id: t, index: o },
1165
- collect: (b) => ({
1166
- isDragging: b.isDragging()
1151
+ collect: (S) => ({
1152
+ isDragging: S.isDragging()
1167
1153
  })
1168
1154
  });
1169
1155
  return /* @__PURE__ */ e.jsxs(
1170
1156
  "div",
1171
1157
  {
1172
- ref: (b) => U(j(b)),
1173
- className: P(se.block, {
1174
- [se.dragging]: D,
1175
- [se.active]: !D && l === t
1158
+ ref: (S) => q(N(S)),
1159
+ className: F(se.block, {
1160
+ [se.dragging]: M,
1161
+ [se.active]: !M && l === t
1176
1162
  }),
1177
1163
  onClick: () => i(t),
1178
- onMouseEnter: A,
1179
- onMouseLeave: N,
1164
+ onMouseEnter: f,
1165
+ onMouseLeave: m,
1180
1166
  children: [
1181
- /* @__PURE__ */ e.jsx(_, { name: "Cards" }),
1167
+ /* @__PURE__ */ e.jsx(C, { name: "Cards" }),
1182
1168
  /* @__PURE__ */ e.jsx("span", { children: n }),
1183
- (w || p === t) && !D && /* @__PURE__ */ e.jsx("div", { className: se.add, children: /* @__PURE__ */ e.jsx(
1169
+ (x || w === t) && !M && /* @__PURE__ */ e.jsx("div", { className: se.add, children: /* @__PURE__ */ e.jsx(
1184
1170
  "button",
1185
1171
  {
1186
1172
  className: se.button,
1187
- onClick: (b) => M(b),
1173
+ onClick: (S) => v(S),
1188
1174
  children: /* @__PURE__ */ e.jsx(
1189
- _,
1175
+ C,
1190
1176
  {
1191
1177
  name: "Plus",
1192
1178
  fill: "#fff"
@@ -1197,171 +1183,171 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1197
1183
  ]
1198
1184
  }
1199
1185
  );
1200
- }, Mo = () => {
1201
- const { blocks: t, setCurrentBlock: n, moveBlock: o } = F(), { currentPage: s, pages: i } = T(), { setMouseOverModal: a, setHoverBlockId: r } = we();
1186
+ }, Ho = () => {
1187
+ const { blocks: t, setCurrentBlock: n, moveBlock: o } = $(), { currentPage: s, pages: i } = D(), { setMouseOverModal: r, setHoverBlockId: a } = xe();
1202
1188
  function l(u) {
1203
- n(u), a(!1), r(null);
1189
+ n(u), r(!1), a(null);
1204
1190
  }
1205
1191
  const { sourceBlocks: d } = X();
1206
- function C(u) {
1192
+ function _(u) {
1207
1193
  if (!d || !d[u])
1208
1194
  return "unknown name";
1209
- const m = new d[u]();
1210
- return !m.blockSettings || !m.blockSettings.displayName ? "unknown name" : m.blockSettings.displayName;
1195
+ const g = new d[u]();
1196
+ return !g.blockSettings || !g.blockSettings.displayName ? "unknown name" : g.blockSettings.displayName;
1211
1197
  }
1212
1198
  return /* @__PURE__ */ e.jsxs("div", { className: se.layers, children: [
1213
- /* @__PURE__ */ e.jsx(To, {}),
1214
- /* @__PURE__ */ e.jsx(st, { backend: rt, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && i[s] && t[i[s].path] && Object.keys(t[i[s].path]).map((u, m) => /* @__PURE__ */ e.jsx(
1215
- $o,
1199
+ /* @__PURE__ */ e.jsx(Fo, {}),
1200
+ /* @__PURE__ */ e.jsx(rt, { backend: it, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && i[s] && t[i[s].path] && Object.keys(t[i[s].path]).map((u, g) => /* @__PURE__ */ e.jsx(
1201
+ Mo,
1216
1202
  {
1217
1203
  id: u,
1218
- name: C(t[i[s].path][u].name),
1219
- index: m,
1204
+ name: _(t[i[s].path][u].name),
1205
+ index: g,
1220
1206
  moveBlock: o,
1221
1207
  onClick: l
1222
1208
  },
1223
1209
  u
1224
1210
  )) }) }),
1225
- /* @__PURE__ */ e.jsx(Do, {})
1211
+ /* @__PURE__ */ e.jsx($o, {})
1226
1212
  ] });
1227
- }, Ho = ({ isHeader: t }) => {
1228
- const { header: n, footer: o } = F(), { pageContext: s } = T();
1213
+ }, Io = ({ isHeader: t }) => {
1214
+ const { header: n, footer: o } = $(), { pageContext: s } = D();
1229
1215
  return t ? n == null ? void 0 : n.renderSettings(s) : o == null ? void 0 : o.renderSettings(s);
1230
1216
  }, Ro = () => {
1231
- const { settings: t } = J();
1217
+ const { settings: t } = Y();
1232
1218
  return t == null ? void 0 : t.renderSettings();
1233
- }, Io = "_theme_1wwlz_1", Eo = "_block_1wwlz_7", Oo = "_name_1wwlz_22", je = {
1234
- theme: Io,
1235
- block: Eo,
1236
- name: Oo
1237
- }, Uo = () => {
1238
- const { setActiveBlock: t } = $();
1219
+ }, Eo = "_theme_1wwlz_1", Oo = "_block_1wwlz_7", Uo = "_name_1wwlz_22", Ae = {
1220
+ theme: Eo,
1221
+ block: Oo,
1222
+ name: Uo
1223
+ }, qo = () => {
1224
+ const { setActiveBlock: t } = H();
1239
1225
  function n(o) {
1240
1226
  t(o);
1241
1227
  }
1242
- return /* @__PURE__ */ e.jsx("div", { className: je.theme, children: jt.map((o) => /* @__PURE__ */ e.jsxs(
1228
+ return /* @__PURE__ */ e.jsx("div", { className: Ae.theme, children: Bt.map((o) => /* @__PURE__ */ e.jsxs(
1243
1229
  "div",
1244
1230
  {
1245
1231
  onClick: () => n(o),
1246
- className: P(je.block),
1232
+ className: F(Ae.block),
1247
1233
  children: [
1248
- /* @__PURE__ */ e.jsx(_, { name: o.icon }),
1249
- /* @__PURE__ */ e.jsx("span", { className: je.name, children: o.name }),
1250
- /* @__PURE__ */ e.jsx(_, { name: "CaretRight" })
1234
+ /* @__PURE__ */ e.jsx(C, { name: o.icon }),
1235
+ /* @__PURE__ */ e.jsx("span", { className: Ae.name, children: o.name }),
1236
+ /* @__PURE__ */ e.jsx(C, { name: "CaretRight" })
1251
1237
  ]
1252
1238
  },
1253
1239
  o.icon
1254
1240
  )) });
1255
- }, qo = "_back_2jwrk_1", Go = "_render_2jwrk_9", zo = "_open_2jwrk_24", Wo = "_close_2jwrk_51", Vo = "_clicked_2jwrk_55", Xo = "_title_2jwrk_59", Qo = "_button_2jwrk_67", Ko = "_loading_2jwrk_72", Yo = "_settings_2jwrk_76", Jo = "_deleteButton_2jwrk_82", W = {
1256
- back: qo,
1257
- render: Go,
1258
- open: zo,
1259
- close: Wo,
1260
- clicked: Vo,
1261
- title: Xo,
1262
- button: Qo,
1263
- loading: Ko,
1264
- settings: Yo,
1265
- deleteButton: Jo
1266
- }, Zo = ({ block: t }) => {
1241
+ }, Go = "_back_2jwrk_1", zo = "_render_2jwrk_9", Wo = "_open_2jwrk_24", Vo = "_close_2jwrk_51", Xo = "_clicked_2jwrk_55", Qo = "_title_2jwrk_59", Ko = "_button_2jwrk_67", Yo = "_loading_2jwrk_72", Jo = "_settings_2jwrk_76", Zo = "_deleteButton_2jwrk_82", W = {
1242
+ back: Go,
1243
+ render: zo,
1244
+ open: Wo,
1245
+ close: Vo,
1246
+ clicked: Xo,
1247
+ title: Qo,
1248
+ button: Ko,
1249
+ loading: Yo,
1250
+ settings: Jo,
1251
+ deleteButton: Zo
1252
+ }, es = ({ block: t }) => {
1267
1253
  if (!t) return null;
1268
- const { pageContext: n } = T();
1254
+ const { pageContext: n } = D();
1269
1255
  return t.renderSettings(n);
1270
- }, es = (t) => {
1271
- var k, y;
1272
- const { isAdd: n } = t, [o, s] = S.useState(!1), { setActiveBlock: i } = _e(), { sourceBlocks: a, activeBlock: r, setActiveBlock: l, currentInstance: d, setCurrentInstance: C } = X(), {
1256
+ }, ts = (t) => {
1257
+ var B, A;
1258
+ const { isAdd: n } = t, [o, s] = p.useState(!1), { setActiveBlock: i } = ve(), { sourceBlocks: r, activeBlock: a, setActiveBlock: l, currentInstance: d, setCurrentInstance: _ } = X(), {
1273
1259
  blocks: u,
1274
- addBlock: m,
1260
+ addBlock: g,
1275
1261
  editBlock: h,
1276
1262
  currentBlock: c,
1277
- setCurrentBlock: p,
1278
- removeBlock: x,
1279
- setPositionBlock: f,
1280
- setHeader: w,
1281
- setFooter: L,
1282
- header: A,
1283
- footer: M
1284
- } = F(), { currentPage: N, pages: j } = T();
1285
- function D(g = !1) {
1286
- if (!n && j && d && !g) {
1287
- const B = {
1263
+ setCurrentBlock: w,
1264
+ removeBlock: j,
1265
+ setPositionBlock: L,
1266
+ setHeader: x,
1267
+ setFooter: k,
1268
+ header: f,
1269
+ footer: v
1270
+ } = $(), { currentPage: m, pages: N } = D();
1271
+ function M(b = !1) {
1272
+ if (!n && N && d && !b) {
1273
+ const P = {
1288
1274
  blockSettings: {}
1289
1275
  };
1290
- Object.keys(d.blockSettings).filter((q) => !["displayName", "isAddable"].includes(q)).map((q) => {
1291
- B.blockSettings[q] = d.blockSettings[q];
1292
- }), h(j[N].path, c, {
1293
- name: u[j[N].path][c].name,
1294
- value: B
1276
+ Object.keys(d.blockSettings).filter((T) => !["displayName", "isAddable"].includes(T)).map((T) => {
1277
+ P.blockSettings[T] = d.blockSettings[T];
1278
+ }), h(N[m].path, c, {
1279
+ name: u[N[m].path][c].name,
1280
+ value: P
1295
1281
  });
1296
1282
  }
1297
- l(null), p(null), setTimeout(() => {
1283
+ l(null), w(null), setTimeout(() => {
1298
1284
  s(!1);
1299
- }, 150), C(null);
1285
+ }, 150), _(null);
1300
1286
  }
1301
- function U() {
1302
- D(), i({
1287
+ function q() {
1288
+ M(), i({
1303
1289
  name: "Layers",
1304
1290
  icon: "TreeStructure"
1305
- }), C(null);
1291
+ }), _(null);
1306
1292
  }
1307
- function b() {
1308
- var g;
1293
+ function S() {
1294
+ var b;
1309
1295
  if (n)
1310
- return !r || !a[r] ? null : new a[r]();
1296
+ return !a || !r[a] ? null : new r[a]();
1311
1297
  {
1312
- if (!j || !j[N] || !c)
1298
+ if (!N || !N[m] || !c)
1313
1299
  return null;
1314
- const B = u[j[N].path][c];
1315
- return !B || !a[B.name] ? null : new a[B.name]((g = B.value) == null ? void 0 : g.blockSettings);
1300
+ const P = u[N[m].path][c];
1301
+ return !P || !r[P.name] ? null : new r[P.name]((b = P.value) == null ? void 0 : b.blockSettings);
1316
1302
  }
1317
1303
  }
1318
- S.useEffect(() => {
1319
- if (r || c && !["header", "footer"].includes(c)) {
1320
- const g = b();
1321
- C(g);
1304
+ p.useEffect(() => {
1305
+ if (a || c && !["header", "footer"].includes(c)) {
1306
+ const b = S();
1307
+ _(b);
1322
1308
  } else
1323
- C(null);
1324
- }, [r, c]), S.useEffect(() => {
1325
- c === "header" && w(A);
1326
- }, [c, A]), S.useEffect(() => {
1327
- c === "footer" && L(M);
1328
- }, [c, M]);
1329
- function v(g) {
1330
- if (!a)
1309
+ _(null);
1310
+ }, [a, c]), p.useEffect(() => {
1311
+ c === "header" && x(f);
1312
+ }, [c, f]), p.useEffect(() => {
1313
+ c === "footer" && k(v);
1314
+ }, [c, v]);
1315
+ function y(b) {
1316
+ if (!r)
1331
1317
  return "unknown name";
1332
- if (!a[g])
1333
- return c === "header" ? A == null ? void 0 : A.blockSettings.displayName : c === "footer" ? M == null ? void 0 : M.blockSettings.displayName : "unknown name";
1334
- const B = new a[g]();
1335
- return !B.blockSettings || !B.blockSettings.displayName ? "unknown name" : B.blockSettings.displayName;
1318
+ if (!r[b])
1319
+ return c === "header" ? f == null ? void 0 : f.blockSettings.displayName : c === "footer" ? v == null ? void 0 : v.blockSettings.displayName : "unknown name";
1320
+ const P = new r[b]();
1321
+ return !P.blockSettings || !P.blockSettings.displayName ? "unknown name" : P.blockSettings.displayName;
1336
1322
  }
1337
1323
  return /* @__PURE__ */ e.jsxs(
1338
1324
  "div",
1339
1325
  {
1340
- className: P(W.render, {
1341
- [W.open]: c || r,
1342
- [W.close]: !c && !r,
1326
+ className: F(W.render, {
1327
+ [W.open]: c || a,
1328
+ [W.close]: !c && !a,
1343
1329
  [W.clicked]: o
1344
1330
  }),
1345
1331
  children: [
1346
1332
  /* @__PURE__ */ e.jsxs("div", { className: W.back, children: [
1347
1333
  /* @__PURE__ */ e.jsx(
1348
- _,
1334
+ C,
1349
1335
  {
1350
1336
  name: "CaretLeft",
1351
1337
  hoverable: !0,
1352
- onClick: () => D()
1338
+ onClick: () => M()
1353
1339
  }
1354
1340
  ),
1355
- /* @__PURE__ */ e.jsx("h3", { className: W.title, children: r && v(r) || j && j[N] && u[j[N].path] && v((k = u[j[N].path][c]) == null ? void 0 : k.name) || c && O(c) || "Loading" }),
1356
- !n && j && !["header", "footer"].includes(c) && u[j[N].path][c] && v((y = u[j[N].path][c]) == null ? void 0 : y.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
1341
+ /* @__PURE__ */ e.jsx("h3", { className: W.title, children: a && y(a) || N && N[m] && u[N[m].path] && y((B = u[N[m].path][c]) == null ? void 0 : B.name) || c && U(c) || "Loading" }),
1342
+ !n && N && !["header", "footer"].includes(c) && u[N[m].path][c] && y((A = u[N[m].path][c]) == null ? void 0 : A.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
1357
1343
  "button",
1358
1344
  {
1359
1345
  onClick: () => {
1360
- s(!0), x(j[N].path, c), D(!0);
1346
+ s(!0), j(N[m].path, c), M(!0);
1361
1347
  },
1362
1348
  className: W.deleteButton,
1363
1349
  children: /* @__PURE__ */ e.jsx(
1364
- _,
1350
+ C,
1365
1351
  {
1366
1352
  name: "Trash",
1367
1353
  hoverable: !0
@@ -1371,30 +1357,30 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1371
1357
  )
1372
1358
  ] }),
1373
1359
  /* @__PURE__ */ e.jsxs("div", { className: W.settings, children: [
1374
- d && /* @__PURE__ */ e.jsx(Zo, { block: d }),
1375
- c && ["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(Ho, { isHeader: c === "header" }),
1376
- !r && !c && /* @__PURE__ */ e.jsx("div", { className: W.loading, children: "Loading" })
1360
+ d && /* @__PURE__ */ e.jsx(es, { block: d }),
1361
+ c && ["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(Io, { isHeader: c === "header" }),
1362
+ !a && !c && /* @__PURE__ */ e.jsx("div", { className: W.loading, children: "Loading" })
1377
1363
  ] }),
1378
1364
  n && /* @__PURE__ */ e.jsx("div", { className: W.addButton, children: /* @__PURE__ */ e.jsx(
1379
- Y,
1365
+ J,
1380
1366
  {
1381
1367
  style: {
1382
1368
  width: "100%"
1383
1369
  },
1384
1370
  onClick: () => {
1385
- if (s(!0), !["header", "footer"].includes(c) && j) {
1386
- const g = {
1371
+ if (s(!0), !["header", "footer"].includes(c) && N) {
1372
+ const b = {
1387
1373
  blockSettings: {}
1388
1374
  };
1389
- Object.keys(d.blockSettings).filter((B) => !["displayName", "isAddable"].includes(B)).map((B) => {
1390
- g.blockSettings[B] = d.blockSettings[B];
1391
- }), m(j[N].path, {
1392
- name: r,
1393
- value: g
1394
- }), f(null);
1375
+ Object.keys(d.blockSettings).filter((P) => !["displayName", "isAddable"].includes(P)).map((P) => {
1376
+ b.blockSettings[P] = d.blockSettings[P];
1377
+ }), g(N[m].path, {
1378
+ name: a,
1379
+ value: b
1380
+ }), L(null);
1395
1381
  } else
1396
- c === "header" ? w(A) : L(M);
1397
- U();
1382
+ c === "header" ? x(f) : k(v);
1383
+ q();
1398
1384
  },
1399
1385
  children: "Add Section"
1400
1386
  }
@@ -1402,40 +1388,40 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1402
1388
  ]
1403
1389
  }
1404
1390
  );
1405
- }, ts = "_settings_ss3tc_1", ns = "_open_ss3tc_16", os = "_close_ss3tc_20", ss = "_header_ss3tc_24", rs = "_title_ss3tc_31", as = "_addButton_ss3tc_38", le = {
1406
- settings: ts,
1407
- open: ns,
1408
- close: os,
1409
- header: ss,
1391
+ }, ns = "_settings_ss3tc_1", os = "_open_ss3tc_16", ss = "_close_ss3tc_20", as = "_header_ss3tc_24", rs = "_title_ss3tc_31", is = "_addButton_ss3tc_38", le = {
1392
+ settings: ns,
1393
+ open: os,
1394
+ close: ss,
1395
+ header: as,
1410
1396
  title: rs,
1411
- addButton: as
1412
- }, is = "_wrapper_joj7w_1", ls = "_category_joj7w_5", cs = "_categoryTitle_joj7w_11", ds = "_color_joj7w_17", us = "_content_joj7w_26", hs = "_preview_joj7w_35", ee = {
1413
- wrapper: is,
1414
- category: ls,
1415
- categoryTitle: cs,
1416
- color: ds,
1417
- content: us,
1418
- preview: hs
1419
- }, gs = () => {
1420
- const { themeSettings: t, updateColor: n } = $();
1421
- async function o(i, a, r) {
1422
- n(i, a, r);
1397
+ addButton: is
1398
+ }, ls = "_wrapper_joj7w_1", cs = "_category_joj7w_5", ds = "_categoryTitle_joj7w_11", us = "_color_joj7w_17", hs = "_content_joj7w_26", gs = "_preview_joj7w_35", ee = {
1399
+ wrapper: ls,
1400
+ category: cs,
1401
+ categoryTitle: ds,
1402
+ color: us,
1403
+ content: hs,
1404
+ preview: gs
1405
+ }, ps = () => {
1406
+ const { themeSettings: t, updateColor: n } = H();
1407
+ async function o(i, r, a) {
1408
+ n(i, r, a);
1423
1409
  }
1424
- const s = Oe(() => {
1410
+ const s = qe(() => {
1425
1411
  const i = {};
1426
- return Object.entries(t.colors).forEach(([a, r]) => {
1427
- Object.entries(r).forEach(([l, d]) => {
1428
- i[d] || (i[d] = []), i[d].push(`${a}-${l}`);
1412
+ return Object.entries(t.colors).forEach(([r, a]) => {
1413
+ Object.entries(a).forEach(([l, d]) => {
1414
+ i[d] || (i[d] = []), i[d].push(`${r}-${l}`);
1429
1415
  });
1430
- }), Object.keys(i).filter((a) => i[a].length > 1);
1416
+ }), Object.keys(i).filter((r) => i[r].length > 1);
1431
1417
  }, [t.colors]);
1432
- return /* @__PURE__ */ e.jsx("div", { className: ee.wrapper, children: Object.entries(t.colors).map(([i, a]) => /* @__PURE__ */ e.jsxs(
1418
+ return /* @__PURE__ */ e.jsx("div", { className: ee.wrapper, children: Object.entries(t.colors).map(([i, r]) => /* @__PURE__ */ e.jsxs(
1433
1419
  "div",
1434
1420
  {
1435
1421
  className: ee.category,
1436
1422
  children: [
1437
- /* @__PURE__ */ e.jsx("h2", { className: ee.categoryTitle, children: O(i) }),
1438
- Object.entries(a).map(([r, l]) => /* @__PURE__ */ e.jsxs(
1423
+ /* @__PURE__ */ e.jsx("h2", { className: ee.categoryTitle, children: U(i) }),
1424
+ Object.entries(r).map(([a, l]) => /* @__PURE__ */ e.jsxs(
1439
1425
  "div",
1440
1426
  {
1441
1427
  className: ee.color,
@@ -1453,14 +1439,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1453
1439
  /* @__PURE__ */ e.jsx(
1454
1440
  ce,
1455
1441
  {
1456
- title: O(r),
1442
+ title: U(a),
1457
1443
  initialColor: l,
1458
- onChange: (d) => o(i, r, d)
1444
+ onChange: (d) => o(i, a, d)
1459
1445
  }
1460
1446
  )
1461
1447
  ] }),
1462
1448
  s.includes(l) && /* @__PURE__ */ e.jsx(
1463
- lt,
1449
+ Oe,
1464
1450
  {
1465
1451
  type: "warning",
1466
1452
  message: "To avoid contrast problems, please use a different color",
@@ -1471,28 +1457,28 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1471
1457
  )
1472
1458
  ]
1473
1459
  },
1474
- r
1460
+ a
1475
1461
  ))
1476
1462
  ]
1477
1463
  },
1478
1464
  i
1479
1465
  )) });
1480
- }, ps = "_wrapper_dv4am_2", ms = "_category_dv4am_6", Ss = "_categoryTitle_dv4am_12", bs = "_color_dv4am_18", Cs = "_name_dv4am_24", fs = "_content_dv4am_29", _s = "_label_dv4am_36", ws = "_input_dv4am_48", vs = "_title_dv4am_74", xs = "_field_dv4am_82", ks = "_alignments_dv4am_92", ys = "_lineField_dv4am_98", js = "_style_dv4am_106", Bs = "_header_dv4am_113", V = {
1481
- wrapper: ps,
1482
- category: ms,
1483
- categoryTitle: Ss,
1484
- color: bs,
1466
+ }, ms = "_wrapper_dv4am_2", Ss = "_category_dv4am_6", bs = "_categoryTitle_dv4am_12", fs = "_color_dv4am_18", Cs = "_name_dv4am_24", _s = "_content_dv4am_29", ws = "_label_dv4am_36", vs = "_input_dv4am_48", xs = "_title_dv4am_74", ks = "_field_dv4am_82", js = "_alignments_dv4am_92", ys = "_lineField_dv4am_98", Bs = "_style_dv4am_106", As = "_header_dv4am_113", V = {
1467
+ wrapper: ms,
1468
+ category: Ss,
1469
+ categoryTitle: bs,
1470
+ color: fs,
1485
1471
  name: Cs,
1486
- content: fs,
1487
- label: _s,
1488
- input: ws,
1489
- title: vs,
1490
- field: xs,
1491
- alignments: ks,
1472
+ content: _s,
1473
+ label: ws,
1474
+ input: vs,
1475
+ title: xs,
1476
+ field: ks,
1477
+ alignments: js,
1492
1478
  lineField: ys,
1493
- style: js,
1494
- header: Bs
1495
- }, As = ["left", "center", "right"], Ps = ["solid", "dashed"], Se = (t) => {
1479
+ style: Bs,
1480
+ header: As
1481
+ }, Ps = ["left", "center", "right"], Ls = ["solid", "dashed"], Se = (t) => {
1496
1482
  const { title: n, children: o, rightAddon: s } = t;
1497
1483
  return /* @__PURE__ */ e.jsxs("div", { className: V.field, children: [
1498
1484
  /* @__PURE__ */ e.jsxs("div", { className: V.header, children: [
@@ -1501,11 +1487,11 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1501
1487
  ] }),
1502
1488
  o
1503
1489
  ] });
1504
- }, Ls = () => {
1505
- const { themeSettings: t, updateInput: n } = $(), o = Oe(() => t.inputs, [t]), s = (a, r, l) => {
1506
- n(a, r, l);
1507
- }, i = (a) => (r) => {
1508
- n(a, r, "color");
1490
+ }, Ns = () => {
1491
+ const { themeSettings: t, updateInput: n } = H(), o = qe(() => t.inputs, [t]), s = (r, a, l) => {
1492
+ n(r, a, l);
1493
+ }, i = (r) => (a) => {
1494
+ n(r, a, "color");
1509
1495
  };
1510
1496
  return /* @__PURE__ */ e.jsxs("div", { className: V.wrapper, children: [
1511
1497
  /* @__PURE__ */ e.jsxs(Se, { title: "General", children: [
@@ -1514,7 +1500,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1514
1500
  {
1515
1501
  label: "Height (px)",
1516
1502
  value: String(o.general.height),
1517
- onChange: (a) => s("general", a, "height"),
1503
+ onChange: (r) => s("general", r, "height"),
1518
1504
  type: "number",
1519
1505
  min: 0
1520
1506
  }
@@ -1524,22 +1510,22 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1524
1510
  {
1525
1511
  label: "Style name",
1526
1512
  value: o.general.name,
1527
- onChange: (a) => s("general", a, "name")
1513
+ onChange: (r) => s("general", r, "name")
1528
1514
  }
1529
1515
  ),
1530
1516
  /* @__PURE__ */ e.jsx(
1531
- re,
1517
+ ae,
1532
1518
  {
1533
1519
  label: "Font Size (px)",
1534
- onChange: (a) => s("general", a, "size"),
1520
+ onChange: (r) => s("general", r, "size"),
1535
1521
  value: String(o.general.size),
1536
- options: fe
1522
+ options: _e
1537
1523
  }
1538
1524
  ),
1539
1525
  /* @__PURE__ */ e.jsx(
1540
1526
  ce,
1541
1527
  {
1542
- initialColor: O(o.general.color),
1528
+ initialColor: U(o.general.color),
1543
1529
  onChange: i("general"),
1544
1530
  title: "Font Color",
1545
1531
  labelStyle: "secondary"
@@ -1553,7 +1539,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1553
1539
  rightAddon: /* @__PURE__ */ e.jsx("div", { className: V.switch, children: /* @__PURE__ */ e.jsx(
1554
1540
  Le,
1555
1541
  {
1556
- onChange: (a) => s("field", a, "active"),
1542
+ onChange: (r) => s("field", r, "active"),
1557
1543
  current: o.field.active
1558
1544
  }
1559
1545
  ) }),
@@ -1561,7 +1547,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1561
1547
  /* @__PURE__ */ e.jsx(
1562
1548
  ce,
1563
1549
  {
1564
- initialColor: O(o.field.color),
1550
+ initialColor: U(o.field.color),
1565
1551
  onChange: i("field"),
1566
1552
  title: "Color",
1567
1553
  labelStyle: "secondary"
@@ -1572,7 +1558,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1572
1558
  {
1573
1559
  label: "Opacity (%)",
1574
1560
  value: String(o.field.opacity),
1575
- onChange: (a) => s("field", a, "opacity"),
1561
+ onChange: (r) => s("field", r, "opacity"),
1576
1562
  type: "number",
1577
1563
  min: 0
1578
1564
  }
@@ -1587,7 +1573,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1587
1573
  rightAddon: /* @__PURE__ */ e.jsx("div", { className: V.switch, children: /* @__PURE__ */ e.jsx(
1588
1574
  Le,
1589
1575
  {
1590
- onChange: (a) => s("border", a, "active"),
1576
+ onChange: (r) => s("border", r, "active"),
1591
1577
  current: o.border.active
1592
1578
  }
1593
1579
  ) }),
@@ -1598,10 +1584,10 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1598
1584
  /* @__PURE__ */ e.jsx(
1599
1585
  Ne,
1600
1586
  {
1601
- items: Ps,
1587
+ items: Ls,
1602
1588
  selectedItem: o.border.style,
1603
- onSelect: (a) => s("border", a, "style"),
1604
- getIconName: (a) => a === "solid" ? "Minus" : "Selection"
1589
+ onSelect: (r) => s("border", r, "style"),
1590
+ getIconName: (r) => r === "solid" ? "Minus" : "Selection"
1605
1591
  }
1606
1592
  )
1607
1593
  ] }),
@@ -1610,7 +1596,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1610
1596
  {
1611
1597
  label: "Radius (px)",
1612
1598
  value: String(o.border.radius),
1613
- onChange: (a) => s("border", a, "radius"),
1599
+ onChange: (r) => s("border", r, "radius"),
1614
1600
  type: "number",
1615
1601
  min: 0
1616
1602
  }
@@ -1621,7 +1607,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1621
1607
  {
1622
1608
  label: "Thickness (px)",
1623
1609
  value: String(o.border.thickness),
1624
- onChange: (a) => s("border", a, "thickness"),
1610
+ onChange: (r) => s("border", r, "thickness"),
1625
1611
  type: "number",
1626
1612
  min: 0
1627
1613
  }
@@ -1629,7 +1615,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1629
1615
  /* @__PURE__ */ e.jsx(
1630
1616
  ce,
1631
1617
  {
1632
- initialColor: O(o.border.color),
1618
+ initialColor: U(o.border.color),
1633
1619
  onChange: i("border"),
1634
1620
  title: "Color",
1635
1621
  labelStyle: "secondary"
@@ -1644,24 +1630,24 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1644
1630
  {
1645
1631
  label: "Line Height (px)",
1646
1632
  value: String(o.label.height),
1647
- onChange: (a) => s("label", a, "height"),
1633
+ onChange: (r) => s("label", r, "height"),
1648
1634
  type: "number",
1649
1635
  min: 0
1650
1636
  }
1651
1637
  ),
1652
1638
  /* @__PURE__ */ e.jsx(
1653
- re,
1639
+ ae,
1654
1640
  {
1655
1641
  label: "Font Size (px)",
1656
- onChange: (a) => s("label", a, "size"),
1642
+ onChange: (r) => s("label", r, "size"),
1657
1643
  value: String(o.label.size),
1658
- options: fe
1644
+ options: _e
1659
1645
  }
1660
1646
  ),
1661
1647
  /* @__PURE__ */ e.jsx(
1662
1648
  ce,
1663
1649
  {
1664
- initialColor: O(o.label.color),
1650
+ initialColor: U(o.label.color),
1665
1651
  onChange: i("label"),
1666
1652
  title: "Color",
1667
1653
  labelStyle: "secondary"
@@ -1672,98 +1658,98 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1672
1658
  /* @__PURE__ */ e.jsx(
1673
1659
  Ne,
1674
1660
  {
1675
- items: As,
1661
+ items: Ps,
1676
1662
  selectedItem: o.label.alignment,
1677
- onSelect: (a) => s("label", a, "alignment"),
1678
- getIconName: (a) => a === "center" ? "AlignCenterHorizontal" : a === "left" ? "AlignLeft" : "AlignRight"
1663
+ onSelect: (r) => s("label", r, "alignment"),
1664
+ getIconName: (r) => r === "center" ? "AlignCenterHorizontal" : r === "left" ? "AlignLeft" : "AlignRight"
1679
1665
  }
1680
1666
  )
1681
1667
  ] })
1682
1668
  ] })
1683
1669
  ] });
1684
- }, Ns = "_wrapper_lov6e_1", Ts = "_category_lov6e_5", Fs = "_categoryTitle_lov6e_11", Ds = "_font_lov6e_17", $s = "_content_lov6e_38", Ms = "_icon_lov6e_45", Hs = "_paragraph_lov6e_56", Rs = "_deleteIcon_lov6e_60", Is = "_iconButton_lov6e_67", K = {
1685
- wrapper: Ns,
1686
- category: Ts,
1687
- categoryTitle: Fs,
1688
- font: Ds,
1689
- content: $s,
1690
- icon: Ms,
1691
- paragraph: Hs,
1670
+ }, Ts = "_wrapper_lov6e_1", Fs = "_category_lov6e_5", Ds = "_categoryTitle_lov6e_11", $s = "_font_lov6e_17", Ms = "_content_lov6e_38", Hs = "_icon_lov6e_45", Is = "_paragraph_lov6e_56", Rs = "_deleteIcon_lov6e_60", Es = "_iconButton_lov6e_67", K = {
1671
+ wrapper: Ts,
1672
+ category: Fs,
1673
+ categoryTitle: Ds,
1674
+ font: $s,
1675
+ content: Ms,
1676
+ icon: Hs,
1677
+ paragraph: Is,
1692
1678
  deleteIcon: Rs,
1693
- iconButton: Is
1694
- }, Es = (t) => {
1695
- const { font: n, size: o, id: s, category: i } = t, { setActiveFont: a } = $();
1679
+ iconButton: Es
1680
+ }, Os = (t) => {
1681
+ const { font: n, size: o, id: s, category: i } = t, { setActiveFont: r } = H();
1696
1682
  return /* @__PURE__ */ e.jsxs(
1697
1683
  "div",
1698
1684
  {
1699
1685
  className: K.font,
1700
- onClick: () => a(s),
1686
+ onClick: () => r(s),
1701
1687
  children: [
1702
1688
  /* @__PURE__ */ e.jsx(
1703
1689
  "div",
1704
1690
  {
1705
- className: P(K.icon, {
1691
+ className: F(K.icon, {
1706
1692
  [K.paragraph]: i === "paragraph"
1707
1693
  }),
1708
- children: /* @__PURE__ */ e.jsx(_, { name: i === "paragraph" ? "TextB" : "TextH" })
1694
+ children: /* @__PURE__ */ e.jsx(C, { name: i === "paragraph" ? "TextB" : "TextH" })
1709
1695
  }
1710
1696
  ),
1711
1697
  /* @__PURE__ */ e.jsxs("div", { className: K.content, children: [
1712
- /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: O(s) }),
1698
+ /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: U(s) }),
1713
1699
  /* @__PURE__ */ e.jsx("span", { className: K.value, children: `${n}, ${o}px` })
1714
1700
  ] })
1715
1701
  ]
1716
1702
  }
1717
1703
  );
1718
- }, Os = () => {
1719
- const { themeSettings: t, setActiveFont: n, activeBlock: o } = $();
1720
- S.useEffect(() => (s(), () => {
1704
+ }, Us = () => {
1705
+ const { themeSettings: t, setActiveFont: n, activeBlock: o } = H();
1706
+ p.useEffect(() => (s(), () => {
1721
1707
  s();
1722
1708
  }), []);
1723
1709
  function s() {
1724
1710
  n(null);
1725
1711
  }
1726
1712
  if (o != null && o.name)
1727
- return /* @__PURE__ */ e.jsx("div", { className: K.wrapper, children: Object.entries(t.fonts).map(([i, a]) => /* @__PURE__ */ e.jsxs(
1713
+ return /* @__PURE__ */ e.jsx("div", { className: K.wrapper, children: Object.entries(t.fonts).map(([i, r]) => /* @__PURE__ */ e.jsxs(
1728
1714
  "div",
1729
1715
  {
1730
1716
  className: K.category,
1731
1717
  children: [
1732
- /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: O(i) }),
1733
- Object.entries(a).map(([r, l]) => /* @__PURE__ */ e.jsx(
1734
- Es,
1718
+ /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: U(i) }),
1719
+ Object.entries(r).map(([a, l]) => /* @__PURE__ */ e.jsx(
1720
+ Os,
1735
1721
  {
1736
- id: r,
1722
+ id: a,
1737
1723
  category: i,
1738
1724
  ...l
1739
1725
  },
1740
- r
1726
+ a
1741
1727
  ))
1742
1728
  ]
1743
1729
  },
1744
1730
  i
1745
1731
  )) });
1746
- }, Us = "_wrapper_smgf8_1", qs = "_open_smgf8_16", Gs = "_close_smgf8_20", zs = "_header_smgf8_24", Ws = "_title_smgf8_32", Vs = "_options_smgf8_38", Xs = "_clicked_smgf8_45", te = {
1747
- wrapper: Us,
1748
- open: qs,
1749
- close: Gs,
1750
- header: zs,
1751
- title: Ws,
1752
- options: Vs,
1753
- clicked: Xs
1754
- }, Qs = () => {
1755
- const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: i } = $(), { fonts: a } = Ee(), [r, l] = S.useState(null);
1732
+ }, qs = "_wrapper_smgf8_1", Gs = "_open_smgf8_16", zs = "_close_smgf8_20", Ws = "_header_smgf8_24", Vs = "_title_smgf8_32", Xs = "_options_smgf8_38", Qs = "_clicked_smgf8_45", te = {
1733
+ wrapper: qs,
1734
+ open: Gs,
1735
+ close: zs,
1736
+ header: Ws,
1737
+ title: Vs,
1738
+ options: Xs,
1739
+ clicked: Qs
1740
+ }, Ks = () => {
1741
+ const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: i } = H(), { fonts: r } = Ue(), [a, l] = p.useState(null);
1756
1742
  function d() {
1757
1743
  n(null);
1758
1744
  }
1759
- function C(m, h) {
1760
- r && o && i(r, o, h, m);
1745
+ function _(g, h) {
1746
+ a && o && i(a, o, h, g);
1761
1747
  }
1762
- const u = S.useMemo(() => o ? s.fonts.heading[o] ? (l("heading"), s.fonts.heading[o]) : s.fonts.paragraph[o] ? (l("paragraph"), s.fonts.paragraph[o]) : (l(null), null) : null, [o, s]);
1748
+ const u = p.useMemo(() => o ? s.fonts.heading[o] ? (l("heading"), s.fonts.heading[o]) : s.fonts.paragraph[o] ? (l("paragraph"), s.fonts.paragraph[o]) : (l(null), null) : null, [o, s]);
1763
1749
  return /* @__PURE__ */ e.jsxs(
1764
1750
  "div",
1765
1751
  {
1766
- className: P(te.wrapper, {
1752
+ className: F(te.wrapper, {
1767
1753
  [te.open]: (t == null ? void 0 : t.name) === "Fonts" && o,
1768
1754
  [te.close]: (t == null ? void 0 : t.name) !== "Fonts" || !o
1769
1755
  }),
@@ -1775,7 +1761,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1775
1761
  onClick: d,
1776
1762
  children: [
1777
1763
  /* @__PURE__ */ e.jsx(
1778
- _,
1764
+ C,
1779
1765
  {
1780
1766
  name: "CaretLeft",
1781
1767
  hoverable: !0
@@ -1787,68 +1773,68 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1787
1773
  ),
1788
1774
  o && u && /* @__PURE__ */ e.jsxs("div", { className: te.options, children: [
1789
1775
  /* @__PURE__ */ e.jsx(
1790
- re,
1776
+ ae,
1791
1777
  {
1792
1778
  label: "Font",
1793
1779
  value: u.font,
1794
- onChange: (m) => C(m, "font"),
1795
- options: [...a.filter((m) => m !== u.font)]
1780
+ onChange: (g) => _(g, "font"),
1781
+ options: [...r.filter((g) => g !== u.font)]
1796
1782
  }
1797
1783
  ),
1798
1784
  /* @__PURE__ */ e.jsx(
1799
- re,
1785
+ ae,
1800
1786
  {
1801
1787
  label: "Size",
1802
1788
  value: String(u.size),
1803
- onChange: (m) => C(m, "size"),
1804
- options: fe
1789
+ onChange: (g) => _(g, "size"),
1790
+ options: _e
1805
1791
  }
1806
1792
  ),
1807
1793
  /* @__PURE__ */ e.jsx(
1808
- re,
1794
+ ae,
1809
1795
  {
1810
1796
  label: "Weight",
1811
1797
  value: String(u.weight),
1812
- onChange: (m) => C(m, "weight"),
1813
- options: ct
1798
+ onChange: (g) => _(g, "weight"),
1799
+ options: dt
1814
1800
  }
1815
1801
  )
1816
1802
  ] })
1817
1803
  ]
1818
1804
  }
1819
1805
  );
1820
- }, Ks = "_wrapper_smgf8_1", Ys = "_open_smgf8_16", Js = "_close_smgf8_20", Zs = "_header_smgf8_24", er = "_title_smgf8_32", tr = "_options_smgf8_38", nr = "_clicked_smgf8_45", ne = {
1821
- wrapper: Ks,
1822
- open: Ys,
1823
- close: Js,
1824
- header: Zs,
1825
- title: er,
1826
- options: tr,
1827
- clicked: nr
1828
- }, We = () => {
1829
- const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: s } = $();
1806
+ }, Ys = "_wrapper_smgf8_1", Js = "_open_smgf8_16", Zs = "_close_smgf8_20", ea = "_header_smgf8_24", ta = "_title_smgf8_32", na = "_options_smgf8_38", oa = "_clicked_smgf8_45", ne = {
1807
+ wrapper: Ys,
1808
+ open: Js,
1809
+ close: Zs,
1810
+ header: ea,
1811
+ title: ta,
1812
+ options: na,
1813
+ clicked: oa
1814
+ }, Xe = () => {
1815
+ const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: s } = H();
1830
1816
  function i(l, d) {
1831
1817
  o(d, l);
1832
1818
  }
1833
- function a() {
1819
+ function r() {
1834
1820
  s(null);
1835
1821
  }
1836
- const r = S.useMemo(() => n.borders, [n]);
1822
+ const a = p.useMemo(() => n.borders, [n]);
1837
1823
  return /* @__PURE__ */ e.jsxs(
1838
1824
  "div",
1839
1825
  {
1840
- className: P(ne.wrapper, {
1826
+ className: F(ne.wrapper, {
1841
1827
  [ne.open]: (t == null ? void 0 : t.name) === "Borders",
1842
1828
  [ne.close]: (t == null ? void 0 : t.name) !== "Borders"
1843
1829
  }),
1844
1830
  children: [
1845
1831
  /* @__PURE__ */ e.jsxs("div", { className: ne.header, children: [
1846
1832
  /* @__PURE__ */ e.jsx(
1847
- _,
1833
+ C,
1848
1834
  {
1849
1835
  name: "CaretLeft",
1850
1836
  hoverable: !0,
1851
- onClick: a
1837
+ onClick: r
1852
1838
  }
1853
1839
  ),
1854
1840
  /* @__PURE__ */ e.jsx("span", { className: ne.title, children: "Borders Style" })
@@ -1858,7 +1844,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1858
1844
  R,
1859
1845
  {
1860
1846
  label: "Border Radius (px)",
1861
- value: String(r.radius),
1847
+ value: String(a.radius),
1862
1848
  onChange: (l) => i(Number(l), "radius"),
1863
1849
  type: "number",
1864
1850
  min: 0
@@ -1868,7 +1854,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1868
1854
  R,
1869
1855
  {
1870
1856
  label: "Border Thickness (px)",
1871
- value: String(r.thickness),
1857
+ value: String(a.thickness),
1872
1858
  onChange: (l) => i(Number(l), "thickness"),
1873
1859
  type: "number",
1874
1860
  min: 0
@@ -1878,93 +1864,93 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1878
1864
  ]
1879
1865
  }
1880
1866
  );
1881
- }, or = "_wrapper_1phvv_1", sr = "_open_1phvv_16", rr = "_close_1phvv_20", ar = "_header_1phvv_24", ir = "_title_1phvv_32", lr = "_options_1phvv_38", cr = "_clicked_1phvv_45", dr = "_label_1phvv_49", ur = "_alignments_1phvv_56", hr = "_blocks_1phvv_62", gr = "_alignment_1phvv_56", pr = "_active_1phvv_77", I = {
1882
- wrapper: or,
1883
- open: sr,
1884
- close: rr,
1885
- header: ar,
1886
- title: ir,
1887
- options: lr,
1888
- clicked: cr,
1889
- label: dr,
1890
- alignments: ur,
1891
- blocks: hr,
1892
- alignment: gr,
1893
- active: pr
1894
- }, mr = ["left", "center", "right"], Ve = () => {
1895
- const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: s } = $();
1867
+ }, sa = "_wrapper_1phvv_1", aa = "_open_1phvv_16", ra = "_close_1phvv_20", ia = "_header_1phvv_24", la = "_title_1phvv_32", ca = "_options_1phvv_38", da = "_clicked_1phvv_45", ua = "_label_1phvv_49", ha = "_alignments_1phvv_56", ga = "_blocks_1phvv_62", pa = "_alignment_1phvv_56", ma = "_active_1phvv_77", E = {
1868
+ wrapper: sa,
1869
+ open: aa,
1870
+ close: ra,
1871
+ header: ia,
1872
+ title: la,
1873
+ options: ca,
1874
+ clicked: da,
1875
+ label: ua,
1876
+ alignments: ha,
1877
+ blocks: ga,
1878
+ alignment: pa,
1879
+ active: ma
1880
+ }, Sa = ["left", "center", "right"], Qe = () => {
1881
+ const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: s } = H();
1896
1882
  function i(l, d) {
1897
1883
  o(d, l);
1898
1884
  }
1899
- function a() {
1885
+ function r() {
1900
1886
  s(null);
1901
1887
  }
1902
- const r = S.useMemo(() => n.buttons, [n]);
1888
+ const a = p.useMemo(() => n.buttons, [n]);
1903
1889
  return /* @__PURE__ */ e.jsxs(
1904
1890
  "div",
1905
1891
  {
1906
- className: P(I.wrapper, {
1907
- [I.open]: (t == null ? void 0 : t.name) === "Buttons",
1908
- [I.close]: (t == null ? void 0 : t.name) !== "Buttons"
1892
+ className: F(E.wrapper, {
1893
+ [E.open]: (t == null ? void 0 : t.name) === "Buttons",
1894
+ [E.close]: (t == null ? void 0 : t.name) !== "Buttons"
1909
1895
  }),
1910
1896
  children: [
1911
- /* @__PURE__ */ e.jsxs("div", { className: I.header, children: [
1897
+ /* @__PURE__ */ e.jsxs("div", { className: E.header, children: [
1912
1898
  /* @__PURE__ */ e.jsx(
1913
- _,
1899
+ C,
1914
1900
  {
1915
1901
  name: "CaretLeft",
1916
1902
  hoverable: !0,
1917
- onClick: a
1903
+ onClick: r
1918
1904
  }
1919
1905
  ),
1920
- /* @__PURE__ */ e.jsx("span", { className: I.title, children: "Buttons Style" })
1906
+ /* @__PURE__ */ e.jsx("span", { className: E.title, children: "Buttons Style" })
1921
1907
  ] }),
1922
- r && /* @__PURE__ */ e.jsxs("div", { className: I.options, children: [
1908
+ a && /* @__PURE__ */ e.jsxs("div", { className: E.options, children: [
1923
1909
  /* @__PURE__ */ e.jsx(
1924
1910
  R,
1925
1911
  {
1926
1912
  label: "Height (px)",
1927
- value: String(r.height),
1913
+ value: String(a.height),
1928
1914
  onChange: (l) => i(l, "height"),
1929
1915
  type: "number",
1930
1916
  min: 0
1931
1917
  }
1932
1918
  ),
1933
1919
  /* @__PURE__ */ e.jsx(
1934
- re,
1920
+ ae,
1935
1921
  {
1936
1922
  label: "Font Size (px)",
1937
- value: String(r.size),
1923
+ value: String(a.size),
1938
1924
  onChange: (l) => i(l, "size"),
1939
- options: fe
1925
+ options: _e
1940
1926
  }
1941
1927
  ),
1942
1928
  /* @__PURE__ */ e.jsx(
1943
1929
  R,
1944
1930
  {
1945
1931
  label: "Border Radius (px)",
1946
- value: String(r.radius),
1932
+ value: String(a.radius),
1947
1933
  onChange: (l) => i(Number(l), "radius"),
1948
1934
  type: "number",
1949
1935
  min: 0
1950
1936
  }
1951
1937
  ),
1952
- /* @__PURE__ */ e.jsxs("div", { className: I.alignments, children: [
1953
- /* @__PURE__ */ e.jsx("h4", { className: I.label, children: "Alignment Type" }),
1954
- /* @__PURE__ */ e.jsx("div", { className: I.blocks, children: mr.map((l) => /* @__PURE__ */ e.jsx(
1938
+ /* @__PURE__ */ e.jsxs("div", { className: E.alignments, children: [
1939
+ /* @__PURE__ */ e.jsx("h4", { className: E.label, children: "Alignment Type" }),
1940
+ /* @__PURE__ */ e.jsx("div", { className: E.blocks, children: Sa.map((l) => /* @__PURE__ */ e.jsx(
1955
1941
  "div",
1956
1942
  {
1957
- className: P(I.alignment, {
1958
- [I.active]: r.alignment === l
1943
+ className: F(E.alignment, {
1944
+ [E.active]: a.alignment === l
1959
1945
  }),
1960
1946
  onClick: () => {
1961
1947
  i(l, "alignment");
1962
1948
  },
1963
1949
  children: /* @__PURE__ */ e.jsx(
1964
- _,
1950
+ C,
1965
1951
  {
1966
1952
  name: l === "center" ? "AlignCenterHorizontal" : l === "left" ? "AlignLeft" : "AlignRight",
1967
- fill: r.alignment === l ? "#252525" : "#757575"
1953
+ fill: a.alignment === l ? "#252525" : "#757575"
1968
1954
  }
1969
1955
  )
1970
1956
  },
@@ -1975,29 +1961,29 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1975
1961
  ]
1976
1962
  }
1977
1963
  );
1978
- }, Sr = () => {
1979
- const { activeBlock: t, themeSettings: n } = $();
1964
+ }, ba = () => {
1965
+ const { activeBlock: t, themeSettings: n } = H();
1980
1966
  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
1981
- (t == null ? void 0 : t.name) === "Fonts" && n.fonts && /* @__PURE__ */ e.jsx(Qs, {}),
1982
- (t == null ? void 0 : t.name) === "Borders" && n.borders && /* @__PURE__ */ e.jsx(We, {}),
1983
- (t == null ? void 0 : t.name) === "Buttons" && n.buttons && /* @__PURE__ */ e.jsx(Ve, {})
1967
+ (t == null ? void 0 : t.name) === "Fonts" && n.fonts && /* @__PURE__ */ e.jsx(Ks, {}),
1968
+ (t == null ? void 0 : t.name) === "Borders" && n.borders && /* @__PURE__ */ e.jsx(Xe, {}),
1969
+ (t == null ? void 0 : t.name) === "Buttons" && n.buttons && /* @__PURE__ */ e.jsx(Qe, {})
1984
1970
  ] });
1985
- }, br = () => {
1986
- const { activeBlock: t, setActiveBlock: n, themeSettings: o } = $(), { activeBlock: s } = _e();
1971
+ }, fa = () => {
1972
+ const { activeBlock: t, setActiveBlock: n, themeSettings: o } = H(), { activeBlock: s } = ve();
1987
1973
  function i() {
1988
1974
  n(null);
1989
1975
  }
1990
1976
  return /* @__PURE__ */ e.jsxs(
1991
1977
  "div",
1992
1978
  {
1993
- className: P(le.settings, {
1979
+ className: F(le.settings, {
1994
1980
  [le.open]: t,
1995
1981
  [le.close]: !t || s.name !== "Theme"
1996
1982
  }),
1997
1983
  children: [
1998
1984
  /* @__PURE__ */ e.jsxs("div", { className: le.header, children: [
1999
1985
  /* @__PURE__ */ e.jsx(
2000
- _,
1986
+ C,
2001
1987
  {
2002
1988
  name: "CaretLeft",
2003
1989
  hoverable: !0,
@@ -2006,17 +1992,17 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2006
1992
  ),
2007
1993
  /* @__PURE__ */ e.jsx("span", { className: le.title, children: t == null ? void 0 : t.name })
2008
1994
  ] }),
2009
- (t == null ? void 0 : t.name) === "Fonts" && o.fonts && /* @__PURE__ */ e.jsx(Os, {}),
2010
- (t == null ? void 0 : t.name) === "Colors" && o.colors && /* @__PURE__ */ e.jsx(gs, {}),
2011
- (t == null ? void 0 : t.name) === "Inputs" && o.inputs && /* @__PURE__ */ e.jsx(Ls, {}),
2012
- (t == null ? void 0 : t.name) === "Borders" && o.borders && /* @__PURE__ */ e.jsx(We, {}),
2013
- (t == null ? void 0 : t.name) === "Buttons" && o.buttons && /* @__PURE__ */ e.jsx(Ve, {}),
2014
- /* @__PURE__ */ e.jsx(Sr, {})
1995
+ (t == null ? void 0 : t.name) === "Fonts" && o.fonts && /* @__PURE__ */ e.jsx(Us, {}),
1996
+ (t == null ? void 0 : t.name) === "Colors" && o.colors && /* @__PURE__ */ e.jsx(ps, {}),
1997
+ (t == null ? void 0 : t.name) === "Inputs" && o.inputs && /* @__PURE__ */ e.jsx(Ns, {}),
1998
+ (t == null ? void 0 : t.name) === "Borders" && o.borders && /* @__PURE__ */ e.jsx(Xe, {}),
1999
+ (t == null ? void 0 : t.name) === "Buttons" && o.buttons && /* @__PURE__ */ e.jsx(Qe, {}),
2000
+ /* @__PURE__ */ e.jsx(ba, {})
2015
2001
  ]
2016
2002
  }
2017
2003
  );
2018
- }, Cr = () => {
2019
- const { activeBlock: t } = _e(), { activeBlock: n } = X();
2004
+ }, Ca = () => {
2005
+ const { activeBlock: t } = ve(), { activeBlock: n } = X();
2020
2006
  function o() {
2021
2007
  switch (t.name) {
2022
2008
  case "Layers":
@@ -2031,104 +2017,104 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2031
2017
  }
2032
2018
  return /* @__PURE__ */ e.jsxs("div", { className: $e.sidebar, children: [
2033
2019
  /* @__PURE__ */ e.jsx("h3", { className: $e.title, children: o() }),
2034
- t.name === "Layers" && /* @__PURE__ */ e.jsx(Mo, {}),
2035
- t.name === "Add" && /* @__PURE__ */ e.jsx(ze, {}),
2036
- /* @__PURE__ */ e.jsx(es, { isAdd: !!n }),
2037
- /* @__PURE__ */ e.jsx(br, {}),
2038
- t.name === "Theme" && /* @__PURE__ */ e.jsx(Uo, {}),
2020
+ t.name === "Layers" && /* @__PURE__ */ e.jsx(Ho, {}),
2021
+ t.name === "Add" && /* @__PURE__ */ e.jsx(Ve, {}),
2022
+ /* @__PURE__ */ e.jsx(ts, { isAdd: !!n }),
2023
+ /* @__PURE__ */ e.jsx(fa, {}),
2024
+ t.name === "Theme" && /* @__PURE__ */ e.jsx(qo, {}),
2039
2025
  t.name === "Settings" && /* @__PURE__ */ e.jsx(Ro, {})
2040
2026
  ] });
2041
- }, fr = "_wrapper_gibny_1", _r = "_header_gibny_12", wr = "_content_gibny_23", vr = "_buttons_gibny_31", xr = "_cancel_gibny_38", kr = "_label_gibny_43", yr = "_description_gibny_44", jr = "_preview_gibny_52", Br = "_block_gibny_58", Ar = "_slug_gibny_67", Pr = "_title_gibny_73", E = {
2042
- wrapper: fr,
2043
- header: _r,
2044
- content: wr,
2045
- buttons: vr,
2046
- cancel: xr,
2047
- label: kr,
2048
- description: yr,
2049
- preview: jr,
2050
- block: Br,
2051
- slug: Ar,
2052
- title: Pr
2053
- }, Lr = () => {
2054
- var D, U, b, v, k, y;
2027
+ }, _a = "_wrapper_gibny_1", wa = "_header_gibny_12", va = "_content_gibny_23", xa = "_buttons_gibny_31", ka = "_cancel_gibny_38", ja = "_label_gibny_43", ya = "_description_gibny_44", Ba = "_preview_gibny_52", Aa = "_block_gibny_58", Pa = "_slug_gibny_67", La = "_title_gibny_73", O = {
2028
+ wrapper: _a,
2029
+ header: wa,
2030
+ content: va,
2031
+ buttons: xa,
2032
+ cancel: ka,
2033
+ label: ja,
2034
+ description: ya,
2035
+ preview: Ba,
2036
+ block: Aa,
2037
+ slug: Pa,
2038
+ title: La
2039
+ }, Na = () => {
2040
+ var M, q, S, y, B, A, b, P;
2055
2041
  const {
2056
2042
  setIsOpenModal: t,
2057
2043
  pages: n,
2058
2044
  createPage: o,
2059
2045
  updatePage: s,
2060
2046
  isEdit: i,
2061
- setIsEdit: a,
2062
- editedPage: r,
2047
+ setIsEdit: r,
2048
+ editedPage: a,
2063
2049
  setEditedPage: l
2064
- } = T(), { createPage: d, updatePage: C } = F(), [u, m] = S.useState(r ? n && ((D = n[r]) == null ? void 0 : D.path) : ""), [h, c] = S.useState(r ? n && ((U = n[r]) == null ? void 0 : U.name) : ""), [p, x] = S.useState(
2065
- r ? n && n[r].seo && (((b = n[r]) == null ? void 0 : b.seo.description) || "") : ""
2066
- ), [f, w] = S.useState(
2067
- r ? n && ((v = n[r]) == null ? void 0 : v.visibility) : "public"
2050
+ } = D(), { createPage: d, updatePage: _ } = $(), [u, g] = p.useState(a ? n && ((M = n[a]) == null ? void 0 : M.path) : ""), [h, c] = p.useState(a ? n && ((q = n[a]) == null ? void 0 : q.name) : ""), [w, j] = p.useState(
2051
+ a && n && ((S = n[a]) == null ? void 0 : S.seo) && ((B = (y = n[a]) == null ? void 0 : y.seo) == null ? void 0 : B.description) || ""
2052
+ ), [L, x] = p.useState(
2053
+ a ? n && ((A = n[a]) == null ? void 0 : A.visibility) : "public"
2068
2054
  );
2069
- function L() {
2070
- m(""), c(""), x(""), w("public"), a(!1), l(null);
2055
+ function k() {
2056
+ g(""), c(""), j(""), x("public"), r(!1), l(null);
2071
2057
  }
2072
- function A() {
2073
- L(), t(!1);
2058
+ function f() {
2059
+ k(), t(!1);
2074
2060
  }
2075
- function M(g) {
2076
- return g[0] === "/" ? g : "/" + g;
2061
+ function v(T) {
2062
+ return T[0] === "/" ? T : "/" + T;
2077
2063
  }
2078
- function N() {
2064
+ function m() {
2079
2065
  o({
2080
- path: M(u),
2066
+ path: v(u),
2081
2067
  name: h || u || "",
2082
2068
  icon: "File",
2083
2069
  seo: {
2084
2070
  title: h || "",
2085
- description: p || ""
2071
+ description: w || ""
2086
2072
  },
2087
- visibility: f || "public"
2088
- }), d(u), A();
2073
+ visibility: L || "public"
2074
+ }), d(u), f();
2089
2075
  }
2090
- function j() {
2091
- n && (C(n[r].name || "", h || u || ""), s(r, {
2092
- path: M(u),
2076
+ function N() {
2077
+ n && (_(n[a].name || "", h || u || ""), s(a, {
2078
+ path: v(u),
2093
2079
  name: h || u,
2094
- icon: n[r].icon || "File",
2080
+ icon: n[a].icon || "File",
2095
2081
  seo: {
2096
2082
  title: h || "",
2097
- description: p || ""
2083
+ description: w || ""
2098
2084
  },
2099
- visibility: f || "public"
2100
- })), A();
2085
+ visibility: L || "public"
2086
+ })), f();
2101
2087
  }
2102
2088
  return /* @__PURE__ */ e.jsxs(
2103
2089
  "div",
2104
2090
  {
2105
- className: E.wrapper,
2106
- onClick: (g) => g.stopPropagation(),
2091
+ className: O.wrapper,
2092
+ onClick: (T) => T.stopPropagation(),
2107
2093
  children: [
2108
- /* @__PURE__ */ e.jsxs("div", { className: E.header, children: [
2094
+ /* @__PURE__ */ e.jsxs("div", { className: O.header, children: [
2109
2095
  /* @__PURE__ */ e.jsxs("h2", { children: [
2110
2096
  i ? "Edit" : "Create",
2111
2097
  " Blank Page"
2112
2098
  ] }),
2113
2099
  /* @__PURE__ */ e.jsx(
2114
- _,
2100
+ C,
2115
2101
  {
2116
2102
  name: "X",
2117
2103
  fill: "#757575",
2118
2104
  hoverable: !0,
2119
- onClick: A
2105
+ onClick: f
2120
2106
  }
2121
2107
  )
2122
2108
  ] }),
2123
- /* @__PURE__ */ e.jsxs("div", { className: E.content, children: [
2109
+ /* @__PURE__ */ e.jsxs("div", { className: O.content, children: [
2124
2110
  /* @__PURE__ */ e.jsx(
2125
2111
  R,
2126
2112
  {
2127
2113
  label: "Page Slug",
2128
- onChange: (g) => m(g),
2114
+ onChange: (T) => g(T),
2129
2115
  value: u,
2130
2116
  placeholder: "path-to-page",
2131
- disabled: !!(r && n && ((k = n[r]) != null && k.name) && de.includes(n[r].name)),
2117
+ disabled: !!(a && n && ((b = n[a]) != null && b.name) && de.includes(n[a].name)),
2132
2118
  required: !0,
2133
2119
  regex: "^.+$"
2134
2120
  }
@@ -2137,27 +2123,27 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2137
2123
  R,
2138
2124
  {
2139
2125
  label: "Page Title",
2140
- onChange: (g) => c(g),
2126
+ onChange: (T) => c(T),
2141
2127
  value: h,
2142
2128
  placeholder: "Contact us",
2143
- disabled: !!(r && n && ((y = n[r]) != null && y.name) && de.includes(n[r].name))
2129
+ disabled: !!(a && n && ((P = n[a]) != null && P.name) && de.includes(n[a].name))
2144
2130
  }
2145
2131
  ),
2146
2132
  /* @__PURE__ */ e.jsx(
2147
- dt,
2133
+ ut,
2148
2134
  {
2149
2135
  label: "Description",
2150
- onChange: (g) => x(g),
2151
- value: p,
2136
+ onChange: (T) => j(T),
2137
+ value: w,
2152
2138
  placeholder: "Contact us at any time of the day or night. You are always welcome",
2153
2139
  maxLength: 150
2154
2140
  }
2155
2141
  ),
2156
2142
  /* @__PURE__ */ e.jsx(
2157
- ut,
2143
+ ht,
2158
2144
  {
2159
2145
  label: "Visibility",
2160
- defaultValue: f,
2146
+ defaultValue: L,
2161
2147
  options: [
2162
2148
  {
2163
2149
  value: "public",
@@ -2168,31 +2154,31 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2168
2154
  label: "Private"
2169
2155
  }
2170
2156
  ],
2171
- onChange: (g) => w(g)
2157
+ onChange: (T) => x(T)
2172
2158
  }
2173
2159
  ),
2174
- /* @__PURE__ */ e.jsxs("div", { className: E.preview, children: [
2175
- /* @__PURE__ */ e.jsx("span", { className: E.label, children: "Preview" }),
2176
- /* @__PURE__ */ e.jsxs("div", { className: E.block, children: [
2177
- /* @__PURE__ */ e.jsx("span", { className: E.slug, children: u || "yoursite.url" }),
2178
- /* @__PURE__ */ e.jsx("span", { className: E.title, children: h || "My Blank Page" }),
2179
- /* @__PURE__ */ e.jsx("span", { className: E.description, children: p || "It is My Description" })
2160
+ /* @__PURE__ */ e.jsxs("div", { className: O.preview, children: [
2161
+ /* @__PURE__ */ e.jsx("span", { className: O.label, children: "Preview" }),
2162
+ /* @__PURE__ */ e.jsxs("div", { className: O.block, children: [
2163
+ /* @__PURE__ */ e.jsx("span", { className: O.slug, children: u || "yoursite.url" }),
2164
+ /* @__PURE__ */ e.jsx("span", { className: O.title, children: h || "My Blank Page" }),
2165
+ /* @__PURE__ */ e.jsx("span", { className: O.description, children: w || "It is My Description" })
2180
2166
  ] })
2181
2167
  ] })
2182
2168
  ] }),
2183
- /* @__PURE__ */ e.jsxs("div", { className: E.buttons, children: [
2169
+ /* @__PURE__ */ e.jsxs("div", { className: O.buttons, children: [
2184
2170
  /* @__PURE__ */ e.jsx(
2185
- Y,
2171
+ J,
2186
2172
  {
2187
- className: E.cancel,
2188
- onClick: A,
2173
+ className: O.cancel,
2174
+ onClick: f,
2189
2175
  children: "Cancel"
2190
2176
  }
2191
2177
  ),
2192
2178
  /* @__PURE__ */ e.jsx(
2193
- Y,
2179
+ J,
2194
2180
  {
2195
- onClick: i ? j : N,
2181
+ onClick: i ? N : m,
2196
2182
  disabled: u.length === 0,
2197
2183
  children: i ? "Update" : "Create"
2198
2184
  }
@@ -2201,38 +2187,50 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
2201
2187
  ]
2202
2188
  }
2203
2189
  );
2204
- }, Nr = "_layout_douh4_1", Tr = "_main_douh4_10", Fr = "_content_douh4_18", Be = {
2205
- layout: Nr,
2206
- main: Tr,
2207
- content: Fr
2208
- }, Dr = () => {
2209
- const { isOpenModal: t, setIsOpenModal: n } = T(), { openModal: o, setOpenModal: s } = ht();
2210
- return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
2211
- /* @__PURE__ */ e.jsxs("div", { className: Be.layout, children: [
2212
- /* @__PURE__ */ e.jsx(kn, {}),
2213
- /* @__PURE__ */ e.jsxs("main", { className: Be.main, children: [
2214
- /* @__PURE__ */ e.jsx(Sn, {}),
2215
- /* @__PURE__ */ e.jsxs("div", { className: Be.content, children: [
2216
- /* @__PURE__ */ e.jsx(Cr, {}),
2217
- /* @__PURE__ */ e.jsx(So, {})
2190
+ }, Ta = "_layout_3kge3_1", Fa = "_main_3kge3_10", Da = "_content_3kge3_18", $a = "_notification_3kge3_26", be = {
2191
+ layout: Ta,
2192
+ main: Fa,
2193
+ content: Da,
2194
+ notification: $a
2195
+ }, Ma = () => {
2196
+ const { isOpenModal: t, setIsOpenModal: n } = D(), { openModal: o, setOpenModal: s } = gt(), { notification: i, setNotification: r } = Re();
2197
+ return p.useEffect(() => {
2198
+ i && setTimeout(() => {
2199
+ r(null);
2200
+ }, 3e3);
2201
+ }, [i]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
2202
+ /* @__PURE__ */ e.jsxs("div", { className: be.layout, children: [
2203
+ /* @__PURE__ */ e.jsx(jn, {}),
2204
+ /* @__PURE__ */ e.jsxs("main", { className: be.main, children: [
2205
+ /* @__PURE__ */ e.jsx(bn, {}),
2206
+ /* @__PURE__ */ e.jsxs("div", { className: be.content, children: [
2207
+ /* @__PURE__ */ e.jsx(Ca, {}),
2208
+ /* @__PURE__ */ e.jsx(bo, {})
2218
2209
  ] })
2219
2210
  ] })
2220
2211
  ] }),
2221
- t && /* @__PURE__ */ e.jsx(Te, { close: n, children: /* @__PURE__ */ e.jsx(Lr, {}) }),
2222
- o && /* @__PURE__ */ e.jsx(Te, { close: s, children: /* @__PURE__ */ e.jsx(gt, {}) })
2212
+ t && /* @__PURE__ */ e.jsx(Te, { close: n, children: /* @__PURE__ */ e.jsx(Na, {}) }),
2213
+ o && /* @__PURE__ */ e.jsx(Te, { close: s, children: /* @__PURE__ */ e.jsx(pt, {}) }),
2214
+ i && /* @__PURE__ */ e.jsx("div", { className: be.notification, children: /* @__PURE__ */ e.jsx(
2215
+ Oe,
2216
+ {
2217
+ message: i.message,
2218
+ type: i.status
2219
+ }
2220
+ ) })
2223
2221
  ] });
2224
2222
  };
2225
2223
  async function oe(t, n) {
2226
2224
  const o = localStorage.getItem("shopId") || void 0, s = `${Pe}/${t}/builder/shops/${o}/${n}`, i = localStorage.getItem("sellerAccessToken") || void 0;
2227
- return (await ve.get(s, {
2225
+ return (await ke.get(s, {
2228
2226
  headers: {
2229
2227
  Authorization: `Bearer ${i}`
2230
2228
  }
2231
2229
  })).data;
2232
2230
  }
2233
- async function $r() {
2231
+ async function Ha() {
2234
2232
  try {
2235
- const [t, n, o, s, i, a] = await Promise.allSettled([
2233
+ const [t, n, o, s, i, r] = await Promise.allSettled([
2236
2234
  oe("v1", "general"),
2237
2235
  oe("v1", "faqs"),
2238
2236
  oe("v1", "listings"),
@@ -2246,23 +2244,23 @@ async function $r() {
2246
2244
  listings: o,
2247
2245
  products: s,
2248
2246
  reviews: i,
2249
- categories: a
2247
+ categories: r
2250
2248
  };
2251
2249
  } catch (t) {
2252
2250
  throw console.error("Error fetching page data:", t), t;
2253
2251
  }
2254
2252
  }
2255
- async function Mr() {
2253
+ async function Ia() {
2256
2254
  try {
2257
- const { data: t } = await ve.get(
2258
- `${pt}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
2255
+ const { data: t } = await ke.get(
2256
+ `${mt}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
2259
2257
  );
2260
2258
  return t.items;
2261
2259
  } catch (t) {
2262
2260
  throw console.error("Error fetching page data:", t), t;
2263
2261
  }
2264
2262
  }
2265
- function Gr() {
2263
+ function Wa() {
2266
2264
  try {
2267
2265
  const {
2268
2266
  editBlock: t,
@@ -2270,23 +2268,23 @@ function Gr() {
2270
2268
  blocks: o,
2271
2269
  header: s,
2272
2270
  setHeader: i,
2273
- footer: a,
2274
- setFooter: r
2275
- } = F.getState(), { currentPage: l, pages: d } = T.getState(), { currentInstance: C, activeBlock: u } = X.getState();
2276
- if (!u && C && d) {
2271
+ footer: r,
2272
+ setFooter: a
2273
+ } = $.getState(), { currentPage: l, pages: d } = D.getState(), { currentInstance: _, activeBlock: u } = X.getState(), { settings: g, setSettings: h } = Y.getState();
2274
+ if (h(g), !u && _ && d) {
2277
2275
  if (n === "header" && s)
2278
2276
  i(s);
2279
- else if (n === "footer" && a)
2280
- r(a);
2277
+ else if (n === "footer" && r)
2278
+ a(r);
2281
2279
  else if (n === "header" || n === "footer")
2282
2280
  throw new Error(`Missing ${n} data.`);
2283
- const m = {
2281
+ const c = {
2284
2282
  blockSettings: {}
2285
2283
  };
2286
- if (!C.blockSettings)
2284
+ if (!_.blockSettings)
2287
2285
  throw new Error("currentInstance.blockSettings is undefined.");
2288
- if (Object.keys(C.blockSettings).filter((h) => !["displayName", "isAddable"].includes(h)).forEach((h) => {
2289
- m.blockSettings[h] = C.blockSettings[h];
2286
+ if (Object.keys(_.blockSettings).filter((w) => !["displayName", "isAddable"].includes(w)).forEach((w) => {
2287
+ c.blockSettings[w] = _.blockSettings[w];
2290
2288
  }), !d[l])
2291
2289
  throw new Error(`Page "${l}" does not exist.`);
2292
2290
  if (!o[d[l].path] || !o[d[l].path][n])
@@ -2295,47 +2293,47 @@ function Gr() {
2295
2293
  );
2296
2294
  t(d[l].path, n, {
2297
2295
  name: o[d[l].path][n].name,
2298
- value: m
2296
+ value: c
2299
2297
  });
2300
2298
  }
2301
2299
  } catch (t) {
2302
2300
  console.error("Error in hotReload function:", t);
2303
2301
  }
2304
2302
  }
2305
- async function Hr() {
2303
+ async function Ra() {
2306
2304
  const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), o = `${Pe}/v2/builder/shops/${t}/drafts/${n}/pages`, s = localStorage.getItem("sellerAccessToken");
2307
- return (await ve.get(o, {
2305
+ return (await ke.get(o, {
2308
2306
  headers: {
2309
2307
  Authorization: `Bearer ${s}`
2310
2308
  }
2311
2309
  })).data;
2312
2310
  }
2313
- async function Rr() {
2311
+ async function Ea() {
2314
2312
  const t = localStorage.getItem("shopId") || void 0, n = localStorage.getItem("draftId") || void 0, o = `${Pe}/v2/builder/shops/${t}/drafts/${n}/all`, s = localStorage.getItem("sellerAccessToken") || void 0;
2315
- return (await ve.get(o, {
2313
+ return (await ke.get(o, {
2316
2314
  headers: {
2317
2315
  Authorization: `Bearer ${s}`
2318
2316
  }
2319
2317
  })).data;
2320
2318
  }
2321
- const Ir = (t) => {
2322
- const { blocks: n, settings: o, header: s, footer: i } = t, { setBlocks: a, setSourceBlocks: r } = X(), { fonts: l, setFonts: d } = Ee(), { setSettings: C } = J(), { setPageContext: u } = T(), {
2323
- setHeader: m,
2324
- setFooter: h,
2325
- setBlocks: c,
2326
- blocks: p,
2327
- createPage: x
2328
- } = F(), { setThemeSettings: f } = $(), { setPages: w } = T();
2329
- function L(A) {
2330
- return A[0] === "/" ? A.slice(1) : A;
2319
+ const Oa = (t) => {
2320
+ const { blocks: n, settings: o, header: s, footer: i } = t, { setBlocks: r, setSourceBlocks: a } = X(), { fonts: l, setFonts: d } = Ue(), { setSettings: _ } = Y(), { setPageContext: u } = D(), { setThemeSettings: g } = H(), {
2321
+ setHeader: h,
2322
+ setFooter: c,
2323
+ setBlocks: w,
2324
+ blocks: j,
2325
+ createPage: L
2326
+ } = $(), { setPages: x } = D();
2327
+ function k(f) {
2328
+ return f[0] === "/" ? f.slice(1) : f;
2331
2329
  }
2332
- return S.useEffect(() => {
2333
- const A = {};
2334
- Object.keys(n).map((N) => {
2335
- A[N] = n[N];
2336
- }), r(A), a(A), m(s), h(i), (async () => {
2337
- const { data: N } = await Rr();
2338
- let j = {
2330
+ return p.useEffect(() => {
2331
+ const f = {};
2332
+ Object.keys(n).map((m) => {
2333
+ f[m] = n[m];
2334
+ }), a(f), r(f), h(s), c(i), (async () => {
2335
+ const { data: m } = await Ea();
2336
+ let N = {
2339
2337
  listings: null,
2340
2338
  products: null,
2341
2339
  reviews: null,
@@ -2343,41 +2341,41 @@ const Ir = (t) => {
2343
2341
  faqs: null,
2344
2342
  general: null
2345
2343
  };
2346
- const D = await $r();
2347
- Object.keys(D).map((y) => {
2348
- const g = y;
2349
- j[g] = D[g].value.data;
2350
- }), u(j);
2351
- const { themeSettings: U, layers: b } = N;
2352
- f(U), c(b), C(o);
2353
- const v = await Hr(), k = {};
2354
- if (v.data.length > 0 && v.data.forEach((y) => {
2355
- const g = L(y.path);
2356
- p[g] || x(g), y.path === "/" ? k["/"] = {
2357
- ...y,
2358
- icon: xe.home.icon,
2344
+ const M = await Ha();
2345
+ Object.keys(M).map((A) => {
2346
+ const b = A;
2347
+ N[b] = M[b].value.data;
2348
+ }), u(N);
2349
+ const { themeSettings: q, layers: S } = m;
2350
+ g(q), w(S), _(o);
2351
+ const y = await Ra(), B = {};
2352
+ if (y.data.length > 0 && y.data.forEach((A) => {
2353
+ const b = k(A.path);
2354
+ j[b] || L(b), A.path === "/" ? B["/"] = {
2355
+ ...A,
2356
+ icon: je.home.icon,
2359
2357
  name: "home"
2360
- } : xe[g] ? k[g] = {
2361
- ...y,
2362
- icon: xe[g].icon,
2363
- name: g
2364
- } : k[g] = {
2365
- ...y,
2358
+ } : je[b] ? B[b] = {
2359
+ ...A,
2360
+ icon: je[b].icon,
2361
+ name: b
2362
+ } : B[b] = {
2363
+ ...A,
2366
2364
  icon: "File",
2367
- name: g
2365
+ name: b
2368
2366
  };
2369
- }), w(k), l.length === 0) {
2370
- const y = await Mr();
2371
- d([...y.map((g) => g.family)]);
2367
+ }), x(B), l.length === 0) {
2368
+ const A = await Ia();
2369
+ d([...A.map((b) => b.family)]);
2372
2370
  }
2373
2371
  })();
2374
- }, []), /* @__PURE__ */ e.jsx(Dr, {});
2375
- }, Er = (t) => {
2376
- const { blocks: n, settings: o, header: s, footer: i } = t, [a, r] = S.useState(!0), l = mt();
2377
- return S.useEffect(() => {
2378
- r(!0), Bt() ? r(!1) : l("/");
2379
- }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: a ? /* @__PURE__ */ e.jsx(Ae, {}) : /* @__PURE__ */ e.jsx(
2380
- Ir,
2372
+ }, []), /* @__PURE__ */ e.jsx(Ma, {});
2373
+ }, Ua = (t) => {
2374
+ const { blocks: n, settings: o, header: s, footer: i } = t, [r, a] = p.useState(!0), l = St();
2375
+ return p.useEffect(() => {
2376
+ a(!0), At() ? a(!1) : l("/");
2377
+ }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: r ? /* @__PURE__ */ e.jsx(we, {}) : /* @__PURE__ */ e.jsx(
2378
+ Oa,
2381
2379
  {
2382
2380
  blocks: n,
2383
2381
  settings: o,
@@ -2385,19 +2383,19 @@ const Ir = (t) => {
2385
2383
  footer: i
2386
2384
  }
2387
2385
  ) });
2388
- }, zr = (t) => {
2389
- const { blocks: n, settings: o, header: s, footer: i } = t, [a, r] = S.useState(null), { setBlocks: l, setSourceBlocks: d } = X(), { setSettings: C } = J(), { setHeader: u, setFooter: m } = F(), { themeSettings: h } = $();
2390
- S.useEffect(() => {
2391
- if (!a) {
2392
- const f = {};
2393
- Object.keys(n).map((L) => {
2394
- f[L] = n[L];
2395
- }), d(f), l(f), u(s), m(i), C(o);
2396
- const w = St([
2386
+ }, Va = (t) => {
2387
+ const { blocks: n, settings: o, header: s, footer: i } = t, [r, a] = p.useState(null), { setBlocks: l, setSourceBlocks: d } = X(), { setSettings: _ } = Y(), { setHeader: u, setFooter: g } = $(), { themeSettings: h } = H();
2388
+ p.useEffect(() => {
2389
+ if (!r) {
2390
+ const L = {};
2391
+ Object.keys(n).map((k) => {
2392
+ L[k] = n[k];
2393
+ }), d(L), l(L), u(s), g(i), _(o);
2394
+ const x = bt([
2397
2395
  {
2398
2396
  path: "/admin/builder",
2399
2397
  element: /* @__PURE__ */ e.jsx(
2400
- Er,
2398
+ Ua,
2401
2399
  {
2402
2400
  blocks: n,
2403
2401
  settings: o,
@@ -2408,46 +2406,46 @@ const Ir = (t) => {
2408
2406
  },
2409
2407
  {
2410
2408
  path: "/checkout",
2411
- element: /* @__PURE__ */ e.jsx(ft, {})
2409
+ element: /* @__PURE__ */ e.jsx(_t, {})
2412
2410
  },
2413
2411
  {
2414
2412
  path: "/top-up",
2415
- element: /* @__PURE__ */ e.jsx(_t, {})
2413
+ element: /* @__PURE__ */ e.jsx(wt, {})
2416
2414
  },
2417
2415
  {
2418
2416
  path: "/charges/:id",
2419
- element: /* @__PURE__ */ e.jsx(wt, {})
2417
+ element: /* @__PURE__ */ e.jsx(vt, {})
2420
2418
  },
2421
2419
  {
2422
2420
  path: "/orders/:id/:accessToken?",
2423
- element: /* @__PURE__ */ e.jsx(vt, {})
2421
+ element: /* @__PURE__ */ e.jsx(xt, {})
2424
2422
  },
2425
2423
  {
2426
2424
  path: "/subscriptions/:id/:accessToken?",
2427
- element: /* @__PURE__ */ e.jsx(xt, {})
2425
+ element: /* @__PURE__ */ e.jsx(kt, {})
2428
2426
  },
2429
2427
  {
2430
2428
  path: "/customer-dash",
2431
- element: /* @__PURE__ */ e.jsx(kt, {})
2429
+ element: /* @__PURE__ */ e.jsx(jt, {})
2432
2430
  },
2433
2431
  {
2434
2432
  path: "*",
2435
- element: /* @__PURE__ */ e.jsx(Ft, {})
2433
+ element: /* @__PURE__ */ e.jsx(Dt, {})
2436
2434
  }
2437
2435
  ]);
2438
- r(w);
2436
+ a(x);
2439
2437
  }
2440
- }, [a]), S.useEffect(() => {
2441
- const f = $t(h);
2442
- Mt(f);
2438
+ }, [r]), p.useEffect(() => {
2439
+ const L = Mt(h);
2440
+ Ht(L);
2443
2441
  }, [h]);
2444
- const c = window.location.hostname.includes("localhost") ? localStorage.getItem("fakeDomain") || "subscriptions.billgang.store" : window.location.hostname, p = localStorage.getItem("shopPassword"), x = localStorage.getItem("shopId") || "";
2445
- return /* @__PURE__ */ e.jsx(e.Fragment, { children: a && /* @__PURE__ */ e.jsx(
2446
- bt,
2442
+ const c = window.location.hostname.includes("localhost") ? localStorage.getItem("fakeDomain") || "subscriptions.billgang.store" : window.location.hostname, w = localStorage.getItem("shopPassword"), j = localStorage.getItem("shopId") || "";
2443
+ return /* @__PURE__ */ e.jsx(e.Fragment, { children: r && /* @__PURE__ */ e.jsx(
2444
+ ft,
2447
2445
  {
2448
2446
  shopDomain: c,
2449
- shopId: x,
2450
- shopPassword: p || void 0,
2447
+ shopId: j,
2448
+ shopPassword: w || void 0,
2451
2449
  routes: {
2452
2450
  Checkout: "/checkout",
2453
2451
  TopUp: "/top-up",
@@ -2455,12 +2453,12 @@ const Ir = (t) => {
2455
2453
  Order: "/orders",
2456
2454
  Subscription: "/subscriptions"
2457
2455
  },
2458
- children: /* @__PURE__ */ e.jsx(Ct, { router: a })
2456
+ children: /* @__PURE__ */ e.jsx(Ct, { router: r })
2459
2457
  }
2460
2458
  ) });
2461
2459
  };
2462
2460
  export {
2463
- zr as App,
2464
- Gr as hotReload,
2465
- qr as iconNames
2461
+ Va as App,
2462
+ Wa as hotReload,
2463
+ za as iconNames
2466
2464
  };