npm - @billgangcom/theme-lib - Versions diffs - 1.20.0 → 1.21.0 - Mend

@billgangcom/theme-lib 1.20.0 → 1.21.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 (10) hide show

package/dist/builder.cjs.js +3 -3
package/dist/builder.es.js +440 -427
package/dist/root-BsdCG0vR.cjs +146 -0
package/dist/{root-kSEgyxKJ.js → root-Dypsy1hs.js} +8104 -7897
package/dist/shared/lib/api.d.ts +10 -2
package/dist/ui.cjs.js +1 -1
package/dist/ui.es.js +310 -310
package/package.json +4 -3
package/dist/root-Btcirg55.cjs +0 -146
package/dist/vite.svg +0 -1

package/dist/builder.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._button_3jsln_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_3jsln_1:disabled{opacity:.7;cursor:auto}._primary_3jsln_13{color:#fff;background-color:#ff3f19}._secondary_3jsln_18{color:#757575;background-color:#f8f8f8}._content_3jsln_23{display:flex;align-items:center;gap:4px}._wrapper_wp7u5_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_wp7u5_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_wp7u5_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--background-color)}._input_wp7u5_17::placeholder{color:#c2c2c2}._input_wp7u5_17:disabled{background-color:var(--background-color);opacity:.7}._required_wp7u5_36{border:1px solid #ff3f19}._paddingless_wp7u5_40{padding:0}._content_wp7u5_44{display:flex;align-items:center;gap:8px}._borderless_wp7u5_50{border-radius:0;border:none}._wrapper_1v1ye_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1v1ye_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_1v1ye_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}._icon_1v1ye_30{transition:.2s}._rotate_1v1ye_34{transform:rotate(180deg)}._content_1v1ye_38{position:relative}._options_1v1ye_42{position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;display:flex;flex-direction:column;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_1v1ye_42{padding:10px 12px;border-radius:12px}._option_1v1ye_42:hover{background-color:#e6e6e6}._addon_1v1ye_66{display:flex;align-items:center;gap:6px}._wrapper_3w2ni_1{display:flex;width:fit-content;gap:8px;align-items:center;border-radius:12px;line-height:20px;color:#252525;font-size:14px;font-weight:400}._switch_3w2ni_13{width:40px;height:24px;background-color:#ccc;border-radius:25px;display:flex;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_3w2ni_13._active_3w2ni_24{background:#ff3f19}._switch_3w2ni_13 ._toggle_3w2ni_27{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_3w2ni_13._active_3w2ni_24 ._toggle_3w2ni_27{transform:translate(18px)}._background_3w2ni_39{background-color:#f8f8f8}._padding_3w2ni_43{padding:8px}._wrapper_1inu5_1{border:var(--default-border);width:fit-content;height:fit-content;max-height:500px;max-width:500px;min-width:300px;padding:10px;left:10px;top:10px;position:absolute;z-index:1000;background-color:#fff;display:flex;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._blocks_1op3c_1{display:flex;align-items:center;gap:8px}._block_1op3c_1{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1op3c_18{border:1px solid #ff3f19}._applyButton_1cqw4_2{flex:0 1 50%;font-weight:400}._cancelButton_1cqw4_7{background-color:#f8f8f8;color:var(--accent-color)}._content_1cqw4_12{display:flex;flex-direction:column;width:100%}._label_1cqw4_18{padding:8px 12px;border-radius:8px;display:flex;align-items:center;position:relative;gap:8px;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_1cqw4_30{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_1cqw4_37{left:15px;width:288px;overflow-y:auto;z-index:100000000;position:fixed;background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e6e6e6;height:400px;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:24px;font-weight:700}._colorMap_1cqw4_56{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_1cqw4_64{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_1cqw4_73{width:80%;left:30px;height:8px;position:absolute;bottom:80px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red,red);border-radius:5px}input[type=range]{-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;display:flex;justify-content:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:50%;cursor:pointer}._slider_1cqw4_102{width:100%;cursor:pointer}._buttons_1cqw4_107{display:flex;gap:5px;width:100%}._name_1cqw4_113{line-height:20px;padding:0 4px 4px}._secondary_1cqw4_118{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_1cqw4_126{line-height:20px;font-size:14px;font-weight:400}._modal_1qb2a_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;display:flex;padding:20px;justify-content:center;align-items:center;overflow:hidden}._wrapper_1qvfi_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_1qvfi_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._textarea_1qvfi_18{width:100%;background-color:var(--background-color);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_1qvfi_18::placeholder{color:#c2c2c2}._length_1qvfi_33{position:absolute;bottom:12px;right:12px;color:#c2c2c2;line-height:20px}._wrapper_1fcne_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1fcne_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_1fcne_18{display:flex;gap:20px}._radioLabel_1fcne_23{display:flex;align-items:center;cursor:pointer;position:relative}._radio_1fcne_23{position:absolute;opacity:0;cursor:pointer}._custom_1fcne_36{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_1fcne_23:checked+._custom_1fcne_36{border-color:#ff3f19;background:#ffeae5}._custom_1fcne_36:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#e53e3e;opacity:0}._radio_1fcne_23:checked+._custom_1fcne_36:after{opacity:1}._option_1fcne_18{font-size:16px;line-height:24px;font-weight:400}._tip_pl6k0_1{display:flex;align-items:center;padding:8px;border-radius:12px;gap:8px}._text_pl6k0_9{flex:1 1 auto;line-height:20px;font-size:14px}._warning_pl6k0_15{background:#faf8e6;color:#c1972a}._error_pl6k0_20{background:#ffc3b7;color:#ff3f19}._hide_pl6k0_25{display:none}._customCheckbox_1b69m_1{display:inline-block;cursor:pointer;position:relative}._checkboxBox_1b69m_7{display:inline-block;width:20px;height:20px;border:1px solid #e6e6e6;border-radius:6px;position:relative}._checkboxBox_1b69m_7._checked_1b69m_16{background:#ffeae5;border:1px solid #ff3f19}._icon_1b69m_21{position:absolute;top:3px;left:3px}._loader_wrwsz_1{border:4px solid rgba(0,0,0,.1);border-left-color:#f8f8f8;border-radius:50%;width:40px;height:40px;animation:_spin_wrwsz_1 1s linear infinite}@keyframes _spin_wrwsz_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._wrapper_5w9s8_1{width:100%;padding:20px;text-align:center}._wrapper_tm686_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_tm686_9{color:#757575;font-weight:400;font-size:14px;line-height:20px}._icon_tm686_16{padding:4px;background-color:#fff;border:1px solid #f0f0f0;display:flex;justify-content:center;align-items:center;border-radius:6px}._text_tm686_26{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_tm686_33{display:flex;align-items:center;gap:6px;cursor:pointer;background-color:#f8f8f8;border-radius:12px;padding:6px 8px}._modal_tm686_43{background-color:#f8f8f8;border:1px solid #f0f0f0;border-radius:16px;width:100%;max-width:640px}._top_tm686_51{padding:16px 24px;display:flex;align-items:center;justify-content:space-between}._title_tm686_58{color:#252525;font-weight:400;font-size:18px;line-height:24px}._modalContent_tm686_65{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background-color:#fff}._images_tm686_74{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_tm686_83{display:flex;flex-direction:column;gap:8px;padding:43px 16px;border:1px dashed #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._description_tm686_95{text-align:center;color:#252525;font-size:14px;line-height:20px}._description_tm686_95 span:last-child{padding-top:4px}._bottom_tm686_105{display:flex;justify-content:end;align-items:center;width:100%;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 24px 12px;gap:6px}._cancel_tm686_117{background-color:var(--background-color);color:var(--accent-color)}._highlight_tm686_122{color:#ff3f19;cursor:pointer}._accent_tm686_127{color:var(--accent-color)}._image_tm686_74{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_tm686_141{border:1px solid #ff3f19}._checkbox_tm686_145{position:absolute;top:12px;left:12px}._loading_tm686_151{position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:#f8f8f8;justify-content:center;align-items:center;display:flex;border-radius:16px;aspect-ratio:1/1}._spinner_tm686_163{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:#f8f8f8;border-radius:50%;animation:_spin_tm686_163 1s linear infinite}@keyframes _spin_tm686_163{to{transform:rotate(360deg)}}*{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_dbban_1{height:100%;overflow-y:scroll;display:flex;flex-direction:column}._main_dbban_8{flex:1 1 auto}._loading_dbban_12{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._buttons_1oah0_1{display:flex;align-items:center;gap:5px}._button_1oah0_1{cursor:pointer;padding:10px;border-radius:12px}._button_1oah0_1:hover{background-color:#f0f0f0}._disabled_1oah0_16{cursor:default}._disabled_1oah0_16:hover{background-color:inherit}._devices_hxl12_1{display:flex;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_hxl12_1{padding:6px 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_hxl12_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_hxl12_23{background-color:#fff}._active_hxl12_23:hover{border:1px solid var(--background-color);box-shadow:none}._header_zvaam_1{width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);display:flex;align-items:center;justify-content:space-between;gap:24px}._left_zvaam_12,._right_zvaam_13{display:flex;align-items:center;gap:24px}._preview_vijvm_2{display:flex;align-items:center;gap:4px;color:var(--accent-color);line-height:20px;padding:10px 16px;cursor:pointer;border:1px solid #fff;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._preview_vijvm_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_vijvm_22{background-color:var(--background-color)}._active_vijvm_22:hover{border:1px solid #fff;box-shadow:none}._settings_q79q3_1{display:flex;gap:20px;align-items:center;color:var(--accent-color)}._pages_sf7rl_1{position:relative}._default_sf7rl_5{display:flex;align-items:center;gap:4px;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_sf7rl_16{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_sf7rl_22{position:absolute;top:45px;width:320px;left:0;z-index:5000;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column}._page_sf7rl_1{display:flex;align-items:center;gap:8px;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_sf7rl_45{background-color:var(--background-color)}._separator_sf7rl_49{border-bottom:1px solid #f0f0f0}._button_sf7rl_53{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:start;gap:8px;padding:16px 8px 12px;transition:.2s}._button_sf7rl_53:hover{background-color:var(--background-color)}._items_sf7rl_67{max-height:400px;overflow-y:scroll;height:100%}._zoom_a77cn_1{display:flex;align-items:center;gap:4px;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_3wxbf_1{display:flex;align-items:center;gap:4px;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_2ce42_1{border-bottom:var(--default-border);display:flex;gap:8px;align-items:center;padding:22px;cursor:pointer}._text_2ce42_10{color:#252525;line-height:20px}._navbar_2ac63_1{width:100px;border-right:var(--default-border)}._main_2ac63_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_2ac63_13{display:flex;align-items:center;flex-direction:column;gap:4px;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_2ac63_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_2ac63_30{background-color:var(--background-color);color:#252525}._active_2ac63_30:hover{border:1px solid #fff;box-shadow:none}._preview_1q4f5_1{width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;z-index:500}._main_1q4f5_9{width:100%;display:flex;flex-direction:column;overflow-y:auto;height:calc(100vh - 85px);position:relative;z-index:1}._content_1q4f5_19{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1q4f5_26{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._loader_1q4f5_34{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_1q4f5_1 1s linear infinite}@keyframes _spin_1q4f5_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_1t64j_1{display:flex;width:100%;padding:18px;justify-content:center;border:var(--default-border);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:none;z-index:5}._circles_1t64j_14{left:28px;top:28px;position:absolute;display:flex;align-items:center;gap:8px}._circle_1t64j_14{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_1t64j_30{background:#ff5f57}._green_1t64j_34{background:#28c840}._yellow_1t64j_38{background:#febc2e}._input_1t64j_42{background-color:var(--background-color);padding:6px 8px;display:flex;max-width:480px;width:100%;border-radius:6px}._main_1t64j_51{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:4px}._text_1t64j_59{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_1plo6_1{width:100%;height:100%;display:flex;flex-direction:column}._main_1plo6_8{flex:1 0 auto}._block_1plo6_12{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_1plo6_19{border:2px solid #ff3f19}._name_1plo6_23{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_1plo6_37{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}._icon_1plo6_48{width:64px;height:64px;background-color:var(--background-color);display:flex;border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_1plo6_59{font-weight:700;font-size:24px;line-height:32px}._text_1plo6_65{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_1plo6_71{padding:0 20px;margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:24px}._section_1plo6_71{cursor:pointer;display:flex;gap:10px;max-width:288px;width:100%;align-items:center;justify-content:space-between;padding:24px;background-color:var(--background-color);border-radius:24px;color:var(--accent-color)}._sidebar_1f3hk_1{position:absolute;display:flex;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1f3hk_12{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1f3hk_22{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1f3hk_30:hover{background-color:var(--background-color)}._border_1f3hk_34{border-bottom:var(--default-border)}._deleteButton_1f3hk_38:hover{background-color:#dd6363;color:#fff}._results_f488n_1{display:flex;flex-direction:column;padding:8px;gap:20px}._name_f488n_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_f488n_15{display:flex;align-items:center;justify-content:space-between;cursor:pointer}._search_1s0qp_1{background:var(--background-color);padding:8px 12px;display:flex;align-items:center;border-radius:12px;width:100%;gap:10px;margin:8px 0}._input_1s0qp_12{width:100%;font-size:16px;line-height:24px;color:#252525}._input_1s0qp_12::placeholder{color:#c2c2c2}._sidebar_96mlz_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:calc(100vh - 60px);position:relative}._title_96mlz_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_96mlz_18{display:flex;align-items:center;gap:8px}._layers_62wod_1{display:flex;flex-direction:column;position:relative;height:100%}._block_62wod_8{position:relative;display:flex;align-items:center;gap:4px;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_62wod_8:hover{background-color:var(--background-color)}._dragging_62wod_23{box-shadow:0 2.1px 4.36px #00000004;box-shadow:0 5.3px 10.22px #00000005;border:var(--default-border);box-shadow:0 10.81px 19.93px #00000006;cursor:grabbing}._active_62wod_31{background:#ffeae5}._add_62wod_35{z-index:2;position:absolute;display:flex;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_62wod_47{position:relative;display:flex;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_62wod_60{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;gap:4px;color:var(--accent-color)}._title_62wod_72{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_62wod_79{margin:0 0 12px}._text_62wod_83{font-size:16px;font-weight:400;line-height:24px}._highlight_62wod_89{color:#ff3f19;cursor:pointer}._block_1d6lb_1{position:relative;display:flex;align-items:center;gap:4px;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1d6lb_1:hover{background-color:var(--background-color)}._theme_1xj36_1{display:flex;flex-direction:column}._block_1xj36_6{justify-content:start;display:flex;align-items:center;gap:8px;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1xj36_6:hover{background-color:var(--background-color)}._name_1xj36_20{flex:1 1 auto}._back_y3z55_1{display:flex;align-items:center;gap:8px;padding-bottom:8px}._render_y3z55_8{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:501}._open_y3z55_23{animation:.2s _open_y3z55_23 forwards}@keyframes _open_y3z55_23{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_y3z55_50{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_y3z55_50{animation:.2s _close_y3z55_50 forwards}._clicked_y3z55_54{opacity:0}._title_y3z55_58{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._button_y3z55_66{align-self:center;flex:1}._loading_y3z55_71{flex:1 1 auto}._settings_y3z55_75{flex:1 1 100%;overflow-y:scroll;overflow-x:hidden}._deleteButton_y3z55_81{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_y3z55_81:hover{background-color:#dd6363;color:#fff}._settings_1r85j_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:3}._open_1r85j_16{transform:translate(0)}._close_1r85j_20{transform:translate(320px)}._header_1r85j_24{display:flex;align-items:center;gap:8px}._title_1r85j_30{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_1r85j_37{color:#ff3f19;display:flex;align-items:center;gap:4px;cursor:pointer}._wrapper_n1a7x_1{overflow-y:scroll}._category_n1a7x_5{display:flex;flex-direction:column}._categoryTitle_n1a7x_10{font-weight:600;font-size:16px;line-height:24px}._color_n1a7x_16{display:flex;flex-direction:column}._color_n1a7x_16:not(:last-child){border-bottom:1px solid #f0f0f0}._content_n1a7x_24{padding:12px 0;gap:8px;display:flex;align-items:center;flex:1 1 auto}._preview_n1a7x_32{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._wrapper_kb55x_2{overflow-y:scroll}._category_kb55x_6{display:flex;flex-direction:column}._categoryTitle_kb55x_11{font-weight:600;font-size:16px;line-height:24px}._color_kb55x_17{gap:8px;display:flex;flex-direction:column}._name_kb55x_23{line-height:20px;padding:0 4px 4px}._content_kb55x_28{display:flex;flex-direction:column;width:100%}._label_kb55x_34{padding:8px 12px;border-radius:12px;display:flex;align-items:center;gap:5px;width:100%;background-color:var(--background-color);cursor:pointer}._input_kb55x_45[type=color]{width:20px;height:20px;padding:1px}._input_kb55x_45{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_kb55x_45::-webkit-color-swatch{border-radius:50%;border:none}._input_kb55x_45::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_kb55x_71{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_kb55x_79{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_kb55x_79:not(:last-child){border-bottom:1px solid #f0f0f0}._alignments_kb55x_89{display:flex;flex-direction:column;gap:10px}._lineField_kb55x_95{display:flex;justify-content:space-between;align-items:center}._style_kb55x_101{flex:1 0 50%;display:flex;flex-direction:column;gap:8px}._header_kb55x_108{display:flex;align-items:center;justify-content:space-between}._wrapper_k9on2_1{overflow-y:scroll}._category_k9on2_5{display:flex;flex-direction:column}._categoryTitle_k9on2_10{font-weight:600;font-size:16px;line-height:24px}._font_k9on2_16{padding:12px 0;gap:8px;display:flex;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_k9on2_16:hover{background-color:#f8f8f8;border-radius:8px}._font_k9on2_16:not(:last-child){border-bottom:var(--default-border)}._font_k9on2_16:not(:last-child):hover{border-bottom:1px solid #f8f8f8}._content_k9on2_36{display:flex;flex-direction:column;width:100%}._icon_k9on2_42{padding:8px;border-radius:8px;background-color:#f8f8f8;display:flex;align-items:center;justify-content:center}._paragraph_k9on2_51{padding:12px}._deleteIcon_k9on2_55{position:absolute;right:10px;width:20px;height:20px}._iconButton_k9on2_62{width:32px;height:32px}._wrapper_94fpv_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_94fpv_16{transform:translate(0)}._close_94fpv_20{transform:translate(320px)}._header_94fpv_24{display:flex;align-items:center;gap:8px;margin:0 0 10px}._title_94fpv_31{font-weight:700;font-size:20px;line-height:24px}._options_94fpv_37{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_94fpv_44{opacity:0}._wrapper_1j33r_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_1j33r_16{transform:translate(0)}._close_1j33r_20{transform:translate(320px)}._header_1j33r_24{display:flex;align-items:center;gap:8px;margin:0 0 10px}._title_1j33r_31{font-weight:700;font-size:20px;line-height:24px}._options_1j33r_37{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1j33r_44{opacity:0}._label_1j33r_48{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1j33r_55{display:flex;flex-direction:column;gap:10px}._blocks_1j33r_61{display:flex;align-items:center;gap:8px}._alignment_1j33r_55{padding:8px;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1j33r_75{border:1px solid #ff3f19}._wrapper_jjfwh_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_jjfwh_12{display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_jjfwh_21{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_jjfwh_29{display:flex;justify-content:end;gap:12px}._cancel_jjfwh_35{background-color:var(--background-color);color:var(--accent-color)}._label_jjfwh_40,._description_jjfwh_41{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_jjfwh_49{display:flex;flex-direction:column;gap:10px}._block_jjfwh_55{padding:24px;display:flex;flex-direction:column;border:1px solid var(--background-color);border-radius:8px}._slug_jjfwh_63{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_jjfwh_69{font-weight:600;font-size:16px;line-height:24px}._layout_vvs1k_1{width:100%;height:100%;display:flex;position:relative}._main_vvs1k_8{display:flex;flex-direction:column;width:100%;position:relative}._content_vvs1k_15{position:relative;height:100%;display:flex}*,: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}.-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-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.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-\\[5px\\]{height:5px}.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-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-\\[5px\\]{width:5px}.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-8{gap:2rem}.gap-\\[3px\\]{gap:3px}.gap-\\[6px\\]{gap:6px}.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-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-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-surface200{background-color:var(--billgang-color-surface-200)}.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-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-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_2tiiw_1{border-radius:24px;overflow:hidden;transition:all .3s ease;background-color:#f8f8f8;padding:24px}._header_2tiiw_9{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}._header_2tiiw_9 ._icon_2tiiw_16{transition:transform .3s ease}._header_2tiiw_9 ._icon_2tiiw_16._open_2tiiw_19{transform:rotate(180deg)}._content_2tiiw_23{overflow:hidden;transition:height .3s ease}._wrapper_1g82c_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_1g82c_8{padding:10px 0 16px;display:flex;flex-direction:column;gap:6px}._title_1g82c_15{font-weight:700;line-height:24px;font-size:16px;color:#252525}._subtitle_1g82c_22{color:#757575;font-size:14px;line-height:20px;font-weight:400}._alignmentContent_1g82c_29{display:flex;justify-content:space-between;align-items:stretch}._alignments_1g82c_35{border-radius:12px;background:#f8f8f8;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_1g82c_8{cursor:pointer;display:flex;height:100%;width:100%;align-items:center;justify-content:center}._circle_1g82c_54{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_1g82c_61{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_1g82c_61{width:68px;display:flex;align-items:center;gap:4px;background:#f8f8f8;border-radius:12px;padding:10px 8px}._input_1g82c_79{width:100%}._subtitle_2zbxx_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_2zbxx_8,._text_2zbxx_9{padding:10px 0 16px;display:flex;flex-direction:column;border-bottom:1px solid #f0f0f0}._top_2zbxx_16{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_2zbxx_23{display:flex;flex-direction:column;gap:6px}._typeTexts_3zlec_1{display:flex;align-items:center;gap:8px}._block_3zlec_7{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_3zlec_18{border:1px solid #ff3f19}._subtitle_11qr1_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_11qr1_8,._text_11qr1_9,._productsBlock_11qr1_10{padding:10px 0 16px;display:flex;flex-direction:column;gap:12px;width:100%}._productsBlock_11qr1_10{position:relative}._top_11qr1_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_11qr1_29{display:flex;flex-direction:column;gap:6px}._typeTexts_11qr1_35{display:flex;align-items:center;gap:8px}._block_11qr1_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_11qr1_52{border:1px solid #ff3f19}._products_11qr1_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_11qr1_10{display:flex;align-items:center;gap:8px;width:100%}._button_11qr1_70{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._disabled_11qr1_80{color:#757575}._image_11qr1_84{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_11qr1_91{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_11qr1_102{flex:1 1 100%}._buttons_11qr1_106{display:flex;align-items:center;gap:8px}._modal_11qr1_112{position:fixed;background-color:#fff;border:1px solid #f0f0f0;right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_11qr1_112 ._top_11qr1_22{display:flex;align-items:center;justify-content:space-between}._link_11qr1_130{display:flex;flex-direction:column;gap:8px}._modalOptions_11qr1_136{display:flex;flex-direction:column;gap:10px}._other_1wtgi_1{display:flex;flex-direction:column;gap:6px}._subtitle_1wtgi_7{color:#757575;font-size:14px;line-height:20px;font-weight:400}._items_1wtgi_14{display:flex;flex-direction:column;gap:8px}._subtitle_41klp_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_41klp_8,._text_41klp_9,._productsBlock_41klp_10,._buttonsBlock_41klp_11{padding:10px 0 16px;display:flex;flex-direction:column}._buttonsBlock_41klp_11{position:relative}._top_41klp_21{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_41klp_28{display:flex;flex-direction:column;gap:6px}._typeTexts_41klp_34{display:flex;align-items:center;gap:8px}._block_41klp_40{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_41klp_51{border:1px solid #ff3f19}._products_41klp_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_41klp_10{display:flex;align-items:center;gap:8px;width:100%}._button_41klp_11{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_41klp_79{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_41klp_86{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_41klp_97{flex:1 1 100%}._buttons_41klp_11{display:flex;align-items:center;gap:8px}._modal_41klp_107{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_41klp_107 ._top_41klp_21{display:flex;align-items:center;justify-content:space-between}._other_41klp_124{display:flex;flex-direction:column;gap:6px}._options_41klp_130{display:flex;flex-direction:column;gap:15px}._subtitle_1y5sw_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_1y5sw_8,._text_1y5sw_9,._productsBlock_1y5sw_10,._buttonsBlock_1y5sw_11{padding:10px 0 16px;display:flex;flex-direction:column;border-bottom:1px solid #f0f0f0}._buttonsBlock_1y5sw_11{position:relative}._top_1y5sw_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1y5sw_29{display:flex;flex-direction:column;gap:6px}._typeTexts_1y5sw_35{display:flex;align-items:center;gap:8px}._block_1y5sw_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1y5sw_52{border:1px solid #ff3f19}._products_1y5sw_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_1y5sw_10{display:flex;align-items:center;gap:8px;width:100%}._button_1y5sw_11{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_1y5sw_80{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_1y5sw_87{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_1y5sw_98{flex:1 1 100%}._buttons_1y5sw_11{display:flex;align-items:center;gap:8px}._modal_1y5sw_108{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_1y5sw_108 ._top_1y5sw_22{display:flex;align-items:center;justify-content:space-between}._other_1y5sw_125{display:flex;flex-direction:column;gap:6px}._options_1y5sw_131{display:flex;flex-direction:column;gap:15px}._wrapper_tn7gb_1{display:flex;flex-direction:column;gap:6px}._subtitle_tn7gb_7{color:#757575;font-size:14px;line-height:20px;font-weight:400}._content_tn7gb_14{display:flex;align-items:center;gap:10px;width:100%}._range_tn7gb_21{position:relative;flex:1}._track_tn7gb_26{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_tn7gb_35{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_tn7gb_45{position:absolute;display:flex;justify-content:space-between;width:100%}._dot_tn7gb_45{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_tn7gb_45._active_tn7gb_62{background-color:#ff3f19;transform:scale(1)}._dot_tn7gb_45:not(._active_tn7gb_62){background-color:#e5e7eb;transform:scale(.9)}._dot_tn7gb_45:hover{transform:scale(1.1)}._input_tn7gb_74{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_tn7gb_74::-webkit-slider-thumb,._input_tn7gb_74::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_tn7gb_88{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f8f8;border-radius:12px}._count_tn7gb_88{font-size:16px;font-weight:400;line-height:24px}._controls_tn7gb_103{display:flex;flex-direction:column}._button_tn7gb_108{transition:background-color .2s}._button_tn7gb_108:hover{background-color:#f3f4f6}._button_tn7gb_108:disabled{opacity:.5}._subtitle_1nl8x_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_1nl8x_8,._text_1nl8x_9,._productsBlock_1nl8x_10{padding:10px 0 16px;display:flex;flex-direction:column;gap:12px;width:100%}._productsBlock_1nl8x_10{position:relative}._top_1nl8x_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1nl8x_29{display:flex;flex-direction:column;gap:6px}._typeTexts_1nl8x_35{display:flex;align-items:center;gap:8px}._block_1nl8x_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1nl8x_52{border:1px solid #ff3f19}._products_1nl8x_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_1nl8x_10{display:flex;align-items:center;gap:8px;width:100%}._button_1nl8x_70{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_1nl8x_80{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_1nl8x_87{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_1nl8x_98{flex:1 1 100%}._buttons_1nl8x_102{display:flex;align-items:center;gap:8px}._modal_1nl8x_108{position:fixed;background-color:#fff;border:1px solid #f0f0f0;right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_1nl8x_108 ._top_1nl8x_22{display:flex;align-items:center;justify-content:space-between}._link_1nl8x_126{display:flex;flex-direction:column;gap:8px}._modalOptions_1nl8x_132{display:flex;flex-direction:column;gap:10px}._options_163bj_1{border-radius:16px;border:1px solid #f0f0f0;width:100%;height:fit-content;padding:24px;display:flex;flex-direction:column;gap:20px}._price_163bj_12{display:flex;gap:4px;align-items:flex-start}._oldPrice_163bj_18{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:#757575}._newPrice_163bj_26{font-size:20px;font-weight:700;line-height:24px;color:#252525}._meta_163bj_33{display:flex;flex-direction:column;gap:10px}._info_163bj_39{display:flex;align-items:center;justify-content:space-between;gap:10px}._infoRight_163bj_46{display:flex;align-items:center;gap:5px}._buttons_163bj_52{display:flex;flex-direction:column;gap:8px;width:100%}._variants_163bj_59{display:flex;flex-direction:column;gap:20px}._variant_163bj_59{display:flex;justify-content:space-between;align-items:center;border-radius:12px;padding:12px 16px;border:2px solid #e6e6e6}._stock_163bj_74{font-size:14px;font-weight:400;line-height:20px;color:#757575}._variantInfo_163bj_81{display:flex;flex-direction:column;gap:4px}._quantity_163bj_87{display:flex;align-items:stretch;gap:10px}._count_163bj_93{flex:1 1 auto;display:flex;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_163bj_52{background:#f8f8f8;border-radius:50%;padding:8px;display:flex;justify-content:center;align-items:center}._activeVariant_163bj_110{border:2px solid #ff3f19}._chargeTypes_163bj_114{display:flex;gap:5px;padding:4px;background-color:#f8f8f8}._charge_163bj_114{flex:1 1 auto;display:flex;justify-content:center;align-items:center;color:#757575;padding:8px;border-radius:12px}._chargeActive_163bj_131{background-color:#fff;color:#252525}._button_1jgdy_1{display:flex;align-items:center;padding:10px;background-color:#f8f8f8;border-radius:12px;color:#757575;cursor:pointer;position:relative}._login_1jgdy_12{padding:12px 16px}._signUp_1jgdy_16{background-color:#ff3f19;color:#fff}._buttons_1jgdy_21{display:flex;justify-content:flex-end;align-items:center;gap:16px}._modal_1jgdy_28{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_1jgdy_44{display:flex;gap:8px;align-items:center}._top_1jgdy_50{padding:26px 24px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;gap:8px}._title_1jgdy_59{font-size:20px;font-weight:700;line-height:24px}._clear_1jgdy_65{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_1jgdy_72{color:#ff3f19}._count_1jgdy_76{background:#ff3f19;color:#fff;width:100%;height:100%;border-radius:50%;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center}._cart_1jgdy_89{height:calc(100% - 76px);width:100%;display:flex;flex-direction:column}._empty_1jgdy_96{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;flex:1 1 auto;gap:4px;color:#757575}._empty_1jgdy_96 div{padding-bottom:16px}._empty_1jgdy_96 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_1jgdy_96 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_1jgdy_122{padding:26px 24px;display:flex;align-items:center;justify-content:space-between}._products_1jgdy_129{display:flex;flex-direction:column;flex:1 1 auto;overflow-y:scroll}._image_1jgdy_136{width:56px;height:56px;border-radius:12px}._productInfo_1jgdy_142{display:flex;gap:12px;align-items:center}._content_1jgdy_148{display:flex;flex-direction:column;gap:4px}._name_1jgdy_154{font-size:16px;font-weight:600;line-height:24px}._price_1jgdy_160{font-size:16px;font-weight:400;line-height:24px}._productButtons_1jgdy_166{display:flex;align-items:center;gap:5px}._productButton_1jgdy_166{display:flex;justify-content:center;align-items:center;border-radius:12px;padding:8px;min-width:36px;min-height:36px;background-color:#f8f8f8}._productCount_1jgdy_183{display:flex;justify-content:center;align-items:center;border-radius:12px;padding:8px;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#252525;background-color:#f8f8f8}._bottom_1jgdy_197{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_1jgdy_205{display:flex;align-items:center;justify-content:space-between}._block_1jgdy_211{display:flex;align-items:center;gap:10px}._shoppingCount_1jgdy_217{width:12px;height:12px;border-radius:50%;display:flex;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}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { m as F, n as J, o as T, p as X, q as $, j as e, L as Ae, r as Xe, s as Qe, E as Ce, t as Ke, w as Ye, c as A, I as b, x as Je, y as Z, z as Ze, B as Y, A as et, F as _e, G as tt, J as xe, K as Re, N as q, g as nt, D as ot, H as st, u as at, d as rt, h as ce, i as it, a as R, b as ae, O as be, S as Le, P as Ne, Q as Ie, U as lt, T as ct, R as dt, V as ut, M as Te, l as ht, W as we, X as Pe, Y as pt, e as gt, Z as mt, _ as St, $ as ft, a0 as Ct, a1 as bt, a2 as _t, a3 as xt, a4 as wt, a5 as kt } from "./root-kSEgyxKJ.js";
-import f, { useMemo as Ee } from "react";
-const O = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "", vt = [
+(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_1hcbk_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1hcbk_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_1hcbk_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_1hcbk_17::placeholder{color:#c2c2c2}._input_1hcbk_17:disabled{background-color:var(--background-color);opacity:.7}._required_1hcbk_36{border:1px solid #ff3f19}._paddingless_1hcbk_40{padding:0}._content_1hcbk_44{display:flex;flex-direction:row;gap:8px;align-items:center}._borderless_1hcbk_51{border-radius:0;border:none}._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}.-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-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.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-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}.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-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-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-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-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_q6sjs_1{display:flex;flex-direction:column;gap:20px;border-radius:16px;border:var(--default-border);width:100%;height:fit-content;padding:24px}._price_q6sjs_12{display:flex;flex-direction:row;gap:4px;align-items:flex-start}._oldPrice_q6sjs_19{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:var(--accent-color)}._newPrice_q6sjs_27{font-size:20px;font-weight:700;line-height:24px;color:var(--main-color)}._meta_q6sjs_34{display:flex;flex-direction:column;gap:10px}._info_q6sjs_40{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}._infoRight_q6sjs_48{display:flex;flex-direction:row;gap:5px;align-items:center}._buttons_q6sjs_55{display:flex;flex-direction:column;gap:8px;width:100%}._variants_q6sjs_62{display:flex;flex-direction:column;gap:20px}._variant_q6sjs_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_q6sjs_79{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._variantInfo_q6sjs_86{display:flex;flex-direction:column;gap:4px}._quantity_q6sjs_92{display:flex;flex-direction:row;gap:10px;align-items:stretch}._count_q6sjs_99{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_q6sjs_55{display:flex;flex-direction:row;gap:0px;background:var(--background-color);border-radius:50%;padding:8px;justify-content:center;align-items:center}._activeVariant_q6sjs_120{border:2px solid #ff3f19}._chargeTypes_q6sjs_124{display:flex;flex-direction:row;gap:5px;padding:4px;background-color:var(--background-color)}._charge_q6sjs_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_q6sjs_144{background-color:#fff;color:var(--main-color)}._button_14i4s_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_14i4s_14{padding:12px 16px}._signUp_14i4s_18{background-color:#ff3f19;color:#fff}._buttons_14i4s_23{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px}._modal_14i4s_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_14i4s_48{display:flex;flex-direction:row;gap:8px;align-items:center}._top_14i4s_55{display:flex;flex-direction:row;padding:26px 24px;border-bottom:var(--default-border);align-items:center;justify-content:space-between;gap:8px}._title_14i4s_66{font-size:20px;font-weight:700;line-height:24px}._clear_14i4s_72{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_14i4s_79{color:#ff3f19}._count_14i4s_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_14i4s_98{display:flex;flex-direction:column;gap:0px;height:calc(100% - 76px);width:100%}._empty_14i4s_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_14i4s_106 div{padding-bottom:16px}._empty_14i4s_106 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_14i4s_106 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_14i4s_132{display:flex;flex-direction:row;gap:0px;padding:26px 24px;align-items:center;justify-content:space-between}._products_14i4s_141{display:flex;flex-direction:column;gap:0px;flex:1 1 auto;overflow-y:scroll}._image_14i4s_149{width:56px;height:56px;border-radius:12px}._productInfo_14i4s_155{display:flex;flex-direction:row;gap:12px;align-items:center}._content_14i4s_162{display:flex;flex-direction:column;gap:4px}._name_14i4s_168{font-size:16px;font-weight:600;line-height:24px}._price_14i4s_174{font-size:16px;font-weight:400;line-height:24px}._productButtons_14i4s_180{display:flex;flex-direction:row;gap:5px;align-items:center}._productButton_14i4s_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_14i4s_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_14i4s_216{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_14i4s_224{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._block_14i4s_232{display:flex;flex-direction:row;gap:10px;align-items:center}._shoppingCount_14i4s_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}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { m as F, n as J, o as T, p as X, q as $, j as e, L as Ae, r as Qe, s as Ke, E as be, t as Ye, w as Je, c as A, I as f, x as Re, y as Z, z as Ze, B as Y, A as et, F as _e, G as tt, J as we, K as Ie, N as G, g as nt, D as ot, H as st, u as at, d as rt, h as ce, i as it, a as R, b as ae, O as fe, S as Le, P as Ne, Q as Ee, U as lt, T as ct, R as dt, V as ut, M as Te, l as ht, W as ve, X as Pe, Y as gt, e as pt, Z as mt, _ as St, $ as Ct, a0 as bt, a1 as ft, a2 as _t, a3 as wt, a4 as vt, a5 as xt } from "./root-Dypsy1hs.js";
+import C, { useMemo as Ue } from "react";
+const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "", kt = [
   {
     icon: "Desktop",
     value: "desktop"
@@ -43,7 +43,7 @@ const O = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
   "product",
   "ticket",
   "login"
-], ke = {
+], xe = {
   home: {
     path: "/",
     name: "home",
@@ -120,66 +120,66 @@ function yt() {
   const n = t.get("shopId") || localStorage.getItem("shopId"), o = t.get("sellerAccessToken") || localStorage.getItem("sellerAccessToken"), s = t.get("draftId") || localStorage.getItem("draftId");
   return Ft(), o && localStorage.setItem("sellerAccessToken", o), n && localStorage.setItem("shopId", n), s && localStorage.setItem("draftId", s), !!(o && n && s);
 }
-const Bt = "_wrapper_dbban_1", At = "_main_dbban_8", Pt = "_loading_dbban_12", fe = {
+const Bt = "_wrapper_1dfbs_1", At = "_main_1dfbs_9", Pt = "_loading_1dfbs_13", Ce = {
   wrapper: Bt,
   main: At,
   loading: Pt
-}, Oe = ({ render: t, block: n }) => t(n), Ue = () => {
+}, Oe = ({ render: t, block: n }) => t(n), qe = () => {
   const { footer: t } = F(), { settings: n } = J(), { pageContext: o } = T();
   return t == null ? void 0 : t.renderBlock(n, o);
 }, Ge = () => {
   const { header: t } = F(), { settings: n } = J(), { pageContext: o } = T();
   return t == null ? void 0 : t.renderBlock(n, o);
 }, Lt = ({ pagePath: t }) => {
-  const { sourceBlocks: n } = X(), { pageContext: o } = T(), [s, l] = f.useState(!0), [r, a] = f.useState(null), { setThemeSettings: i } = $(), [d, S] = f.useState();
-  f.useEffect(() => {
+  const { sourceBlocks: n } = X(), { pageContext: o } = T(), [s, l] = C.useState(!0), [r, a] = C.useState(null), { setThemeSettings: i } = $(), [d, S] = C.useState();
+  C.useEffect(() => {
     l(!0), (async () => {
-      const u = await Xe(encodeURIComponent(t));
+      const u = await Qe(encodeURIComponent(t));
       if (u) {
         a(u.layout);
-        const { settings: c, theme: _ } = await Qe();
+        const { settings: c, theme: _ } = await Ke();
         i(_), S(c);
       }
       l(!1);
     })();
   }, []);
-  const p = (h) => {
+  const g = (h) => {
     if (!h || !h.name)
-      return /* @__PURE__ */ e.jsx(Ce, { error: "Block or block.name is undefined." });
+      return /* @__PURE__ */ e.jsx(be, { error: "Block or block.name is undefined." });
     if (!n || !n[h.name])
-      return /* @__PURE__ */ e.jsx(Ce, { error: `Block "${h.name}" does not exist in blocks.` });
+      return /* @__PURE__ */ e.jsx(be, { error: `Block "${h.name}" does not exist in blocks.` });
     const u = new n[h.name]();
     return h.value && Object.assign(u, h.value), u.renderBlock(d, o);
   };
-  return !s && r === null ? /* @__PURE__ */ e.jsx(Nt, {}) : /* @__PURE__ */ e.jsxs("div", { className: fe.wrapper, children: [
+  return !s && r === null ? /* @__PURE__ */ e.jsx(Nt, {}) : /* @__PURE__ */ e.jsxs("div", { className: Ce.wrapper, children: [
     /* @__PURE__ */ e.jsx(Ge, {}),
-    !s && r ? /* @__PURE__ */ e.jsx("div", { className: fe.main, children: Object.keys(r).map((h) => /* @__PURE__ */ e.jsx(
+    !s && r ? /* @__PURE__ */ e.jsx("div", { className: Ce.main, children: Object.keys(r).map((h) => /* @__PURE__ */ e.jsx(
       Oe,
       {
         block: r[h],
-        render: p
+        render: g
       },
       h
-    )) }) : /* @__PURE__ */ e.jsx("div", { className: fe.loading, children: /* @__PURE__ */ e.jsx(Ae, {}) }),
-    /* @__PURE__ */ e.jsx(Ue, {})
+    )) }) : /* @__PURE__ */ e.jsx("div", { className: Ce.loading, children: /* @__PURE__ */ e.jsx(Ae, {}) }),
+    /* @__PURE__ */ e.jsx(qe, {})
   ] });
-}, Nt = () => /* @__PURE__ */ e.jsx("div", { className: fe.notFound, children: "Page Not Found" });
+}, Nt = () => /* @__PURE__ */ e.jsx("div", { className: Ce.notFound, children: "Page Not Found" });
 function Tt() {
-  const t = Ke();
+  const t = Ye();
   return /* @__PURE__ */ e.jsx(Lt, { pagePath: t.pathname });
 }
 const Ft = () => {
   const t = new URL(window.location.href);
   window.history.replaceState(null, "", t.pathname + t.hash);
-}, Dt = "_buttons_1oah0_1", Mt = "_button_1oah0_1", $t = "_disabled_1oah0_16", re = {
+}, Dt = "_buttons_uu72s_1", Mt = "_button_uu72s_1", $t = "_disabled_uu72s_17", re = {
   buttons: Dt,
   button: Mt,
   disabled: $t
 }, Ht = () => {
-  const { undo: t, redo: n, past: o, future: s } = Ye(), [l, r] = f.useState(!1), [a, i] = f.useState(!1);
-  return f.useEffect(() => {
+  const { undo: t, redo: n, past: o, future: s } = Je(), [l, r] = C.useState(!1), [a, i] = C.useState(!1);
+  return C.useEffect(() => {
     r(o.length === 0);
-  }, [o]), f.useEffect(() => {
+  }, [o]), C.useEffect(() => {
     i(s.length === 0);
   }, [s]), /* @__PURE__ */ e.jsxs("div", { className: re.buttons, children: [
     /* @__PURE__ */ e.jsx(
@@ -189,7 +189,7 @@ const Ft = () => {
           [re.disabled]: l
         }),
         children: /* @__PURE__ */ e.jsx(
-          b,
+          f,
           {
             name: "ArrowUUpLeft",
             width: 20,
@@ -209,7 +209,7 @@ const Ft = () => {
           [re.disabled]: a
         }),
         children: /* @__PURE__ */ e.jsx(
-          b,
+          f,
           {
             name: "ArrowUUpRight",
             width: 20,
@@ -223,24 +223,24 @@ const Ft = () => {
       }
     )
   ] });
-}, Rt = "_devices_hxl12_1", It = "_device_hxl12_1", Et = "_active_hxl12_23", ve = {
+}, Rt = "_devices_1b6y1_1", It = "_device_1b6y1_1", Et = "_active_1b6y1_26", ke = {
   devices: Rt,
   device: It,
   active: Et
-}, Ot = () => {
-  const { currentDevice: t, setCurrentDevice: n } = Je();
-  return /* @__PURE__ */ e.jsx("div", { className: ve.devices, children: vt.map((o) => /* @__PURE__ */ e.jsx(
+}, Ut = () => {
+  const { currentDevice: t, setCurrentDevice: n } = Re();
+  return /* @__PURE__ */ e.jsx("div", { className: ke.devices, children: kt.map((o) => /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: A(ve.device, {
-        [ve.active]: t === o
+      className: A(ke.device, {
+        [ke.active]: t.value === o.value
       }),
       onClick: () => n(o),
       children: /* @__PURE__ */ e.jsx(
-        b,
+        f,
         {
           name: o.icon,
-          fill: t === o ? "#252525" : "#757575",
+          fill: t.value === o.value ? "#252525" : "#757575",
           width: 20,
           height: 20
         }
@@ -248,11 +248,11 @@ const Ft = () => {
     },
     o.value
   )) });
-}, Ut = "_header_zvaam_1", Gt = "_left_zvaam_12", qt = "_right_zvaam_13", he = {
-  header: Ut,
-  left: Gt,
-  right: qt
-}, zt = "_preview_vijvm_2", Wt = "_active_vijvm_22", je = {
+}, Ot = "_header_2d8xd_1", qt = "_left_2d8xd_13", Gt = "_right_2d8xd_14", he = {
+  header: Ot,
+  left: qt,
+  right: Gt
+}, zt = "_preview_93shy_2", Wt = "_active_93shy_23", je = {
   preview: zt,
   active: Wt
 }, Vt = () => {
@@ -266,7 +266,7 @@ const Ft = () => {
       onClick: () => n(!t),
       children: [
         /* @__PURE__ */ e.jsx(
-          b,
+          f,
           {
             name: "ArrowUpRight",
             width: 20,
@@ -277,11 +277,11 @@ const Ft = () => {
       ]
     }
   );
-}, Xt = "_settings_q79q3_1", Qt = {
+}, Xt = "_settings_u4cv4_1", Qt = {
   settings: Xt
-}, Kt = "_pages_sf7rl_1", Yt = "_text_sf7rl_16", Jt = "_modal_sf7rl_22", Zt = "_page_sf7rl_1", en = "_hoverable_sf7rl_45", tn = "_separator_sf7rl_49", nn = "_button_sf7rl_53", on = "_items_sf7rl_67", z = {
+}, Kt = "_pages_1mwe1_1", Yt = "_text_1mwe1_17", Jt = "_modal_1mwe1_23", Zt = "_page_1mwe1_1", en = "_hoverable_1mwe1_49", tn = "_separator_1mwe1_53", nn = "_button_1mwe1_57", on = "_items_1mwe1_72", z = {
   pages: Kt,
-  default: "_default_sf7rl_5",
+  default: "_default_1mwe1_5",
   text: Yt,
   modal: Jt,
   page: Zt,
@@ -300,8 +300,8 @@ const Ft = () => {
     deletePage: a,
     isOpenSelectModal: i,
     setIsOpenSelectModal: d
-  } = T(), { deletePage: S } = F(), [p, h] = f.useState("");
-  return f.useEffect(() => {
+  } = T(), { deletePage: S } = F(), [g, h] = C.useState("");
+  return C.useEffect(() => {
     const u = () => {
       d(!1);
     };
@@ -318,7 +318,7 @@ const Ft = () => {
         },
         children: [
           /* @__PURE__ */ e.jsx(
-            b,
+            f,
             {
               name: s && s[t] && s[t].icon || "File",
               fill: "#252525",
@@ -326,9 +326,9 @@ const Ft = () => {
               height: 20
             }
           ),
-          /* @__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 }),
+          /* @__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 }),
           /* @__PURE__ */ e.jsx(
-            b,
+            f,
             {
               name: "CaretDown",
               width: 20,
@@ -350,7 +350,7 @@ const Ft = () => {
               "div",
               {
                 className: A(z.page, {
-                  [z.hoverable]: p === u
+                  [z.hoverable]: g === u
                 }),
                 onMouseEnter: () => h(u),
                 onMouseLeave: () => h(""),
@@ -359,16 +359,16 @@ const Ft = () => {
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(
-                    b,
+                    f,
                     {
                       name: c.icon,
                       fill: "#252525"
                     }
                   ),
-                  /* @__PURE__ */ e.jsx("span", { className: z.text, children: de.includes(c.name) ? `${O(c.name)} page` : c.name }),
-                  p === u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  /* @__PURE__ */ e.jsx("span", { className: z.text, children: de.includes(c.name) ? `${U(c.name)} page` : c.name }),
+                  g === u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
                     /* @__PURE__ */ e.jsx(
-                      b,
+                      f,
                       {
                         name: "Gear",
                         fill: "#757575",
@@ -378,7 +378,7 @@ const Ft = () => {
                       }
                     ),
                     !de.includes(c.name) && /* @__PURE__ */ e.jsx(
-                      b,
+                      f,
                       {
                         name: "Trash",
                         fill: "#C12A2A",
@@ -389,7 +389,7 @@ const Ft = () => {
                     )
                   ] }),
                   s[t] && s[t].path === c.name && /* @__PURE__ */ e.jsx(
-                    b,
+                    f,
                     {
                       name: "Check",
                       fill: "#FF3F19"
@@ -411,7 +411,7 @@ const Ft = () => {
               size: "l",
               children: [
                 /* @__PURE__ */ e.jsx(
-                  b,
+                  f,
                   {
                     name: "Plus",
                     fill: "#ff3f19"
@@ -425,17 +425,17 @@ const Ft = () => {
       }
     )
   ] });
-}, an = "_zoom_a77cn_1", rn = {
+}, an = "_zoom_1q1ud_1", rn = {
   zoom: an
 }, ln = () => {
-  const [t, n] = f.useState(), o = () => {
+  const [t, n] = C.useState(), o = () => {
     n(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
   };
-  return f.useEffect(() => (o(), window.addEventListener("resize", o), () => {
+  return C.useEffect(() => (o(), window.addEventListener("resize", o), () => {
     window.removeEventListener("resize", o);
   }), []), /* @__PURE__ */ e.jsxs("div", { className: rn.zoom, children: [
     /* @__PURE__ */ e.jsx(
-      b,
+      f,
       {
         name: "MagnifyingGlassMinus",
         width: 20,
@@ -450,11 +450,11 @@ const Ft = () => {
 }, cn = () => /* @__PURE__ */ e.jsxs("div", { className: Qt.settings, children: [
   /* @__PURE__ */ e.jsx(sn, {}),
   /* @__PURE__ */ e.jsx(ln, {})
-] }), dn = "_theme_3wxbf_1", un = {
+] }), dn = "_theme_1jz2h_1", un = {
   theme: dn
 }, hn = () => /* @__PURE__ */ e.jsxs("div", { className: un.theme, children: [
   /* @__PURE__ */ e.jsx(
-    b,
+    f,
     {
       name: "Check",
       width: 18,
@@ -462,38 +462,38 @@ const Ft = () => {
     }
   ),
   /* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
-] }), pn = () => {
-  const { themeSettings: t } = $(), { settings: n } = J(), { isOpenSelectModal: o } = T(), [s, l] = f.useState(null), [r, a] = f.useState(!1), { pages: i } = T(), { blocks: d } = F();
-  function S(_, v) {
+] }), gn = () => {
+  const { themeSettings: t } = $(), { settings: n } = J(), { isOpenSelectModal: o } = T(), [s, l] = C.useState(null), [r, a] = C.useState(!1), { pages: i } = T(), { blocks: d } = F();
+  function S(_, k) {
     try {
-      return v.map((x) => {
-        if (!x.value || !x.value.blockSettings)
+      return k.map((w) => {
+        if (!w.value || !w.value.blockSettings)
           throw new Error("block.value or block.value.blockSettings is undefined.");
-        return Object.values(x.value.blockSettings).filter((N) => N && N.type === _).map((N) => {
+        return Object.values(w.value.blockSettings).filter((N) => N && N.type === _).map((N) => {
           if (!N.value)
             throw new Error("item.value is undefined.");
           return N.value;
         }).flat();
-      }).flat().map((x) => {
-        if (!x.listingId)
+      }).flat().map((w) => {
+        if (!w.listingId)
           throw new Error("item.listingId is undefined.");
-        return x.listingId;
+        return w.listingId;
       });
-    } catch (w) {
-      return console.error("Error in getValues function:", w), [];
+    } catch (v) {
+      return console.error("Error in getValues function:", v), [];
     }
   }
-  function p(_, v) {
-    return S(_, v).some((x) => x);
+  function g(_, k) {
+    return S(_, k).some((w) => w);
   }
-  function h(_, v) {
-    const w = S(_, v);
-    return Array.isArray(w) && w.length > 0 ? Math.max(...w) : 0;
+  function h(_, k) {
+    const v = S(_, k);
+    return Array.isArray(v) && v.length > 0 ? Math.max(...v) : 0;
   }
   function u(_) {
     if (i) {
-      const v = Object.keys(i).find((w) => i[w].name === _);
-      if (v) return i[v];
+      const k = Object.keys(i).find((v) => i[v].name === _);
+      if (k) return i[k];
     }
     return null;
   }
@@ -501,30 +501,30 @@ const Ft = () => {
     if (r)
       s && clearTimeout(s);
     else {
-      const v = Object.keys(d).map((w) => {
-        const x = u(w);
+      const k = Object.keys(d).map((v) => {
+        const w = u(v);
         return {
-          name: x ? x.name : w,
-          path: (x == null ? void 0 : x.path) || w,
+          name: w ? w.name : v,
+          path: (w == null ? void 0 : w.path) || v,
           layout: {
-            ...d[w]
+            ...d[v]
           },
-          neededProductIds: [...S("ProductId", Object.values(d[w]))],
-          neededCategoryIds: [...S("CategoryId", Object.values(d[w]))],
-          neededAnnouncementIds: [...S("AnnouncementId", Object.values(d[w]))],
-          neededListingIds: [...S("listings", Object.values(d[w]))],
-          neededFaqs: p("Faqs", Object.values(d[w])),
-          neededReviewCount: h("ReviewCount", Object.values(d[w])),
+          neededProductIds: [...S("ProductId", Object.values(d[v]))],
+          neededCategoryIds: [...S("CategoryId", Object.values(d[v]))],
+          neededAnnouncementIds: [...S("AnnouncementId", Object.values(d[v]))],
+          neededListingIds: [...S("listings", Object.values(d[v]))],
+          neededFaqs: g("Faqs", Object.values(d[v])),
+          neededReviewCount: h("ReviewCount", Object.values(d[v])),
           seo: {
-            pageTitle: x && x.seo && x.seo.title ? x.seo.title : "",
-            pageDescription: x && x.seo && x.seo.description ? x.seo.description : ""
+            pageTitle: w && w.seo && w.seo.title ? w.seo.title : "",
+            pageDescription: w && w.seo && w.seo.description ? w.seo.description : ""
           }
         };
       });
-      et("POST", "save", {
+      et("post", "save", {
         themeSettings: t,
         settings: n,
-        updatedPages: v
+        updatedPages: k
       });
     }
     a(!0);
@@ -542,7 +542,7 @@ const Ft = () => {
       },
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: he.left, children: [
-          /* @__PURE__ */ e.jsx(Ot, {}),
+          /* @__PURE__ */ e.jsx(Ut, {}),
           /* @__PURE__ */ e.jsx(Vt, {})
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: he.center, children: /* @__PURE__ */ e.jsx(cn, {}) }),
@@ -554,8 +554,8 @@ const Ft = () => {
       ]
     }
   );
-}, gn = "_exit_2ce42_1", mn = "_text_2ce42_10", Fe = {
-  exit: gn,
+}, pn = "_exit_1wk4t_1", mn = "_text_1wk4t_11", Fe = {
+  exit: pn,
   text: mn
 }, Sn = () => /* @__PURE__ */ e.jsxs(
   "a",
@@ -564,7 +564,7 @@ const Ft = () => {
     className: Fe.exit,
     children: [
       /* @__PURE__ */ e.jsx(
-        b,
+        f,
         {
           name: "SignOut",
           width: 20,
@@ -574,28 +574,28 @@ const Ft = () => {
       /* @__PURE__ */ e.jsx("span", { className: Fe.text, children: "Exit" })
     ]
   }
-), fn = "_navbar_2ac63_1", Cn = "_main_2ac63_6", bn = "_block_2ac63_13", _n = "_active_2ac63_30", pe = {
-  navbar: fn,
-  main: Cn,
-  block: bn,
+), Cn = "_navbar_14j8e_1", bn = "_main_14j8e_6", fn = "_block_14j8e_13", _n = "_active_14j8e_30", ge = {
+  navbar: Cn,
+  main: bn,
+  block: fn,
   active: _n
-}, xn = () => {
+}, wn = () => {
   const { activeBlock: t, setActiveBlock: n } = _e(), { setActiveBlock: o } = X(), { setCurrentBlock: s } = F(), { setActiveBlock: l } = $();
   function r(a) {
     o(null), n(a), s(null), l(null);
   }
-  return /* @__PURE__ */ e.jsxs("div", { className: pe.navbar, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: ge.navbar, children: [
     /* @__PURE__ */ e.jsx(Sn, {}),
-    /* @__PURE__ */ e.jsx("div", { className: pe.main, children: tt.map((a) => /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx("div", { className: ge.main, children: tt.map((a) => /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: A(pe.block, {
-          [pe.active]: t.icon === a.icon
+        className: A(ge.block, {
+          [ge.active]: t.icon === a.icon
         }),
         onClick: () => r(a),
         children: [
           /* @__PURE__ */ e.jsx(
-            b,
+            f,
             {
               name: a.icon,
               fill: t.icon === a.icon ? "#252525" : "#757575"
@@ -607,14 +607,14 @@ const Ft = () => {
       a.icon
     )) })
   ] });
-}, wn = "_preview_1q4f5_1", kn = "_main_1q4f5_9", vn = "_content_1q4f5_19", jn = "_loading_1q4f5_26", yn = "_loader_1q4f5_34", Bn = "_spin_1q4f5_1", ge = {
-  preview: wn,
-  main: kn,
-  content: vn,
+}, vn = "_preview_1howr_1", xn = "_main_1howr_14", kn = "_content_1howr_25", jn = "_loading_1howr_32", yn = "_loader_1howr_42", Bn = "_spin_1howr_1", pe = {
+  preview: vn,
+  main: xn,
+  content: kn,
   loading: jn,
   loader: yn,
   spin: Bn
-}, An = "_header_1t64j_1", Pn = "_circles_1t64j_14", Ln = "_circle_1t64j_14", Nn = "_red_1t64j_30", Tn = "_green_1t64j_34", Fn = "_yellow_1t64j_38", Dn = "_input_1t64j_42", Mn = "_main_1t64j_51", $n = "_text_1t64j_59", Q = {
+}, An = "_header_obebc_1", Pn = "_circles_obebc_16", Ln = "_circle_obebc_16", Nn = "_red_obebc_33", Tn = "_green_obebc_37", Fn = "_yellow_obebc_41", Dn = "_input_obebc_45", Mn = "_main_obebc_56", $n = "_text_obebc_65", Q = {
   header: An,
   circles: Pn,
   circle: Ln,
@@ -647,7 +647,7 @@ const Ft = () => {
       ),
       /* @__PURE__ */ e.jsx("span", { className: Q.text, children: "lorem.ipsum" }),
       /* @__PURE__ */ e.jsx(
-        b,
+        f,
         {
           name: "Lock",
           fill: "#757575",
@@ -657,7 +657,7 @@ const Ft = () => {
       )
     ] }),
     /* @__PURE__ */ e.jsx(
-      b,
+      f,
       {
         name: "Copy",
         width: 20,
@@ -665,19 +665,19 @@ const Ft = () => {
       }
     )
   ] })
-] }), En = "_content_1plo6_1", On = "_main_1plo6_8", Un = "_block_1plo6_12", Gn = "_active_1plo6_19", qn = "_name_1plo6_23", zn = "_empty_1plo6_37", Wn = "_icon_1plo6_48", Vn = "_title_1plo6_59", Xn = "_text_1plo6_65", Qn = "_sections_1plo6_71", Kn = "_section_1plo6_71", ie = {
+] }), En = "_content_glpob_1", Un = "_main_glpob_9", On = "_block_glpob_13", qn = "_active_glpob_20", Gn = "_name_glpob_24", zn = "_empty_glpob_38", Wn = "_icon_glpob_49", Vn = "_title_glpob_62", Xn = "_text_glpob_68", Qn = "_sections_glpob_74", Kn = "_section_glpob_74", ie = {
   content: En,
-  main: On,
-  block: Un,
-  active: Gn,
-  name: qn,
+  main: Un,
+  block: On,
+  active: qn,
+  name: Gn,
   empty: zn,
   icon: Wn,
   title: Vn,
   text: Xn,
   sections: Qn,
   section: Kn
-}, Yn = "_sidebar_1f3hk_1", Jn = "_content_1f3hk_12", Zn = "_button_1f3hk_22", eo = "_moveButton_1f3hk_30", to = "_border_1f3hk_34", no = "_deleteButton_1f3hk_38", H = {
+}, Yn = "_sidebar_1cz73_1", Jn = "_content_1cz73_14", Zn = "_button_1cz73_24", eo = "_moveButton_1cz73_34", to = "_border_1cz73_38", no = "_deleteButton_1cz73_42", H = {
   sidebar: Yn,
   content: Jn,
   button: Zn,
@@ -687,7 +687,7 @@ const Ft = () => {
 }, oo = () => {
   const { activeBlock: t } = Z(), { blocks: n, removeBlock: o, moveBlock: s, duplicateBlock: l } = F(), { currentPage: r, pages: a } = T(), i = a && a[r] ? Object.keys(n[a[r].path]) : [], d = i.indexOf(t), S = () => {
     d > 0 && a && s(a[r].path, d, d - 1);
-  }, p = () => {
+  }, g = () => {
     d < i.length - 1 && a && s(a[r].path, d, d + 1);
   }, h = () => {
     a && l(a[r].path, t);
@@ -699,16 +699,16 @@ const Ft = () => {
         onClick: S,
         className: A(H.button, H.moveButton),
         disabled: d === 0,
-        children: /* @__PURE__ */ e.jsx(b, { name: "ArrowUp" })
+        children: /* @__PURE__ */ e.jsx(f, { name: "ArrowUp" })
       }
     ),
     /* @__PURE__ */ e.jsx(
       "button",
       {
-        onClick: p,
+        onClick: g,
         className: A(H.button, H.moveButton),
         disabled: d === i.length - 1,
-        children: /* @__PURE__ */ e.jsx(b, { name: "ArrowDown" })
+        children: /* @__PURE__ */ e.jsx(f, { name: "ArrowDown" })
       }
     ),
     /* @__PURE__ */ e.jsx("div", { className: H.border }),
@@ -717,7 +717,7 @@ const Ft = () => {
       {
         onClick: h,
         className: A(H.button, H.moveButton),
-        children: /* @__PURE__ */ e.jsx(b, { name: "Copy" })
+        children: /* @__PURE__ */ e.jsx(f, { name: "Copy" })
       }
     ),
     /* @__PURE__ */ e.jsx("div", { className: H.border }),
@@ -729,7 +729,7 @@ const Ft = () => {
         },
         className: A(H.button, H.deleteButton),
         children: /* @__PURE__ */ e.jsx(
-          b,
+          f,
           {
             name: "Trash",
             hoverable: !0
@@ -738,13 +738,13 @@ const Ft = () => {
       }
     )
   ] }) });
-}, so = f.memo(() => {
-  const { setActiveBlock: t, activeBlock: n } = Z(), { blocks: o, sourceBlocks: s } = X(), { blocks: l } = F(), { settings: r } = J(), { currentPage: a, pages: i, setIsOpenSelectModal: d, pageContext: S } = T(), p = f.useRef(n);
-  f.useEffect(() => {
-    p.current = n;
-  }, [n]), f.useEffect(() => {
+}, so = C.memo(() => {
+  const { setActiveBlock: t, activeBlock: n } = Z(), { blocks: o, sourceBlocks: s } = X(), { blocks: l } = F(), { settings: r } = J(), { currentPage: a, pages: i, setIsOpenSelectModal: d, pageContext: S } = T(), g = C.useRef(n);
+  C.useEffect(() => {
+    g.current = n;
+  }, [n]), C.useEffect(() => {
     const c = () => {
-      p.current && t(null);
+      g.current && t(null);
     };
     return document.body.addEventListener("click", c), () => {
       document.body.removeEventListener("click", c);
@@ -752,9 +752,9 @@ const Ft = () => {
   }, []);
   const h = (c) => {
     if (!c || !c.name)
-      return /* @__PURE__ */ e.jsx(Ce, { error: "Block or block.name is undefined." });
+      return /* @__PURE__ */ e.jsx(be, { error: "Block or block.name is undefined." });
     if (!o || !o[c.name])
-      return /* @__PURE__ */ e.jsx(Ce, { error: `Block "${c.name}" does not exist in blocks.` });
+      return /* @__PURE__ */ e.jsx(be, { error: `Block "${c.name}" does not exist in blocks.` });
     const _ = new o[c.name]();
     return c.value && Object.assign(_, c.value), _.renderBlock(r, S);
   };
@@ -794,15 +794,15 @@ const Ft = () => {
           },
           c
         )) }),
-        /* @__PURE__ */ e.jsx(Ue, {})
+        /* @__PURE__ */ e.jsx(qe, {})
       ]
     }
   );
-}), ao = "_results_f488n_1", ro = "_name_f488n_8", io = "_product_f488n_15", me = {
+}), ao = "_results_12p5x_1", ro = "_name_12p5x_8", io = "_product_12p5x_15", me = {
   results: ao,
   name: ro,
   product: io
-}, lo = "_search_1s0qp_1", co = "_input_1s0qp_12", De = {
+}, lo = "_search_186hm_1", co = "_input_186hm_13", De = {
   search: lo,
   input: co
 }, uo = () => /* @__PURE__ */ e.jsxs("label", { className: De.search, children: [
@@ -815,14 +815,14 @@ const Ft = () => {
     }
   ),
   /* @__PURE__ */ e.jsx(
-    b,
+    f,
     {
       name: "MagnifyingGlass",
       fill: "#757575"
     }
   )
-] }), qe = () => {
-  const { blocks: t, sourceBlocks: n, setActiveBlock: o } = X(), { hideModal: s } = xe();
+] }), ze = () => {
+  const { blocks: t, sourceBlocks: n, setActiveBlock: o } = X(), { hideModal: s } = we();
   function l(i) {
     o(i), s();
   }
@@ -847,7 +847,7 @@ const Ft = () => {
             onClick: () => l(i),
             children: [
               /* @__PURE__ */ e.jsx("span", { className: me.name, children: r(i) }),
-              /* @__PURE__ */ e.jsx(b, { name: "CaretRight" })
+              /* @__PURE__ */ e.jsx(f, { name: "CaretRight" })
             ]
           },
           i
@@ -866,54 +866,54 @@ const Ft = () => {
     dragging: i,
     setDragging: d,
     setHue: S,
-    setSaturation: p,
+    setSaturation: g,
     setBrightness: h,
     colorChange: u,
     setColor: c,
     update: _
-  } = Re(), v = (m) => {
-    const { offsetX: k, offsetY: j } = m.nativeEvent;
-    d(!0), N(k, j, m.currentTarget);
-  }, w = (m) => {
+  } = Ie(), k = (m) => {
+    const { offsetX: x, offsetY: j } = m.nativeEvent;
+    d(!0), N(x, j, m.currentTarget);
+  }, v = (m) => {
     if (i) {
-      const k = document.querySelector(`.${q.colorMap}`), { left: j, top: P } = k.getBoundingClientRect(), g = m.clientX - j, C = m.clientY - P;
-      N(g, C, k);
+      const x = document.querySelector(`.${G.colorMap}`), { left: j, top: P } = x.getBoundingClientRect(), p = m.clientX - j, b = m.clientY - P;
+      N(p, b, x);
     }
-  }, x = () => {
+  }, w = () => {
     d(!1);
-  }, N = (m, k, j) => {
-    const { width: P, height: g } = j.getBoundingClientRect(), C = Math.max(0, Math.min(m / P * 100, 100)), G = Math.max(0, Math.min(100 - k / g * 100, 100));
-    p(C), h(G), y(C, G);
-  }, y = (m, k) => {
-    const j = B(l, m, k);
+  }, N = (m, x, j) => {
+    const { width: P, height: p } = j.getBoundingClientRect(), b = Math.max(0, Math.min(m / P * 100, 100)), q = Math.max(0, Math.min(100 - x / p * 100, 100));
+    g(b), h(q), y(b, q);
+  }, y = (m, x) => {
+    const j = B(l, m, x);
     u(j), c(j);
-  }, D = (m, k, j) => {
-    k /= 100, j /= 100;
-    const P = (ue) => (ue + m / 60) % 6, g = (ue) => j * (1 - k * Math.max(0, Math.min(P(ue), 4 - P(ue), 1))), C = Math.round(255 * g(5)), G = Math.round(255 * g(3)), Ve = Math.round(255 * g(1));
-    return { r: C, g: G, b: Ve };
-  }, L = (m, k, j) => {
-    const P = (g) => g.toString(16).padStart(2, "0");
-    return `#${P(m)}${P(k)}${P(j)}`;
-  }, B = (m, k, j) => {
-    const { r: P, g, b: C } = D(m, k, j);
-    return L(P, g, C);
+  }, D = (m, x, j) => {
+    x /= 100, j /= 100;
+    const P = (ue) => (ue + m / 60) % 6, p = (ue) => j * (1 - x * Math.max(0, Math.min(P(ue), 4 - P(ue), 1))), b = Math.round(255 * p(5)), q = Math.round(255 * p(3)), Xe = Math.round(255 * p(1));
+    return { r: b, g: q, b: Xe };
+  }, L = (m, x, j) => {
+    const P = (p) => p.toString(16).padStart(2, "0");
+    return `#${P(m)}${P(x)}${P(j)}`;
+  }, B = (m, x, j) => {
+    const { r: P, g: p, b } = D(m, x, j);
+    return L(P, p, b);
   };
-  f.useEffect(() => {
-    const m = (j) => w(j), k = () => x();
-    return i ? (document.addEventListener("mousemove", m), document.addEventListener("mouseup", k)) : (document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", k)), () => {
-      document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", k);
+  C.useEffect(() => {
+    const m = (j) => v(j), x = () => w();
+    return i ? (document.addEventListener("mousemove", m), document.addEventListener("mouseup", x)) : (document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", x)), () => {
+      document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", x);
     };
   }, [i]);
   function M() {
     _(n), s(!1);
   }
-  function U() {
+  function O() {
     s(!1), u(o);
   }
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: q.modal,
+      className: G.modal,
       onClick: (m) => m.stopPropagation(),
       style: {
         top: `${t.top}px`,
@@ -924,8 +924,8 @@ const Ft = () => {
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: q.colorMap,
-            onMouseDown: v,
+            className: G.colorMap,
+            onMouseDown: k,
             style: {
               background: `
 linear-gradient(to top, black, transparent),
@@ -935,7 +935,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             children: /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: q.indicator,
+                className: G.indicator,
                 style: {
                   position: "absolute",
                   left: `${r}%`,
@@ -946,7 +946,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             )
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: q.hueSlider, children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx("div", { className: G.hueSlider, children: /* @__PURE__ */ e.jsx(
           "input",
           {
             type: "range",
@@ -956,15 +956,15 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             onChange: (m) => {
               S(Number(m.target.value)), y(r, a);
             },
-            className: q.slider
+            className: G.slider
           }
         ) }),
-        /* @__PURE__ */ e.jsxs("div", { className: q.buttons, children: [
+        /* @__PURE__ */ e.jsxs("div", { className: G.buttons, children: [
           /* @__PURE__ */ e.jsx(
             Y,
             {
-              onClick: U,
-              className: A(q.applyButton, q.cancelButton),
+              onClick: O,
+              className: A(G.applyButton, G.cancelButton),
               children: "Cancel"
             }
           ),
@@ -972,7 +972,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             Y,
             {
               onClick: M,
-              className: q.applyButton,
+              className: G.applyButton,
               children: "Apply"
             }
           )
@@ -980,45 +980,58 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, po = () => {
+}, go = () => {
   const { onPreview: t } = Z(), {
     // hoverBlockId,
     isModalVisible: n
     // isPreviewVisible
-  } = xe(), {
+  } = we(), {
     //  currentPage,
     // pages,
     pageContext: o
-  } = T(), { showModal: s } = Re(), [l, r] = f.useState(!0);
-  return f.useEffect(() => {
+  } = T(), { showModal: s } = Ie(), [l, r] = C.useState(!0), { currentDevice: a } = Re();
+  C.useEffect(() => {
     t && o.general && setTimeout(() => {
       r(!1);
     }, 100);
-  }, [t, o]), /* @__PURE__ */ e.jsxs("div", { className: ge.preview, children: [
-    n && /* @__PURE__ */ e.jsx(nt, { children: /* @__PURE__ */ e.jsx(qe, {}) }),
+  }, [t, o]);
+  function i() {
+    return a.value === "desktop" ? "100%" : a.value === "tablet" ? "768px" : "425px";
+  }
+  return /* @__PURE__ */ e.jsxs("div", { className: pe.preview, children: [
+    n && /* @__PURE__ */ e.jsx(nt, { children: /* @__PURE__ */ e.jsx(ze, {}) }),
     s && /* @__PURE__ */ e.jsx(ho, {}),
-    t && /* @__PURE__ */ e.jsxs("div", { className: ge.main, children: [
-      /* @__PURE__ */ e.jsx(In, {}),
-      /* @__PURE__ */ e.jsx("div", { className: ge.content, children: l ? /* @__PURE__ */ e.jsx("div", { className: ge.loading, children: /* @__PURE__ */ e.jsx(Ae, {}) }) : /* @__PURE__ */ e.jsx(so, {}) })
-    ] })
+    t && /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: pe.main,
+        style: {
+          width: i()
+        },
+        children: [
+          /* @__PURE__ */ e.jsx(In, {}),
+          /* @__PURE__ */ e.jsx("div", { className: pe.content, children: l ? /* @__PURE__ */ e.jsx("div", { className: pe.loading, children: /* @__PURE__ */ e.jsx(Ae, {}) }) : /* @__PURE__ */ e.jsx(so, {}) })
+        ]
+      }
+    )
   ] });
-}, go = "_sidebar_96mlz_1", mo = "_title_96mlz_10", So = "_active_96mlz_18", Me = {
-  sidebar: go,
+}, po = "_sidebar_1yyyy_1", mo = "_title_1yyyy_10", So = "_active_1yyyy_18", Me = {
+  sidebar: po,
   title: mo,
   active: So
-}, fo = "_layers_62wod_1", Co = "_block_62wod_8", bo = "_dragging_62wod_23", _o = "_active_62wod_31", xo = "_add_62wod_35", wo = "_button_62wod_47", ko = "_empty_62wod_60", vo = "_title_62wod_72", jo = "_icon_62wod_79", yo = "_text_62wod_83", Bo = "_highlight_62wod_89", se = {
-  layers: fo,
-  block: Co,
-  dragging: bo,
+}, Co = "_layers_1on0q_1", bo = "_block_1on0q_9", fo = "_dragging_1on0q_25", _o = "_active_1on0q_33", wo = "_add_1on0q_37", vo = "_button_1on0q_51", xo = "_empty_1on0q_66", ko = "_title_1on0q_78", jo = "_icon_1on0q_85", yo = "_text_1on0q_89", Bo = "_highlight_1on0q_95", se = {
+  layers: Co,
+  block: bo,
+  dragging: fo,
   active: _o,
-  add: xo,
-  button: wo,
-  empty: ko,
-  title: vo,
+  add: wo,
+  button: vo,
+  empty: xo,
+  title: ko,
   icon: jo,
   text: yo,
   highlight: Bo
-}, Ao = "_block_1d6lb_1", $e = {
+}, Ao = "_block_586dq_1", $e = {
   block: Ao
 }, Po = () => {
   const { setCurrentBlock: t } = F(), { activeBlock: n } = Z();
@@ -1033,12 +1046,12 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       }),
       onClick: () => o("header"),
       children: [
-        /* @__PURE__ */ e.jsx(b, { name: "Cards" }),
+        /* @__PURE__ */ e.jsx(f, { name: "Cards" }),
         /* @__PURE__ */ e.jsx("span", { children: "Header" })
       ]
     }
   );
-}, Lo = "_block_1d6lb_1", He = {
+}, Lo = "_block_586dq_1", He = {
   block: Lo
 }, No = () => {
   const { activeBlock: t } = Z(), { setCurrentBlock: n } = F();
@@ -1053,7 +1066,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       }),
       onClick: () => o("footer"),
       children: [
-        /* @__PURE__ */ e.jsx(b, { name: "Cards" }),
+        /* @__PURE__ */ e.jsx(f, { name: "Cards" }),
         /* @__PURE__ */ e.jsx("span", { children: "Footer" })
       ]
     }
@@ -1062,28 +1075,28 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   const { currentPage: r, pages: a } = T(), { activeBlock: i } = Z(), {
     showPreview: d,
     hidePreview: S,
-    showModal: p,
+    showModal: g,
     hideModal: h,
     clearHideTimeout: u,
     startHideTimeout: c,
     hoverBlockId: _,
-    isModalVisible: v
-  } = xe(), { setPositionBlock: w } = F(), [x, N] = f.useState(!1), y = () => {
-    v && h(), d(t), N(!0), u();
+    isModalVisible: k
+  } = we(), { setPositionBlock: v } = F(), [w, N] = C.useState(!1), y = () => {
+    k && h(), d(t), N(!0), u();
   }, D = (m) => {
-    m.stopPropagation(), S(), p(t), u(), w(o + 1);
+    m.stopPropagation(), S(), g(t), u(), v(o + 1);
   }, L = () => {
-    v ? c() : (N(!1), S());
+    k ? c() : (N(!1), S());
   };
-  f.useEffect(() => {
-    v || N(!1);
-  }, [v]);
+  C.useEffect(() => {
+    k || N(!1);
+  }, [k]);
   const [, B] = at({
     accept: "block",
     hover(m) {
       m.index !== o && a && (s(a[r].path, m.index, o), m.index = o);
     }
-  }), [{ isDragging: M }, U] = rt({
+  }), [{ isDragging: M }, O] = rt({
     type: "block",
     item: { id: t, index: o },
     collect: (m) => ({
@@ -1093,7 +1106,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: (m) => U(B(m)),
+      ref: (m) => O(B(m)),
       className: A(se.block, {
         [se.dragging]: M,
         [se.active]: !M && i === t
@@ -1102,15 +1115,15 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       onMouseEnter: y,
       onMouseLeave: L,
       children: [
-        /* @__PURE__ */ e.jsx(b, { name: "Cards" }),
+        /* @__PURE__ */ e.jsx(f, { name: "Cards" }),
         /* @__PURE__ */ e.jsx("span", { children: n }),
-        (x || _ === t) && !M && /* @__PURE__ */ e.jsx("div", { className: se.add, children: /* @__PURE__ */ e.jsx(
+        (w || _ === t) && !M && /* @__PURE__ */ e.jsx("div", { className: se.add, children: /* @__PURE__ */ e.jsx(
           "button",
           {
             className: se.button,
             onClick: (m) => D(m),
             children: /* @__PURE__ */ e.jsx(
-              b,
+              f,
               {
                 name: "Plus",
                 fill: "#fff"
@@ -1122,29 +1135,29 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
     }
   );
 }, Fo = () => {
-  const { blocks: t, setCurrentBlock: n, moveBlock: o } = F(), { currentPage: s, pages: l } = T(), { setMouseOverModal: r, setHoverBlockId: a } = xe();
-  function i(p) {
-    n(p), r(!1), a(null);
+  const { blocks: t, setCurrentBlock: n, moveBlock: o } = F(), { currentPage: s, pages: l } = T(), { setMouseOverModal: r, setHoverBlockId: a } = we();
+  function i(g) {
+    n(g), r(!1), a(null);
   }
   const { sourceBlocks: d } = X();
-  function S(p) {
-    if (!d || !d[p])
+  function S(g) {
+    if (!d || !d[g])
       return "unknown name";
-    const h = new d[p]();
+    const h = new d[g]();
     return !h.blockSettings || !h.blockSettings.displayName ? "unknown name" : h.blockSettings.displayName;
   }
   return /* @__PURE__ */ e.jsxs("div", { className: se.layers, children: [
     /* @__PURE__ */ e.jsx(Po, {}),
-    /* @__PURE__ */ e.jsx(ot, { backend: st, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: l && l[s] && t[l[s].path] && Object.keys(t[l[s].path]).map((p, h) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(ot, { backend: st, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: l && l[s] && t[l[s].path] && Object.keys(t[l[s].path]).map((g, h) => /* @__PURE__ */ e.jsx(
       To,
       {
-        id: p,
-        name: S(t[l[s].path][p].name),
+        id: g,
+        name: S(t[l[s].path][g].name),
         index: h,
         moveBlock: o,
         onClick: i
       },
-      p
+      g
     )) }) }),
     /* @__PURE__ */ e.jsx(No, {})
   ] });
@@ -1154,7 +1167,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
 }, Mo = () => {
   const { settings: t } = J();
   return t == null ? void 0 : t.renderSettings();
-}, $o = "_theme_1xj36_1", Ho = "_block_1xj36_6", Ro = "_name_1xj36_20", ye = {
+}, $o = "_theme_1wwlz_1", Ho = "_block_1wwlz_7", Ro = "_name_1wwlz_22", ye = {
   theme: $o,
   block: Ho,
   name: Ro
@@ -1169,19 +1182,19 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       onClick: () => n(o),
       className: A(ye.block),
       children: [
-        /* @__PURE__ */ e.jsx(b, { name: o.icon }),
+        /* @__PURE__ */ e.jsx(f, { name: o.icon }),
         /* @__PURE__ */ e.jsx("span", { className: ye.name, children: o.name }),
-        /* @__PURE__ */ e.jsx(b, { name: "CaretRight" })
+        /* @__PURE__ */ e.jsx(f, { name: "CaretRight" })
       ]
     },
     o.icon
   )) });
-}, Eo = "_back_y3z55_1", Oo = "_render_y3z55_8", Uo = "_open_y3z55_23", Go = "_close_y3z55_50", qo = "_clicked_y3z55_54", zo = "_title_y3z55_58", Wo = "_button_y3z55_66", Vo = "_loading_y3z55_71", Xo = "_settings_y3z55_75", Qo = "_deleteButton_y3z55_81", W = {
+}, Eo = "_back_2jwrk_1", Uo = "_render_2jwrk_9", Oo = "_open_2jwrk_24", qo = "_close_2jwrk_51", Go = "_clicked_2jwrk_55", zo = "_title_2jwrk_59", Wo = "_button_2jwrk_67", Vo = "_loading_2jwrk_72", Xo = "_settings_2jwrk_76", Qo = "_deleteButton_2jwrk_82", W = {
   back: Eo,
-  render: Oo,
-  open: Uo,
-  close: Go,
-  clicked: qo,
+  render: Uo,
+  open: Oo,
+  close: qo,
+  clicked: Go,
   title: zo,
   button: Wo,
   loading: Vo,
@@ -1193,70 +1206,70 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   return t.renderSettings(n);
 }, Yo = (t) => {
   var j, P;
-  const { isAdd: n } = t, [o, s] = f.useState(!1), { setActiveBlock: l } = _e(), { sourceBlocks: r, activeBlock: a, setActiveBlock: i, currentInstance: d, setCurrentInstance: S } = X(), {
-    blocks: p,
+  const { isAdd: n } = t, [o, s] = C.useState(!1), { setActiveBlock: l } = _e(), { sourceBlocks: r, activeBlock: a, setActiveBlock: i, currentInstance: d, setCurrentInstance: S } = X(), {
+    blocks: g,
     addBlock: h,
     editBlock: u,
     currentBlock: c,
     setCurrentBlock: _,
-    removeBlock: v,
-    setPositionBlock: w,
-    setHeader: x,
+    removeBlock: k,
+    setPositionBlock: v,
+    setHeader: w,
     setFooter: N,
     header: y,
     footer: D
   } = F(), { currentPage: L, pages: B } = T();
-  function M(g = !1) {
-    if (!n && B && d && !g) {
-      const C = {
+  function M(p = !1) {
+    if (!n && B && d && !p) {
+      const b = {
         blockSettings: {}
       };
-      Object.keys(d.blockSettings).filter((G) => !["displayName", "isAddable"].includes(G)).map((G) => {
-        C.blockSettings[G] = d.blockSettings[G];
+      Object.keys(d.blockSettings).filter((q) => !["displayName", "isAddable"].includes(q)).map((q) => {
+        b.blockSettings[q] = d.blockSettings[q];
       }), u(B[L].path, c, {
-        name: p[B[L].path][c].name,
-        value: C
+        name: g[B[L].path][c].name,
+        value: b
       });
     }
     i(null), _(null), setTimeout(() => {
       s(!1);
     }, 150), S(null);
   }
-  function U() {
+  function O() {
     M(), l({
       name: "Layers",
       icon: "TreeStructure"
     }), S(null);
   }
   function m() {
-    var g;
+    var p;
     if (n)
       return !a || !r[a] ? null : new r[a]();
     {
       if (!B || !B[L] || !c)
         return null;
-      const C = p[B[L].path][c];
-      return !C || !r[C.name] ? null : new r[C.name]((g = C.value) == null ? void 0 : g.blockSettings);
+      const b = g[B[L].path][c];
+      return !b || !r[b.name] ? null : new r[b.name]((p = b.value) == null ? void 0 : p.blockSettings);
     }
   }
-  f.useEffect(() => {
+  C.useEffect(() => {
     if (a || c && !["header", "footer"].includes(c)) {
-      const g = m();
-      S(g);
+      const p = m();
+      S(p);
     } else
       S(null);
-  }, [a, c]), f.useEffect(() => {
-    c === "header" && x(y);
-  }, [c, y]), f.useEffect(() => {
+  }, [a, c]), C.useEffect(() => {
+    c === "header" && w(y);
+  }, [c, y]), C.useEffect(() => {
     c === "footer" && N(D);
   }, [c, D]);
-  function k(g) {
+  function x(p) {
     if (!r)
       return "unknown name";
-    if (!r[g])
+    if (!r[p])
       return c === "header" ? y == null ? void 0 : y.blockSettings.displayName : c === "footer" ? D == null ? void 0 : D.blockSettings.displayName : "unknown name";
-    const C = new r[g]();
-    return !C.blockSettings || !C.blockSettings.displayName ? "unknown name" : C.blockSettings.displayName;
+    const b = new r[p]();
+    return !b.blockSettings || !b.blockSettings.displayName ? "unknown name" : b.blockSettings.displayName;
   }
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -1269,23 +1282,23 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: W.back, children: [
           /* @__PURE__ */ e.jsx(
-            b,
+            f,
             {
               name: "CaretLeft",
               hoverable: !0,
               onClick: () => M()
             }
           ),
-          /* @__PURE__ */ e.jsx("h3", { className: W.title, children: a && k(a) || B && B[L] && p[B[L].path] && k((j = p[B[L].path][c]) == null ? void 0 : j.name) || c && O(c) || "Loading" }),
-          !n && B && !["header", "footer"].includes(c) && k((P = p[B[L].path][c]) == null ? void 0 : P.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("h3", { className: W.title, children: a && x(a) || B && B[L] && g[B[L].path] && x((j = g[B[L].path][c]) == null ? void 0 : j.name) || c && U(c) || "Loading" }),
+          !n && B && !["header", "footer"].includes(c) && x((P = g[B[L].path][c]) == null ? void 0 : P.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
             "button",
             {
               onClick: () => {
-                s(!0), v(B[L].path, c), M(!0);
+                s(!0), k(B[L].path, c), M(!0);
               },
               className: W.deleteButton,
               children: /* @__PURE__ */ e.jsx(
-                b,
+                f,
                 {
                   name: "Trash",
                   hoverable: !0
@@ -1307,18 +1320,18 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             },
             onClick: () => {
               if (s(!0), !["header", "footer"].includes(c) && B) {
-                const g = {
+                const p = {
                   blockSettings: {}
                 };
-                Object.keys(d.blockSettings).filter((C) => !["displayName", "isAddable"].includes(C)).map((C) => {
-                  g.blockSettings[C] = d.blockSettings[C];
+                Object.keys(d.blockSettings).filter((b) => !["displayName", "isAddable"].includes(b)).map((b) => {
+                  p.blockSettings[b] = d.blockSettings[b];
                 }), h(B[L].path, {
                   name: a,
-                  value: g
-                }), w(null);
+                  value: p
+                }), v(null);
               } else
-                c === "header" ? x(y) : N(D);
-              U();
+                c === "header" ? w(y) : N(D);
+              O();
             },
             children: "Add Section"
           }
@@ -1326,14 +1339,14 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, Jo = "_settings_1r85j_1", Zo = "_open_1r85j_16", es = "_close_1r85j_20", ts = "_header_1r85j_24", ns = "_title_1r85j_30", os = "_addButton_1r85j_37", le = {
+}, Jo = "_settings_ss3tc_1", Zo = "_open_ss3tc_16", es = "_close_ss3tc_20", ts = "_header_ss3tc_24", ns = "_title_ss3tc_31", os = "_addButton_ss3tc_38", le = {
   settings: Jo,
   open: Zo,
   close: es,
   header: ts,
   title: ns,
   addButton: os
-}, ss = "_wrapper_n1a7x_1", as = "_category_n1a7x_5", rs = "_categoryTitle_n1a7x_10", is = "_color_n1a7x_16", ls = "_content_n1a7x_24", cs = "_preview_n1a7x_32", ee = {
+}, ss = "_wrapper_joj7w_1", as = "_category_joj7w_5", rs = "_categoryTitle_joj7w_11", is = "_color_joj7w_17", ls = "_content_joj7w_26", cs = "_preview_joj7w_35", ee = {
   wrapper: ss,
   category: as,
   categoryTitle: rs,
@@ -1345,7 +1358,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   async function o(l, r, a) {
     n(l, r, a);
   }
-  const s = Ee(() => {
+  const s = Ue(() => {
     const l = {};
     return Object.entries(t.colors).forEach(([r, a]) => {
       Object.entries(a).forEach(([i, d]) => {
@@ -1358,7 +1371,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
     {
       className: ee.category,
       children: [
-        /* @__PURE__ */ e.jsx("h2", { className: ee.categoryTitle, children: O(l) }),
+        /* @__PURE__ */ e.jsx("h2", { className: ee.categoryTitle, children: U(l) }),
         Object.entries(r).map(([a, i]) => /* @__PURE__ */ e.jsxs(
           "div",
           {
@@ -1377,7 +1390,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
                 /* @__PURE__ */ e.jsx(
                   ce,
                   {
-                    title: O(a),
+                    title: U(a),
                     initialColor: i,
                     onChange: (d) => o(l, a, d)
                   }
@@ -1401,21 +1414,21 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
     },
     l
   )) });
-}, us = "_wrapper_kb55x_2", hs = "_category_kb55x_6", ps = "_categoryTitle_kb55x_11", gs = "_color_kb55x_17", ms = "_name_kb55x_23", Ss = "_content_kb55x_28", fs = "_label_kb55x_34", Cs = "_input_kb55x_45", bs = "_title_kb55x_71", _s = "_field_kb55x_79", xs = "_alignments_kb55x_89", ws = "_lineField_kb55x_95", ks = "_style_kb55x_101", vs = "_header_kb55x_108", V = {
+}, us = "_wrapper_dv4am_2", hs = "_category_dv4am_6", gs = "_categoryTitle_dv4am_12", ps = "_color_dv4am_18", ms = "_name_dv4am_24", Ss = "_content_dv4am_29", Cs = "_label_dv4am_36", bs = "_input_dv4am_48", fs = "_title_dv4am_74", _s = "_field_dv4am_82", ws = "_alignments_dv4am_92", vs = "_lineField_dv4am_98", xs = "_style_dv4am_106", ks = "_header_dv4am_113", V = {
   wrapper: us,
   category: hs,
-  categoryTitle: ps,
-  color: gs,
+  categoryTitle: gs,
+  color: ps,
   name: ms,
   content: Ss,
-  label: fs,
-  input: Cs,
-  title: bs,
+  label: Cs,
+  input: bs,
+  title: fs,
   field: _s,
-  alignments: xs,
-  lineField: ws,
-  style: ks,
-  header: vs
+  alignments: ws,
+  lineField: vs,
+  style: xs,
+  header: ks
 }, js = ["left", "center", "right"], ys = ["solid", "dashed"], Se = (t) => {
   const { title: n, children: o, rightAddon: s } = t;
   return /* @__PURE__ */ e.jsxs("div", { className: V.field, children: [
@@ -1426,7 +1439,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
     o
   ] });
 }, Bs = () => {
-  const { themeSettings: t, updateInput: n } = $(), o = Ee(() => t.inputs, [t]), s = (r, a, i) => {
+  const { themeSettings: t, updateInput: n } = $(), o = Ue(() => t.inputs, [t]), s = (r, a, i) => {
     n(r, a, i);
   }, l = (r) => (a) => {
     n(r, a, "color");
@@ -1457,13 +1470,13 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
           label: "Font Size (px)",
           onChange: (r) => s("general", r, "size"),
           value: String(o.general.size),
-          options: be
+          options: fe
         }
       ),
       /* @__PURE__ */ e.jsx(
         ce,
         {
-          initialColor: O(o.general.color),
+          initialColor: U(o.general.color),
           onChange: l("general"),
           title: "Font Color",
           labelStyle: "secondary"
@@ -1485,7 +1498,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
           /* @__PURE__ */ e.jsx(
             ce,
             {
-              initialColor: O(o.field.color),
+              initialColor: U(o.field.color),
               onChange: l("field"),
               title: "Color",
               labelStyle: "secondary"
@@ -1553,7 +1566,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
           /* @__PURE__ */ e.jsx(
             ce,
             {
-              initialColor: O(o.border.color),
+              initialColor: U(o.border.color),
               onChange: l("border"),
               title: "Color",
               labelStyle: "secondary"
@@ -1579,13 +1592,13 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
           label: "Font Size (px)",
           onChange: (r) => s("label", r, "size"),
           value: String(o.label.size),
-          options: be
+          options: fe
         }
       ),
       /* @__PURE__ */ e.jsx(
         ce,
         {
-          initialColor: O(o.label.color),
+          initialColor: U(o.label.color),
           onChange: l("label"),
           title: "Color",
           labelStyle: "secondary"
@@ -1605,7 +1618,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ] })
     ] })
   ] });
-}, As = "_wrapper_k9on2_1", Ps = "_category_k9on2_5", Ls = "_categoryTitle_k9on2_10", Ns = "_font_k9on2_16", Ts = "_content_k9on2_36", Fs = "_icon_k9on2_42", Ds = "_paragraph_k9on2_51", Ms = "_deleteIcon_k9on2_55", $s = "_iconButton_k9on2_62", K = {
+}, As = "_wrapper_lov6e_1", Ps = "_category_lov6e_5", Ls = "_categoryTitle_lov6e_11", Ns = "_font_lov6e_17", Ts = "_content_lov6e_38", Fs = "_icon_lov6e_45", Ds = "_paragraph_lov6e_56", Ms = "_deleteIcon_lov6e_60", $s = "_iconButton_lov6e_67", K = {
   wrapper: As,
   category: Ps,
   categoryTitle: Ls,
@@ -1629,11 +1642,11 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             className: A(K.icon, {
               [K.paragraph]: l === "paragraph"
             }),
-            children: /* @__PURE__ */ e.jsx(b, { name: l === "paragraph" ? "TextB" : "TextH" })
+            children: /* @__PURE__ */ e.jsx(f, { name: l === "paragraph" ? "TextB" : "TextH" })
           }
         ),
         /* @__PURE__ */ e.jsxs("div", { className: K.content, children: [
-          /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: O(s) }),
+          /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: U(s) }),
           /* @__PURE__ */ e.jsx("span", { className: K.value, children: `${n}, ${o}px` })
         ] })
       ]
@@ -1641,7 +1654,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   );
 }, Rs = () => {
   const { themeSettings: t, setActiveFont: n, activeBlock: o } = $();
-  f.useEffect(() => (s(), () => {
+  C.useEffect(() => (s(), () => {
     s();
   }), []);
   function s() {
@@ -1653,7 +1666,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       {
         className: K.category,
         children: [
-          /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: O(l) }),
+          /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: U(l) }),
           Object.entries(r).map(([a, i]) => /* @__PURE__ */ e.jsx(
             Hs,
             {
@@ -1667,23 +1680,23 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       },
       l
     )) });
-}, Is = "_wrapper_94fpv_1", Es = "_open_94fpv_16", Os = "_close_94fpv_20", Us = "_header_94fpv_24", Gs = "_title_94fpv_31", qs = "_options_94fpv_37", zs = "_clicked_94fpv_44", te = {
+}, Is = "_wrapper_smgf8_1", Es = "_open_smgf8_16", Us = "_close_smgf8_20", Os = "_header_smgf8_24", qs = "_title_smgf8_32", Gs = "_options_smgf8_38", zs = "_clicked_smgf8_45", te = {
   wrapper: Is,
   open: Es,
-  close: Os,
-  header: Us,
-  title: Gs,
-  options: qs,
+  close: Us,
+  header: Os,
+  title: qs,
+  options: Gs,
   clicked: zs
 }, Ws = () => {
-  const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: l } = $(), { fonts: r } = Ie(), [a, i] = f.useState(null);
+  const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: l } = $(), { fonts: r } = Ee(), [a, i] = C.useState(null);
   function d() {
     n(null);
   }
   function S(h, u) {
     a && o && l(a, o, u, h);
   }
-  const p = f.useMemo(() => o ? s.fonts.heading[o] ? (i("heading"), s.fonts.heading[o]) : s.fonts.paragraph[o] ? (i("paragraph"), s.fonts.paragraph[o]) : (i(null), null) : null, [o, s]);
+  const g = C.useMemo(() => o ? s.fonts.heading[o] ? (i("heading"), s.fonts.heading[o]) : s.fonts.paragraph[o] ? (i("paragraph"), s.fonts.paragraph[o]) : (i(null), null) : null, [o, s]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1699,7 +1712,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             onClick: d,
             children: [
               /* @__PURE__ */ e.jsx(
-                b,
+                f,
                 {
                   name: "CaretLeft",
                   hoverable: !0
@@ -1709,30 +1722,30 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             ]
           }
         ),
-        o && p && /* @__PURE__ */ e.jsxs("div", { className: te.options, children: [
+        o && g && /* @__PURE__ */ e.jsxs("div", { className: te.options, children: [
           /* @__PURE__ */ e.jsx(
             ae,
             {
               label: "Font",
-              value: p.font,
+              value: g.font,
               onChange: (h) => S(h, "font"),
-              options: [...r.filter((h) => h !== p.font)]
+              options: [...r.filter((h) => h !== g.font)]
             }
           ),
           /* @__PURE__ */ e.jsx(
             ae,
             {
               label: "Size",
-              value: String(p.size),
+              value: String(g.size),
               onChange: (h) => S(h, "size"),
-              options: be
+              options: fe
             }
           ),
           /* @__PURE__ */ e.jsx(
             ae,
             {
               label: "Weight",
-              value: String(p.weight),
+              value: String(g.weight),
               onChange: (h) => S(h, "weight"),
               options: lt
             }
@@ -1741,7 +1754,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, Vs = "_wrapper_94fpv_1", Xs = "_open_94fpv_16", Qs = "_close_94fpv_20", Ks = "_header_94fpv_24", Ys = "_title_94fpv_31", Js = "_options_94fpv_37", Zs = "_clicked_94fpv_44", ne = {
+}, Vs = "_wrapper_smgf8_1", Xs = "_open_smgf8_16", Qs = "_close_smgf8_20", Ks = "_header_smgf8_24", Ys = "_title_smgf8_32", Js = "_options_smgf8_38", Zs = "_clicked_smgf8_45", ne = {
   wrapper: Vs,
   open: Xs,
   close: Qs,
@@ -1749,7 +1762,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   title: Ys,
   options: Js,
   clicked: Zs
-}, ze = () => {
+}, We = () => {
   const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: s } = $();
   function l(i, d) {
     o(d, i);
@@ -1757,7 +1770,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   function r() {
     s(null);
   }
-  const a = f.useMemo(() => n.borders, [n]);
+  const a = C.useMemo(() => n.borders, [n]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1768,7 +1781,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: ne.header, children: [
           /* @__PURE__ */ e.jsx(
-            b,
+            f,
             {
               name: "CaretLeft",
               hoverable: !0,
@@ -1802,7 +1815,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, ea = "_wrapper_1j33r_1", ta = "_open_1j33r_16", na = "_close_1j33r_20", oa = "_header_1j33r_24", sa = "_title_1j33r_31", aa = "_options_1j33r_37", ra = "_clicked_1j33r_44", ia = "_label_1j33r_48", la = "_alignments_1j33r_55", ca = "_blocks_1j33r_61", da = "_alignment_1j33r_55", ua = "_active_1j33r_75", I = {
+}, ea = "_wrapper_1phvv_1", ta = "_open_1phvv_16", na = "_close_1phvv_20", oa = "_header_1phvv_24", sa = "_title_1phvv_32", aa = "_options_1phvv_38", ra = "_clicked_1phvv_45", ia = "_label_1phvv_49", la = "_alignments_1phvv_56", ca = "_blocks_1phvv_62", da = "_alignment_1phvv_56", ua = "_active_1phvv_77", I = {
   wrapper: ea,
   open: ta,
   close: na,
@@ -1815,7 +1828,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   blocks: ca,
   alignment: da,
   active: ua
-}, ha = ["left", "center", "right"], We = () => {
+}, ha = ["left", "center", "right"], Ve = () => {
   const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: s } = $();
   function l(i, d) {
     o(d, i);
@@ -1823,7 +1836,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   function r() {
     s(null);
   }
-  const a = f.useMemo(() => n.buttons, [n]);
+  const a = C.useMemo(() => n.buttons, [n]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1834,7 +1847,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: I.header, children: [
           /* @__PURE__ */ e.jsx(
-            b,
+            f,
             {
               name: "CaretLeft",
               hoverable: !0,
@@ -1860,7 +1873,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
               label: "Font Size (px)",
               value: String(a.size),
               onChange: (i) => l(i, "size"),
-              options: be
+              options: fe
             }
           ),
           /* @__PURE__ */ e.jsx(
@@ -1885,7 +1898,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
                   l(i, "alignment");
                 },
                 children: /* @__PURE__ */ e.jsx(
-                  b,
+                  f,
                   {
                     name: i === "center" ? "AlignCenterHorizontal" : i === "left" ? "AlignLeft" : "AlignRight",
                     fill: a.alignment === i ? "#252525" : "#757575"
@@ -1899,14 +1912,14 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, pa = () => {
+}, ga = () => {
   const { activeBlock: t } = $();
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(Ws, {}),
-    (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(ze, {}),
-    (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(We, {})
+    (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(We, {}),
+    (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(Ve, {})
   ] });
-}, ga = () => {
+}, pa = () => {
   const { activeBlock: t, setActiveBlock: n } = $(), { activeBlock: o } = _e();
   function s() {
     n(null);
@@ -1921,7 +1934,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: le.header, children: [
           /* @__PURE__ */ e.jsx(
-            b,
+            f,
             {
               name: "CaretLeft",
               hoverable: !0,
@@ -1933,9 +1946,9 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
         (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(Rs, {}),
         (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ e.jsx(ds, {}),
         (t == null ? void 0 : t.name) === "Inputs" && /* @__PURE__ */ e.jsx(Bs, {}),
-        (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(ze, {}),
         (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(We, {}),
-        /* @__PURE__ */ e.jsx(pa, {})
+        (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Ve, {}),
+        /* @__PURE__ */ e.jsx(ga, {})
       ]
     }
   );
@@ -1956,26 +1969,26 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   return /* @__PURE__ */ e.jsxs("div", { className: Me.sidebar, children: [
     /* @__PURE__ */ e.jsx("h3", { className: Me.title, children: o() }),
     t.name === "Layers" && /* @__PURE__ */ e.jsx(Fo, {}),
-    t.name === "Add" && /* @__PURE__ */ e.jsx(qe, {}),
+    t.name === "Add" && /* @__PURE__ */ e.jsx(ze, {}),
     /* @__PURE__ */ e.jsx(Yo, { isAdd: !!n }),
-    /* @__PURE__ */ e.jsx(ga, {}),
+    /* @__PURE__ */ e.jsx(pa, {}),
     t.name === "Theme" && /* @__PURE__ */ e.jsx(Io, {}),
     t.name === "Settings" && /* @__PURE__ */ e.jsx(Mo, {})
   ] });
-}, Sa = "_wrapper_jjfwh_1", fa = "_header_jjfwh_12", Ca = "_content_jjfwh_21", ba = "_buttons_jjfwh_29", _a = "_cancel_jjfwh_35", xa = "_label_jjfwh_40", wa = "_description_jjfwh_41", ka = "_preview_jjfwh_49", va = "_block_jjfwh_55", ja = "_slug_jjfwh_63", ya = "_title_jjfwh_69", E = {
+}, Sa = "_wrapper_gibny_1", Ca = "_header_gibny_12", ba = "_content_gibny_23", fa = "_buttons_gibny_31", _a = "_cancel_gibny_38", wa = "_label_gibny_43", va = "_description_gibny_44", xa = "_preview_gibny_52", ka = "_block_gibny_58", ja = "_slug_gibny_67", ya = "_title_gibny_73", E = {
   wrapper: Sa,
-  header: fa,
-  content: Ca,
-  buttons: ba,
+  header: Ca,
+  content: ba,
+  buttons: fa,
   cancel: _a,
-  label: xa,
-  description: wa,
-  preview: ka,
-  block: va,
+  label: wa,
+  description: va,
+  preview: xa,
+  block: ka,
   slug: ja,
   title: ya
 }, Ba = () => {
-  var M, U, m, k, j, P;
+  var M, O, m, x, j, P;
   const {
     setIsOpenModal: t,
     pages: n,
@@ -1985,49 +1998,49 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
     setIsEdit: r,
     editedPage: a,
     setEditedPage: i
-  } = T(), { createPage: d, updatePage: S } = F(), [p, h] = f.useState(a ? n && ((M = n[a]) == null ? void 0 : M.path) : ""), [u, c] = f.useState(a ? n && ((U = n[a]) == null ? void 0 : U.name) : ""), [_, v] = f.useState(
+  } = T(), { createPage: d, updatePage: S } = F(), [g, h] = C.useState(a ? n && ((M = n[a]) == null ? void 0 : M.path) : ""), [u, c] = C.useState(a ? n && ((O = n[a]) == null ? void 0 : O.name) : ""), [_, k] = C.useState(
     a ? n && n[a].seo && (((m = n[a]) == null ? void 0 : m.seo.description) || "") : ""
-  ), [w, x] = f.useState(
-    a ? n && ((k = n[a]) == null ? void 0 : k.visibility) : "public"
+  ), [v, w] = C.useState(
+    a ? n && ((x = n[a]) == null ? void 0 : x.visibility) : "public"
   );
   function N() {
-    h(""), c(""), v(""), x("public"), r(!1), i(null);
+    h(""), c(""), k(""), w("public"), r(!1), i(null);
   }
   function y() {
     N(), t(!1);
   }
-  function D(g) {
-    return g[0] === "/" ? g : "/" + g;
+  function D(p) {
+    return p[0] === "/" ? p : "/" + p;
   }
   function L() {
     o({
-      path: D(p),
-      name: u || p || "",
+      path: D(g),
+      name: u || g || "",
       icon: "File",
       seo: {
         title: u || "",
         description: _ || ""
       },
-      visibility: w || "public"
+      visibility: v || "public"
     }), d(u), y();
   }
   function B() {
-    n && (S(n[a].name || "", u || p || ""), s(a, {
-      path: D(p),
-      name: u || p,
+    n && (S(n[a].name || "", u || g || ""), s(a, {
+      path: D(g),
+      name: u || g,
       icon: n[a].icon || "File",
       seo: {
         title: u || "",
         description: _ || ""
       },
-      visibility: w || "public"
+      visibility: v || "public"
     })), y();
   }
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: E.wrapper,
-      onClick: (g) => g.stopPropagation(),
+      onClick: (p) => p.stopPropagation(),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: E.header, children: [
           /* @__PURE__ */ e.jsxs("h2", { children: [
@@ -2035,7 +2048,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             " Blank Page"
           ] }),
           /* @__PURE__ */ e.jsx(
-            b,
+            f,
             {
               name: "X",
               fill: "#757575",
@@ -2049,8 +2062,8 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             R,
             {
               label: "Page Slug",
-              onChange: (g) => h(g),
-              value: p,
+              onChange: (p) => h(p),
+              value: g,
               placeholder: "path-to-page",
               disabled: !!(a && n && ((j = n[a]) != null && j.name) && de.includes(n[a].name)),
               required: !0,
@@ -2061,7 +2074,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             R,
             {
               label: "Page Title",
-              onChange: (g) => c(g),
+              onChange: (p) => c(p),
               value: u,
               placeholder: "Contact us",
               disabled: !!(a && n && ((P = n[a]) != null && P.name) && de.includes(n[a].name))
@@ -2071,7 +2084,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             ct,
             {
               label: "Description",
-              onChange: (g) => v(g),
+              onChange: (p) => k(p),
               value: _,
               placeholder: "Contact us at any time of the day or night. You are always welcome",
               maxLength: 150
@@ -2081,7 +2094,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             dt,
             {
               label: "Visibility",
-              defaultValue: w,
+              defaultValue: v,
               options: [
                 {
                   value: "public",
@@ -2092,13 +2105,13 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
                   label: "Private"
                 }
               ],
-              onChange: (g) => x(g)
+              onChange: (p) => w(p)
             }
           ),
           /* @__PURE__ */ e.jsxs("div", { className: E.preview, children: [
             /* @__PURE__ */ e.jsx("span", { className: E.label, children: "Preview" }),
             /* @__PURE__ */ e.jsxs("div", { className: E.block, children: [
-              /* @__PURE__ */ e.jsx("span", { className: E.slug, children: p || "yoursite.url" }),
+              /* @__PURE__ */ e.jsx("span", { className: E.slug, children: g || "yoursite.url" }),
               /* @__PURE__ */ e.jsx("span", { className: E.title, children: u || "My Blank Page" }),
               /* @__PURE__ */ e.jsx("span", { className: E.description, children: _ || "It is My Description" })
             ] })
@@ -2117,7 +2130,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             Y,
             {
               onClick: l ? B : L,
-              disabled: p.length === 0,
+              disabled: g.length === 0,
               children: l ? "Update" : "Create"
             }
           )
@@ -2125,7 +2138,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       ]
     }
   );
-}, Aa = "_layout_vvs1k_1", Pa = "_main_vvs1k_8", La = "_content_vvs1k_15", Be = {
+}, Aa = "_layout_douh4_1", Pa = "_main_douh4_10", La = "_content_douh4_18", Be = {
   layout: Aa,
   main: Pa,
   content: La
@@ -2133,12 +2146,12 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   const { isOpenModal: t, setIsOpenModal: n } = T(), { openModal: o, setOpenModal: s } = ut();
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: Be.layout, children: [
-      /* @__PURE__ */ e.jsx(xn, {}),
+      /* @__PURE__ */ e.jsx(wn, {}),
       /* @__PURE__ */ e.jsxs("main", { className: Be.main, children: [
-        /* @__PURE__ */ e.jsx(pn, {}),
+        /* @__PURE__ */ e.jsx(gn, {}),
         /* @__PURE__ */ e.jsxs("div", { className: Be.content, children: [
           /* @__PURE__ */ e.jsx(ma, {}),
-          /* @__PURE__ */ e.jsx(po, {})
+          /* @__PURE__ */ e.jsx(go, {})
         ] })
       ] })
     ] }),
@@ -2148,7 +2161,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
 };
 async function oe(t, n) {
   const o = localStorage.getItem("shopId") || void 0, s = `${Pe}/${t}/builder/shops/${o}/${n}`, l = localStorage.getItem("sellerAccessToken") || void 0;
-  return (await we.get(s, {
+  return (await ve.get(s, {
     headers: {
       Authorization: `Bearer ${l}`
     }
@@ -2178,15 +2191,15 @@ async function Ta() {
 }
 async function Fa() {
   try {
-    const { data: t } = await we.get(
-      `${pt}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
+    const { data: t } = await ve.get(
+      `${gt}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`
     );
     return t.items;
   } catch (t) {
     throw console.error("Error fetching page data:", t), t;
   }
 }
-function Oa() {
+function Ua() {
   try {
     const {
       editBlock: t,
@@ -2196,8 +2209,8 @@ function Oa() {
       setHeader: l,
       footer: r,
       setFooter: a
-    } = F.getState(), { currentPage: i, pages: d } = T.getState(), { currentInstance: S, activeBlock: p } = X.getState();
-    if (!p && S && d) {
+    } = F.getState(), { currentPage: i, pages: d } = T.getState(), { currentInstance: S, activeBlock: g } = X.getState();
+    if (!g && S && d) {
       if (n === "header" && s)
         l(s);
       else if (n === "footer" && r)
@@ -2228,7 +2241,7 @@ function Oa() {
 }
 async function Da() {
   const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), o = `${Pe}/v2/builder/shops/${t}/drafts/${n}/pages`, s = localStorage.getItem("sellerAccessToken");
-  return (await we.get(o, {
+  return (await ve.get(o, {
     headers: {
       Authorization: `Bearer ${s}`
     }
@@ -2236,34 +2249,34 @@ async function Da() {
 }
 async function Ma() {
   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;
-  return (await we.get(o, {
+  return (await ve.get(o, {
     headers: {
       Authorization: `Bearer ${s}`
     }
   })).data;
 }
 const $a = (t) => {
-  const { blocks: n, settings: o, header: s, footer: l } = t, { setBlocks: r, setSourceBlocks: a } = X(), { fonts: i, setFonts: d } = Ie(), { setSettings: S } = J(), { setPageContext: p } = T(), {
+  const { blocks: n, settings: o, header: s, footer: l } = t, { setBlocks: r, setSourceBlocks: a } = X(), { fonts: i, setFonts: d } = Ee(), { setSettings: S } = J(), { setPageContext: g } = T(), {
     setHeader: h,
     setFooter: u,
     setBlocks: c,
     blocks: _,
-    createPage: v
-  } = F(), { setThemeSettings: w } = $(), { setPages: x } = T();
+    createPage: k
+  } = F(), { setThemeSettings: v } = $(), { setPages: w } = T();
   function N(y) {
     return y[0] === "/" ? y.slice(1) : y;
   }
-  return f.useEffect(() => {
+  return C.useEffect(() => {
     const y = {};
     Object.keys(n).map((L) => {
       y[L] = n[L];
     }), a(y), r(y), h(s), u(l), (async () => {
-      const { data: L } = await Ma(), { settings: B, themeSettings: M, layers: U } = L;
-      if (w(M), c(U), Object.keys(B).forEach(
-        (g) => o[g] = B[g]
+      const { data: L } = await Ma(), { settings: B, themeSettings: M, layers: O } = L;
+      if (v(M), c(O), Object.keys(B).forEach(
+        (p) => o[p] = B[p]
       ), S(o), i.length === 0) {
-        const g = await Fa();
-        d([...g.map((C) => C.family)]);
+        const p = await Fa();
+        d([...p.map((b) => b.family)]);
       }
       let m = {
         listings: null,
@@ -2273,33 +2286,33 @@ const $a = (t) => {
         faqs: null,
         general: null
       };
-      const k = await Ta();
-      Object.keys(k).map((g) => {
-        const C = g;
-        m[C] = k[C].value.data;
-      }), p(m);
+      const x = await Ta();
+      Object.keys(x).map((p) => {
+        const b = p;
+        m[b] = x[b].value.data;
+      }), g(m);
       const j = await Da(), P = {};
-      j.data.length > 0 && j.data.forEach((g) => {
-        const C = N(g.path);
-        _[C] || v(C), g.path === "/" ? P["/"] = {
-          ...g,
-          icon: ke.home.icon,
+      j.data.length > 0 && j.data.forEach((p) => {
+        const b = N(p.path);
+        _[b] || k(b), p.path === "/" ? P["/"] = {
+          ...p,
+          icon: xe.home.icon,
           name: "home"
-        } : ke[C] ? P[C] = {
-          ...g,
-          icon: ke[C].icon,
-          name: C
-        } : P[C] = {
-          ...g,
+        } : xe[b] ? P[b] = {
+          ...p,
+          icon: xe[b].icon,
+          name: b
+        } : P[b] = {
+          ...p,
           icon: "File",
-          name: C
+          name: b
         };
-      }), x(P);
+      }), w(P);
     })();
   }, []), /* @__PURE__ */ e.jsx(Na, {});
 }, Ha = (t) => {
-  const { blocks: n, settings: o, header: s, footer: l } = t, [r, a] = f.useState(!0), i = gt();
-  return f.useEffect(() => {
+  const { blocks: n, settings: o, header: s, footer: l } = t, [r, a] = C.useState(!0), i = pt();
+  return C.useEffect(() => {
     a(!0), yt() ? a(!1) : i("/");
   }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: r ? /* @__PURE__ */ e.jsx(Ae, {}) : /* @__PURE__ */ e.jsx(
     $a,
@@ -2310,15 +2323,15 @@ const $a = (t) => {
       footer: l
     }
   ) });
-}, Ua = (t) => {
-  const { blocks: n, settings: o, header: s, footer: l } = t, [r, a] = f.useState(null), { setBlocks: i, setSourceBlocks: d } = X(), { setSettings: S } = J(), { setHeader: p, setFooter: h } = F();
-  f.useEffect(() => {
+}, Oa = (t) => {
+  const { blocks: n, settings: o, header: s, footer: l } = t, [r, a] = C.useState(null), { setBlocks: i, setSourceBlocks: d } = X(), { setSettings: S } = J(), { setHeader: g, setFooter: h } = F();
+  C.useEffect(() => {
     if (!r) {
-      const v = {};
-      Object.keys(n).map((x) => {
-        v[x] = n[x];
-      }), d(v), i(v), p(s), h(l), S(o);
-      const w = mt([
+      const k = {};
+      Object.keys(n).map((w) => {
+        k[w] = n[w];
+      }), d(k), i(k), g(s), h(l), S(o);
+      const v = mt([
         {
           path: "/admin/builder",
           element: /* @__PURE__ */ e.jsx(
@@ -2333,11 +2346,11 @@ const $a = (t) => {
         },
         {
           path: "/checkout",
-          element: /* @__PURE__ */ e.jsx(Ct, {})
+          element: /* @__PURE__ */ e.jsx(bt, {})
         },
         {
           path: "/top-up",
-          element: /* @__PURE__ */ e.jsx(bt, {})
+          element: /* @__PURE__ */ e.jsx(ft, {})
         },
         {
           path: "/charges/:id",
@@ -2345,25 +2358,25 @@ const $a = (t) => {
         },
         {
           path: "/orders/:id/:accessToken?",
-          element: /* @__PURE__ */ e.jsx(xt, {})
+          element: /* @__PURE__ */ e.jsx(wt, {})
         },
         {
           path: "/subscriptions/:id/:accessToken?",
-          element: /* @__PURE__ */ e.jsx(wt, {})
+          element: /* @__PURE__ */ e.jsx(vt, {})
         },
         {
           path: "/customer-dash",
-          element: /* @__PURE__ */ e.jsx(kt, {})
+          element: /* @__PURE__ */ e.jsx(xt, {})
         },
         {
           path: "*",
           element: /* @__PURE__ */ e.jsx(Tt, {})
         }
       ]);
-      a(w);
+      a(v);
     }
   }, [r]);
-  const u = window.location.hostname.includes("localhost") ? "flagship-theme.pages.dev" : window.location.hostname, c = localStorage.getItem("shopPassword"), _ = localStorage.getItem("shopId") || "";
+  const u = window.location.hostname.includes("localhost") ? "subscriptions.billgang.store" : window.location.hostname, c = localStorage.getItem("shopPassword"), _ = localStorage.getItem("shopId") || "";
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: r && /* @__PURE__ */ e.jsx(
     St,
     {
@@ -2377,12 +2390,12 @@ const $a = (t) => {
         Order: "/orders",
         Subscription: "/subscriptions"
       },
-      children: /* @__PURE__ */ e.jsx(ft, { router: r })
+      children: /* @__PURE__ */ e.jsx(Ct, { router: r })
     }
   ) });
 };
 export {
-  Ua as App,
-  Oa as hotReload,
+  Oa as App,
+  Ua as hotReload,
   Ea as iconNames
 };