@billgangcom/theme-lib 1.21.1 → 1.22.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.
@@ -1,6 +1,6 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._button_ojbir_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_ojbir_1:disabled{opacity:.7;cursor:auto}._primary_ojbir_13{color:#fff;background-color:#ff3f19}._secondary_ojbir_18{color:var(--accent-color);background-color:var(--background-color)}._content_ojbir_23{display:flex;flex-direction:row;gap:4px;align-items:center}._wrapper_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)}})();
2
- 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-bb64CWCq.js";
3
- import C, { useMemo as Ue } from "react";
1
+ (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._button_ojbir_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_ojbir_1:disabled{opacity:.7;cursor:auto}._primary_ojbir_13{color:#fff;background-color:#ff3f19}._secondary_ojbir_18{color:var(--accent-color);background-color:var(--background-color)}._content_ojbir_23{display:flex;flex-direction:row;gap:4px;align-items:center}._wrapper_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_10tml_1{display:flex;flex-direction:column;gap:20px;border-radius:16px;border:var(--default-border);width:100%;height:fit-content;padding:24px}._price_10tml_12{display:flex;flex-direction:row;gap:4px;align-items:flex-start}._oldPrice_10tml_19{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:var(--accent-color)}._newPrice_10tml_27{font-size:20px;font-weight:700;line-height:24px;color:var(--main-color)}._meta_10tml_34{display:flex;flex-direction:column;gap:10px}._info_10tml_40{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}._infoRight_10tml_48{display:flex;flex-direction:row;gap:5px;align-items:center}._buttons_10tml_55{display:flex;flex-direction:column;gap:8px;width:100%}._variants_10tml_62{display:flex;flex-direction:column;gap:20px}._variant_10tml_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_10tml_79{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._variantInfo_10tml_86{display:flex;flex-direction:column;gap:4px}._quantity_10tml_92{display:flex;flex-direction:row;gap:10px;align-items:stretch}._count_10tml_99{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_10tml_55{display:flex;flex-direction:row;gap:0px;background:var(--background-color);border-radius:50%;padding:8px;justify-content:center;align-items:center}._activeVariant_10tml_120{border:2px solid #ff3f19}._chargeTypes_10tml_124{display:flex;flex-direction:row;gap:5px;padding:4px;background-color:var(--background-color)}._charge_10tml_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_10tml_144{background-color:#fff;color:var(--main-color)}._title_10tml_149{font-size:16px;font-weight:700;line-height:24px}._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)}})();
2
+ 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-DGGdzWua.js";
3
+ import S, { useMemo as Ue } from "react";
4
4
  const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "", kt = [
5
5
  {
6
6
  icon: "Desktop",
@@ -117,8 +117,8 @@ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUp
117
117
  }, Ea = ["Acorn", "Activity", "AddressBook", "AddressBookTabs", "AirTrafficControl", "Airplane", "AirplaneInFlight", "AirplaneLanding", "AirplaneTakeoff", "AirplaneTaxiing", "AirplaneTilt", "Airplay", "Alarm", "Alien", "AlignBottom", "AlignBottomSimple", "AlignCenterHorizontal", "AlignCenterHorizontalSimple", "AlignCenterVertical", "AlignCenterVerticalSimple", "AlignLeft", "AlignLeftSimple", "AlignRight", "AlignRightSimple", "AlignTop", "AlignTopSimple", "AmazonLogo", "Ambulance", "Anchor", "AnchorSimple", "AndroidLogo", "Angle", "AngularLogo", "Aperture", "AppStoreLogo", "AppWindow", "AppleLogo", "ApplePodcastsLogo", "ApproximateEquals", "Archive", "ArchiveBox", "ArchiveTray", "Armchair", "ArrowArcLeft", "ArrowArcRight", "ArrowBendDoubleUpLeft", "ArrowBendDoubleUpRight", "ArrowBendDownLeft", "ArrowBendDownRight", "ArrowBendLeftDown", "ArrowBendLeftUp", "ArrowBendRightDown", "ArrowBendRightUp", "ArrowBendUpLeft", "ArrowBendUpRight", "ArrowCircleDown", "ArrowCircleDownLeft", "ArrowCircleDownRight", "ArrowCircleLeft", "ArrowCircleRight", "ArrowCircleUp", "ArrowCircleUpLeft", "ArrowCircleUpRight", "ArrowClockwise", "ArrowCounterClockwise", "ArrowDown", "ArrowDownLeft", "ArrowDownRight", "ArrowElbowDownLeft", "ArrowElbowDownRight", "ArrowElbowLeft", "ArrowElbowLeftDown", "ArrowElbowLeftUp", "ArrowElbowRight", "ArrowElbowRightDown", "ArrowElbowRightUp", "ArrowElbowUpLeft", "ArrowElbowUpRight", "ArrowFatDown", "ArrowFatLeft", "ArrowFatLineDown", "ArrowFatLineLeft", "ArrowFatLineRight", "ArrowFatLineUp", "ArrowFatLinesDown", "ArrowFatLinesLeft", "ArrowFatLinesRight", "ArrowFatLinesUp", "ArrowFatRight", "ArrowFatUp", "ArrowLeft", "ArrowLineDown", "ArrowLineDownLeft", "ArrowLineDownRight", "ArrowLineLeft", "ArrowLineRight", "ArrowLineUp", "ArrowLineUpLeft", "ArrowLineUpRight", "ArrowRight", "ArrowSquareDown", "ArrowSquareDownLeft", "ArrowSquareDownRight", "ArrowSquareIn", "ArrowSquareLeft", "ArrowSquareOut", "ArrowSquareRight", "ArrowSquareUp", "ArrowSquareUpLeft", "ArrowSquareUpRight", "ArrowUDownLeft", "ArrowUDownRight", "ArrowULeftDown", "ArrowULeftUp", "ArrowURightDown", "ArrowURightUp", "ArrowUUpLeft", "ArrowUUpRight", "ArrowUp", "ArrowUpLeft", "ArrowUpRight", "ArrowsClockwise", "ArrowsCounterClockwise", "ArrowsDownUp", "ArrowsHorizontal", "ArrowsIn", "ArrowsInCardinal", "ArrowsInLineHorizontal", "ArrowsInLineVertical", "ArrowsInSimple", "ArrowsLeftRight", "ArrowsMerge", "ArrowsOut", "ArrowsOutCardinal", "ArrowsOutLineHorizontal", "ArrowsOutLineVertical", "ArrowsOutSimple", "ArrowsSplit", "ArrowsVertical", "Article", "ArticleMedium", "ArticleNyTimes", "Asclepius", "Asterisk", "AsteriskSimple", "At", "Atom", "Avocado", "Axe", "Baby", "BabyCarriage", "Backpack", "Backspace", "Bag", "BagSimple", "Balloon", "Bandaids", "Bank", "Barbell", "Barcode", "Barn", "Barricade", "Baseball", "BaseballCap", "BaseballHelmet", "Basket", "Basketball", "Bathtub", "BatteryCharging", "BatteryChargingVertical", "BatteryEmpty", "BatteryFull", "BatteryHigh", "BatteryLow", "BatteryMedium", "BatteryPlus", "BatteryPlusVertical", "BatteryVerticalEmpty", "BatteryVerticalFull", "BatteryVerticalHigh", "BatteryVerticalLow", "BatteryVerticalMedium", "BatteryWarning", "BatteryWarningVertical", "BeachBall", "Beanie", "Bed", "BeerBottle", "BeerStein", "BehanceLogo", "Bell", "BellRinging", "BellSimple", "BellSimpleRinging", "BellSimpleSlash", "BellSimpleZ", "BellSlash", "BellZ", "Belt", "BezierCurve", "Bicycle", "Binary", "Binoculars", "Biohazard", "Bird", "Blueprint", "Bluetooth", "BluetoothConnected", "BluetoothSlash", "BluetoothX", "Boat", "Bomb", "Bone", "Book", "BookBookmark", "BookOpen", "BookOpenText", "BookOpenUser", "Bookmark", "BookmarkSimple", "Bookmarks", "BookmarksSimple", "Books", "Boot", "Boules", "BoundingBox", "BowlFood", "BowlSteam", "BowlingBall", "BoxArrowDown", "BoxArrowUp", "BoxingGlove", "BracketsAngle", "BracketsCurly", "BracketsRound", "BracketsSquare", "Brain", "Brandy", "Bread", "Bridge", "Briefcase", "BriefcaseMetal", "Broadcast", "Broom", "Browser", "Browsers", "Bug", "BugBeetle", "BugDroid", "Building", "BuildingApartment", "BuildingOffice", "Buildings", "Bulldozer", "Bus", "Butterfly", "CableCar", "Cactus", "Caduceus", "Cake", "Calculator", "Calendar", "CalendarBlank", "CalendarCheck", "CalendarDot", "CalendarDots", "CalendarHeart", "CalendarMinus", "CalendarPlus", "CalendarSlash", "CalendarStar", "CalendarX", "CallBell", "Camera", "CameraPlus", "CameraRotate", "CameraSlash", "Campfire", "Car", "CarBattery", "CarProfile", "CarSimple", "Cardholder", "Cards", "CardsThree", "CaretCircleDoubleDown", "CaretCircleDoubleLeft", "CaretCircleDoubleRight", "CaretCircleDoubleUp", "CaretCircleDown", "CaretCircleLeft", "CaretCircleRight", "CaretCircleUp", "CaretCircleUpDown", "CaretDoubleDown", "CaretDoubleLeft", "CaretDoubleRight", "CaretDoubleUp", "CaretDown", "CaretLeft", "CaretLineDown", "CaretLineLeft", "CaretLineRight", "CaretLineUp", "CaretRight", "CaretUp", "CaretUpDown", "Carrot", "CashRegister", "CassetteTape", "CastleTurret", "Cat", "CellSignalFull", "CellSignalHigh", "CellSignalLow", "CellSignalMedium", "CellSignalNone", "CellSignalSlash", "CellSignalX", "CellTower", "Certificate", "Chair", "Chalkboard", "ChalkboardSimple", "ChalkboardTeacher", "Champagne", "ChargingStation", "ChartBar", "ChartBarHorizontal", "ChartDonut", "ChartLine", "ChartLineDown", "ChartLineUp", "ChartPie", "ChartPieSlice", "ChartPolar", "ChartScatter", "Chat", "ChatCentered", "ChatCenteredDots", "ChatCenteredSlash", "ChatCenteredText", "ChatCircle", "ChatCircleDots", "ChatCircleSlash", "ChatCircleText", "ChatDots", "ChatSlash", "ChatTeardrop", "ChatTeardropDots", "ChatTeardropSlash", "ChatTeardropText", "ChatText", "Chats", "ChatsCircle", "ChatsTeardrop", "Check", "CheckCircle", "CheckFat", "CheckSquare", "CheckSquareOffset", "Checkerboard", "Checks", "Cheers", "Cheese", "ChefHat", "Cherries", "Church", "Cigarette", "CigaretteSlash", "Circle", "CircleDashed", "CircleHalf", "CircleHalfTilt", "CircleNotch", "CircleWavy", "CircleWavyCheck", "CircleWavyQuestion", "CircleWavyWarning", "CirclesFour", "CirclesThree", "CirclesThreePlus", "Circuitry", "City", "Clipboard", "ClipboardText", "Clock", "ClockAfternoon", "ClockClockwise", "ClockCountdown", "ClockCounterClockwise", "ClockUser", "ClosedCaptioning", "Cloud", "CloudArrowDown", "CloudArrowUp", "CloudCheck", "CloudFog", "CloudLightning", "CloudMoon", "CloudRain", "CloudSlash", "CloudSnow", "CloudSun", "CloudWarning", "CloudX", "Clover", "Club", "CoatHanger", "CodaLogo", "Code", "CodeBlock", "CodeSimple", "CodepenLogo", "CodesandboxLogo", "Coffee", "CoffeeBean", "Coin", "CoinVertical", "Coins", "Columns", "ColumnsPlusLeft", "ColumnsPlusRight", "Command", "Compass", "CompassRose", "CompassTool", "ComputerTower", "Confetti", "ContactlessPayment", "Control", "Cookie", "CookingPot", "Copy", "CopySimple", "Copyleft", "Copyright", "CornersIn", "CornersOut", "Couch", "CourtBasketball", "Cow", "CowboyHat", "Cpu", "Crane", "CraneTower", "CreditCard", "Cricket", "Crop", "Cross", "Crosshair", "CrosshairSimple", "Crown", "CrownCross", "CrownSimple", "Cube", "CubeFocus", "CubeTransparent", "CurrencyBtc", "CurrencyCircleDollar", "CurrencyCny", "CurrencyDollar", "CurrencyDollarSimple", "CurrencyEth", "CurrencyEur", "CurrencyGbp", "CurrencyInr", "CurrencyJpy", "CurrencyKrw", "CurrencyKzt", "CurrencyNgn", "CurrencyRub", "Cursor", "CursorClick", "CursorText", "Cylinder", "Database", "Desk", "Desktop", "DesktopTower", "Detective", "DevToLogo", "DeviceMobile", "DeviceMobileCamera", "DeviceMobileSlash", "DeviceMobileSpeaker", "DeviceRotate", "DeviceTablet", "DeviceTabletCamera", "DeviceTabletSpeaker", "Devices", "Diamond", "DiamondsFour", "DiceFive", "DiceFour", "DiceOne", "DiceSix", "DiceThree", "DiceTwo", "Disc", "DiscoBall", "DiscordLogo", "Divide", "Dna", "Dog", "Door", "DoorOpen", "Dot", "DotOutline", "DotsNine", "DotsSix", "DotsSixVertical", "DotsThree", "DotsThreeCircle", "DotsThreeCircleVertical", "DotsThreeOutline", "DotsThreeOutlineVertical", "DotsThreeVertical", "Download", "DownloadSimple", "Dress", "Dresser", "DribbbleLogo", "Drone", "Drop", "DropHalf", "DropHalfBottom", "DropSimple", "DropSlash", "DropboxLogo", "Ear", "EarSlash", "Egg", "EggCrack", "Eject", "EjectSimple", "Elevator", "Empty", "Engine", "Envelope", "EnvelopeOpen", "EnvelopeSimple", "EnvelopeSimpleOpen", "Equalizer", "Equals", "Eraser", "EscalatorDown", "EscalatorUp", "Exam", "ExclamationMark", "Exclude", "ExcludeSquare", "Export", "Eye", "EyeClosed", "EyeSlash", "Eyedropper", "EyedropperSample", "Eyeglasses", "Eyes", "FaceMask", "FacebookLogo", "Factory", "Faders", "FadersHorizontal", "FalloutShelter", "Fan", "Farm", "FastForward", "FastForwardCircle", "Feather", "FediverseLogo", "FigmaLogo", "File", "FileArchive", "FileArrowDown", "FileArrowUp", "FileAudio", "FileC", "FileCSharp", "FileCloud", "FileCode", "FileCpp", "FileCss", "FileCsv", "FileDashed", "FileDoc", "FileDotted", "FileHtml", "FileImage", "FileIni", "FileJpg", "FileJs", "FileJsx", "FileLock", "FileMagnifyingGlass", "FileMd", "FileMinus", "FilePdf", "FilePlus", "FilePng", "FilePpt", "FilePy", "FileRs", "FileSearch", "FileSql", "FileSvg", "FileText", "FileTs", "FileTsx", "FileTxt", "FileVideo", "FileVue", "FileX", "FileXls", "FileZip", "Files", "FilmReel", "FilmScript", "FilmSlate", "FilmStrip", "Fingerprint", "FingerprintSimple", "FinnTheHuman", "Fire", "FireExtinguisher", "FireSimple", "FireTruck", "FirstAid", "FirstAidKit", "Fish", "FishSimple", "Flag", "FlagBanner", "FlagBannerFold", "FlagCheckered", "FlagPennant", "Flame", "Flashlight", "Flask", "FlipHorizontal", "FlipVertical", "FloppyDisk", "FloppyDiskBack", "FlowArrow", "Flower", "FlowerLotus", "FlowerTulip", "FlyingSaucer", "Folder", "FolderDashed", "FolderDotted", "FolderLock", "FolderMinus", "FolderNotch", "FolderNotchMinus", "FolderNotchOpen", "FolderNotchPlus", "FolderOpen", "FolderPlus", "FolderSimple", "FolderSimpleDashed", "FolderSimpleDotted", "FolderSimpleLock", "FolderSimpleMinus", "FolderSimplePlus", "FolderSimpleStar", "FolderSimpleUser", "FolderStar", "FolderUser", "Folders", "Football", "FootballHelmet", "Footprints", "ForkKnife", "FourK", "FrameCorners", "FramerLogo", "Function", "Funnel", "FunnelSimple", "FunnelSimpleX", "FunnelX", "GameController", "Garage", "GasCan", "GasPump", "Gauge", "Gavel", "Gear", "GearFine", "GearSix", "GenderFemale", "GenderIntersex", "GenderMale", "GenderNeuter", "GenderNonbinary", "GenderTransgender", "Ghost", "Gif", "Gift", "GitBranch", "GitCommit", "GitDiff", "GitFork", "GitMerge", "GitPullRequest", "GithubLogo", "GitlabLogo", "GitlabLogoSimple", "Globe", "GlobeHemisphereEast", "GlobeHemisphereWest", "GlobeSimple", "GlobeSimpleX", "GlobeStand", "GlobeX", "Goggles", "Golf", "GoodreadsLogo", "GoogleCardboardLogo", "GoogleChromeLogo", "GoogleDriveLogo", "GoogleLogo", "GooglePhotosLogo", "GooglePlayLogo", "GooglePodcastsLogo", "Gps", "GpsFix", "GpsSlash", "Gradient", "GraduationCap", "Grains", "GrainsSlash", "Graph", "GraphicsCard", "GreaterThan", "GreaterThanOrEqual", "GridFour", "GridNine", "Guitar", "HairDryer", "Hamburger", "Hammer", "Hand", "HandArrowDown", "HandArrowUp", "HandCoins", "HandDeposit", "HandEye", "HandFist", "HandGrabbing", "HandHeart", "HandPalm", "HandPeace", "HandPointing", "HandSoap", "HandSwipeLeft", "HandSwipeRight", "HandTap", "HandWaving", "HandWithdraw", "Handbag", "HandbagSimple", "HandsClapping", "HandsPraying", "Handshake", "HardDrive", "HardDrives", "HardHat", "Hash", "HashStraight", "HeadCircuit", "Headlights", "Headphones", "Headset", "Heart", "HeartBreak", "HeartHalf", "HeartStraight", "HeartStraightBreak", "Heartbeat", "Hexagon", "HighDefinition", "HighHeel", "Highlighter", "HighlighterCircle", "Hockey", "Hoodie", "Horse", "Hospital", "Hourglass", "HourglassHigh", "HourglassLow", "HourglassMedium", "HourglassSimple", "HourglassSimpleHigh", "HourglassSimpleLow", "HourglassSimpleMedium", "House", "HouseLine", "HouseSimple", "Hurricane", "IceCream", "IconBase", "IconContext", "IdentificationBadge", "IdentificationCard", "Image", "ImageBroken", "ImageSquare", "Images", "ImagesSquare", "Infinity", "Info", "InstagramLogo", "Intersect", "IntersectSquare", "IntersectThree", "Intersection", "Invoice", "Island", "Jar", "JarLabel", "Jeep", "Joystick", "Kanban", "Key", "KeyReturn", "Keyboard", "Keyhole", "Knife", "Ladder", "LadderSimple", "Lamp", "LampPendant", "Laptop", "Lasso", "LastfmLogo", "Layout", "Leaf", "Lectern", "Lego", "LegoSmiley", "Lemniscate", "LessThan", "LessThanOrEqual", "LetterCircleH", "LetterCircleP", "LetterCircleV", "Lifebuoy", "Lightbulb", "LightbulbFilament", "Lighthouse", "Lightning", "LightningA", "LightningSlash", "LineSegment", "LineSegments", "LineVertical", "Link", "LinkBreak", "LinkSimple", "LinkSimpleBreak", "LinkSimpleHorizontal", "LinkSimpleHorizontalBreak", "LinkedinLogo", "LinktreeLogo", "LinuxLogo", "List", "ListBullets", "ListChecks", "ListDashes", "ListHeart", "ListMagnifyingGlass", "ListNumbers", "ListPlus", "ListStar", "Lock", "LockKey", "LockKeyOpen", "LockLaminated", "LockLaminatedOpen", "LockOpen", "LockSimple", "LockSimpleOpen", "Lockers", "Log", "MagicWand", "Magnet", "MagnetStraight", "MagnifyingGlass", "MagnifyingGlassMinus", "MagnifyingGlassPlus", "Mailbox", "MapPin", "MapPinArea", "MapPinLine", "MapPinPlus", "MapPinSimple", "MapPinSimpleArea", "MapPinSimpleLine", "MapTrifold", "MarkdownLogo", "MarkerCircle", "Martini", "MaskHappy", "MaskSad", "MastodonLogo", "MathOperations", "MatrixLogo", "Medal", "MedalMilitary", "MediumLogo", "Megaphone", "MegaphoneSimple", "MemberOf", "Memory", "MessengerLogo", "MetaLogo", "Meteor", "Metronome", "Microphone", "MicrophoneSlash", "MicrophoneStage", "Microscope", "MicrosoftExcelLogo", "MicrosoftOutlookLogo", "MicrosoftPowerpointLogo", "MicrosoftTeamsLogo", "MicrosoftWordLogo", "Minus", "MinusCircle", "MinusSquare", "Money", "MoneyWavy", "Monitor", "MonitorArrowUp", "MonitorPlay", "Moon", "MoonStars", "Moped", "MopedFront", "Mosque", "Motorcycle", "Mountains", "Mouse", "MouseLeftClick", "MouseMiddleClick", "MouseRightClick", "MouseScroll", "MouseSimple", "MusicNote", "MusicNoteSimple", "MusicNotes", "MusicNotesMinus", "MusicNotesPlus", "MusicNotesSimple", "NavigationArrow", "Needle", "Network", "NetworkSlash", "NetworkX", "Newspaper", "NewspaperClipping", "NotEquals", "NotMemberOf", "NotSubsetOf", "NotSupersetOf", "Notches", "Note", "NoteBlank", "NotePencil", "Notebook", "Notepad", "Notification", "NotionLogo", "NuclearPlant", "NumberCircleEight", "NumberCircleFive", "NumberCircleFour", "NumberCircleNine", "NumberCircleOne", "NumberCircleSeven", "NumberCircleSix", "NumberCircleThree", "NumberCircleTwo", "NumberCircleZero", "NumberEight", "NumberFive", "NumberFour", "NumberNine", "NumberOne", "NumberSeven", "NumberSix", "NumberSquareEight", "NumberSquareFive", "NumberSquareFour", "NumberSquareNine", "NumberSquareOne", "NumberSquareSeven", "NumberSquareSix", "NumberSquareThree", "NumberSquareTwo", "NumberSquareZero", "NumberThree", "NumberTwo", "NumberZero", "Numpad", "Nut", "NyTimesLogo", "Octagon", "OfficeChair", "Onigiri", "OpenAiLogo", "Option", "Orange", "OrangeSlice", "Oven", "Package", "PaintBrush", "PaintBrushBroad", "PaintBrushHousehold", "PaintBucket", "PaintRoller", "Palette", "Panorama", "Pants", "PaperPlane", "PaperPlaneRight", "PaperPlaneTilt", "Paperclip", "PaperclipHorizontal", "Parachute", "Paragraph", "Parallelogram", "Park", "Password", "Path", "PatreonLogo", "Pause", "PauseCircle", "PawPrint", "PaypalLogo", "Peace", "Pen", "PenNib", "PenNibStraight", "Pencil", "PencilCircle", "PencilLine", "PencilRuler", "PencilSimple", "PencilSimpleLine", "PencilSimpleSlash", "PencilSlash", "Pentagon", "Pentagram", "Pepper", "Percent", "Person", "PersonArmsSpread", "PersonSimple", "PersonSimpleBike", "PersonSimpleCircle", "PersonSimpleHike", "PersonSimpleRun", "PersonSimpleSki", "PersonSimpleSnowboard", "PersonSimpleSwim", "PersonSimpleTaiChi", "PersonSimpleThrow", "PersonSimpleWalk", "Perspective", "Phone", "PhoneCall", "PhoneDisconnect", "PhoneIncoming", "PhoneList", "PhoneOutgoing", "PhonePause", "PhonePlus", "PhoneSlash", "PhoneTransfer", "PhoneX", "PhosphorLogo", "Pi", "PianoKeys", "PicnicTable", "PictureInPicture", "PiggyBank", "Pill", "PingPong", "PintGlass", "PinterestLogo", "Pinwheel", "Pipe", "PipeWrench", "PixLogo", "Pizza", "Placeholder", "Planet", "Plant", "Play", "PlayCircle", "PlayPause", "Playlist", "Plug", "PlugCharging", "Plugs", "PlugsConnected", "Plus", "PlusCircle", "PlusMinus", "PlusSquare", "PokerChip", "PoliceCar", "Polygon", "Popcorn", "Popsicle", "PottedPlant", "Power", "Prescription", "Presentation", "PresentationChart", "Printer", "Prohibit", "ProhibitInset", "ProjectorScreen", "ProjectorScreenChart", "Pulse", "PushPin", "PushPinSimple", "PushPinSimpleSlash", "PushPinSlash", "PuzzlePiece", "QrCode", "Question", "QuestionMark", "Queue", "Quotes", "Rabbit", "Racquet", "Radical", "Radio", "RadioButton", "Radioactive", "Rainbow", "RainbowCloud", "Ranking", "ReadCvLogo", "Receipt", "ReceiptX", "Record", "Rectangle", "RectangleDashed", "Recycle", "RedditLogo", "Repeat", "RepeatOnce", "ReplitLogo", "Resize", "Rewind", "RewindCircle", "RoadHorizon", "Robot", "Rocket", "RocketLaunch", "Rows", "RowsPlusBottom", "RowsPlusTop", "Rss", "RssSimple", "Rug", "Ruler", "SSR", "Sailboat", "Scales", "Scan", "ScanSmiley", "Scissors", "Scooter", "Screencast", "Screwdriver", "Scribble", "ScribbleLoop", "Scroll", "Seal", "SealCheck", "SealPercent", "SealQuestion", "SealWarning", "Seat", "Seatbelt", "SecurityCamera", "Selection", "SelectionAll", "SelectionBackground", "SelectionForeground", "SelectionInverse", "SelectionPlus", "SelectionSlash", "Shapes", "Share", "ShareFat", "ShareNetwork", "Shield", "ShieldCheck", "ShieldCheckered", "ShieldChevron", "ShieldPlus", "ShieldSlash", "ShieldStar", "ShieldWarning", "ShippingContainer", "ShirtFolded", "ShootingStar", "ShoppingBag", "ShoppingBagOpen", "ShoppingCart", "ShoppingCartSimple", "Shovel", "Shower", "Shrimp", "Shuffle", "ShuffleAngular", "ShuffleSimple", "Sidebar", "SidebarSimple", "Sigma", "SignIn", "SignOut", "Signature", "Signpost", "SimCard", "Siren", "SketchLogo", "SkipBack", "SkipBackCircle", "SkipForward", "SkipForwardCircle", "Skull", "SkypeLogo", "SlackLogo", "Sliders", "SlidersHorizontal", "Slideshow", "Smiley", "SmileyAngry", "SmileyBlank", "SmileyMeh", "SmileyMelting", "SmileyNervous", "SmileySad", "SmileySticker", "SmileyWink", "SmileyXEyes", "SnapchatLogo", "Sneaker", "SneakerMove", "Snowflake", "SoccerBall", "Sock", "SolarPanel", "SolarRoof", "SortAscending", "SortDescending", "SoundcloudLogo", "Spade", "Sparkle", "SpeakerHifi", "SpeakerHigh", "SpeakerLow", "SpeakerNone", "SpeakerSimpleHigh", "SpeakerSimpleLow", "SpeakerSimpleNone", "SpeakerSimpleSlash", "SpeakerSimpleX", "SpeakerSlash", "SpeakerX", "Speedometer", "Sphere", "Spinner", "SpinnerBall", "SpinnerGap", "Spiral", "SplitHorizontal", "SplitVertical", "SpotifyLogo", "SprayBottle", "Square", "SquareHalf", "SquareHalfBottom", "SquareLogo", "SquareSplitHorizontal", "SquareSplitVertical", "SquaresFour", "Stack", "StackMinus", "StackOverflowLogo", "StackPlus", "StackSimple", "Stairs", "Stamp", "StandardDefinition", "Star", "StarAndCrescent", "StarFour", "StarHalf", "StarOfDavid", "SteamLogo", "SteeringWheel", "Steps", "Stethoscope", "Sticker", "Stool", "Stop", "StopCircle", "Storefront", "Strategy", "StripeLogo", "Student", "SubsetOf", "SubsetProperOf", "Subtitles", "SubtitlesSlash", "Subtract", "SubtractSquare", "Subway", "Suitcase", "SuitcaseRolling", "SuitcaseSimple", "Sun", "SunDim", "SunHorizon", "Sunglasses", "SupersetOf", "SupersetProperOf", "Swap", "Swatches", "SwimmingPool", "Sword", "Synagogue", "Syringe", "TShirt", "Table", "Tabs", "Tag", "TagChevron", "TagSimple", "Target", "Taxi", "TeaBag", "TelegramLogo", "Television", "TelevisionSimple", "TennisBall", "Tent", "Terminal", "TerminalWindow", "TestTube", "TextAUnderline", "TextAa", "TextAlignCenter", "TextAlignJustify", "TextAlignLeft", "TextAlignRight", "TextB", "TextBolder", "TextColumns", "TextH", "TextHFive", "TextHFour", "TextHOne", "TextHSix", "TextHThree", "TextHTwo", "TextIndent", "TextItalic", "TextOutdent", "TextStrikethrough", "TextSubscript", "TextSuperscript", "TextT", "TextTSlash", "TextUnderline", "Textbox", "Thermometer", "ThermometerCold", "ThermometerHot", "ThermometerSimple", "ThreadsLogo", "ThreeD", "ThumbsDown", "ThumbsUp", "Ticket", "TidalLogo", "TiktokLogo", "Tilde", "Timer", "TipJar", "Tipi", "Tire", "ToggleLeft", "ToggleRight", "Toilet", "ToiletPaper", "Toolbox", "Tooth", "Tornado", "Tote", "ToteSimple", "Towel", "Tractor", "Trademark", "TrademarkRegistered", "TrafficCone", "TrafficSign", "TrafficSignal", "Train", "TrainRegional", "TrainSimple", "Tram", "Translate", "Trash", "TrashSimple", "Tray", "TrayArrowDown", "TrayArrowUp", "TreasureChest", "Tree", "TreeEvergreen", "TreePalm", "TreeStructure", "TreeView", "TrendDown", "TrendUp", "Triangle", "TriangleDashed", "Trolley", "TrolleySuitcase", "Trophy", "Truck", "TruckTrailer", "TumblrLogo", "TwitchLogo", "TwitterLogo", "Umbrella", "UmbrellaSimple", "Union", "Unite", "UniteSquare", "Upload", "UploadSimple", "Usb", "User", "UserCheck", "UserCircle", "UserCircleCheck", "UserCircleDashed", "UserCircleGear", "UserCircleMinus", "UserCirclePlus", "UserFocus", "UserGear", "UserList", "UserMinus", "UserPlus", "UserRectangle", "UserSound", "UserSquare", "UserSwitch", "Users", "UsersFour", "UsersThree", "Van", "Vault", "VectorThree", "VectorTwo", "Vibrate", "Video", "VideoCamera", "VideoCameraSlash", "VideoConference", "Vignette", "VinylRecord", "VirtualReality", "Virus", "Visor", "Voicemail", "Volleyball", "Wall", "Wallet", "Warehouse", "Warning", "WarningCircle", "WarningDiamond", "WarningOctagon", "WashingMachine", "Watch", "WaveSawtooth", "WaveSine", "WaveSquare", "WaveTriangle", "Waveform", "WaveformSlash", "Waves", "Webcam", "WebcamSlash", "WebhooksLogo", "WechatLogo", "WhatsappLogo", "Wheelchair", "WheelchairMotion", "WifiHigh", "WifiLow", "WifiMedium", "WifiNone", "WifiSlash", "WifiX", "Wind", "Windmill", "WindowsLogo", "Wine", "Wrench", "X", "XCircle", "XLogo", "XSquare", "Yarn", "YinYang", "YoutubeLogo"];
118
118
  function yt() {
119
119
  let t = new URLSearchParams(document.location.search);
120
- const n = t.get("shopId") || localStorage.getItem("shopId"), o = t.get("sellerAccessToken") || localStorage.getItem("sellerAccessToken"), s = t.get("draftId") || localStorage.getItem("draftId");
121
- return Ft(), o && localStorage.setItem("sellerAccessToken", o), n && localStorage.setItem("shopId", n), s && localStorage.setItem("draftId", s), !!(o && n && s);
120
+ const n = t.get("shopId") || localStorage.getItem("shopId"), o = t.get("sellerAccessToken") || localStorage.getItem("sellerAccessToken"), a = t.get("draftId") || localStorage.getItem("draftId");
121
+ return Ft(), o && localStorage.setItem("sellerAccessToken", o), n && localStorage.setItem("shopId", n), a && localStorage.setItem("draftId", a), !!(o && n && a);
122
122
  }
123
123
  const Bt = "_wrapper_1dfbs_1", At = "_main_1dfbs_9", Pt = "_loading_1dfbs_13", Ce = {
124
124
  wrapper: Bt,
@@ -131,35 +131,41 @@ const Bt = "_wrapper_1dfbs_1", At = "_main_1dfbs_9", Pt = "_loading_1dfbs_13", C
131
131
  const { header: t } = F(), { settings: n } = J(), { pageContext: o } = T();
132
132
  return t == null ? void 0 : t.renderBlock(n, o);
133
133
  }, Lt = ({ pagePath: t }) => {
134
- const { sourceBlocks: n } = X(), { pageContext: o } = T(), [s, l] = C.useState(!0), [r, a] = C.useState(null), { setThemeSettings: i } = $(), [d, S] = C.useState();
135
- C.useEffect(() => {
136
- l(!0), (async () => {
137
- const u = await Qe(encodeURIComponent(t));
138
- if (u) {
139
- a(u.layout);
140
- const { settings: c, theme: _ } = await Ke();
141
- i(_), S(c);
134
+ const { sourceBlocks: n } = X(), [o, a] = S.useState(null), [l, r] = S.useState(!0), [s, i] = S.useState(null), { setThemeSettings: d } = $(), [C, h] = S.useState();
135
+ S.useEffect(() => {
136
+ r(!0), (async () => {
137
+ const c = await Qe(encodeURIComponent(t));
138
+ if (c) {
139
+ i(c.layout);
140
+ const { settings: _, theme: x } = await Ke();
141
+ d(x), h(_), a({
142
+ products: c.products,
143
+ reviews: c.reviews,
144
+ categories: c.categories,
145
+ faqs: c.faqs,
146
+ listings: c.listings
147
+ });
142
148
  }
143
- l(!1);
149
+ r(!1);
144
150
  })();
145
- }, []);
146
- const g = (h) => {
147
- if (!h || !h.name)
151
+ }, [t]);
152
+ const p = (u) => {
153
+ if (!u || !u.name)
148
154
  return /* @__PURE__ */ e.jsx(be, { error: "Block or block.name is undefined." });
149
- if (!n || !n[h.name])
150
- return /* @__PURE__ */ e.jsx(be, { error: `Block "${h.name}" does not exist in blocks.` });
151
- const u = new n[h.name]();
152
- return h.value && Object.assign(u, h.value), u.renderBlock(d, o);
155
+ if (!n || !n[u.name])
156
+ return /* @__PURE__ */ e.jsx(be, { error: `Block "${u.name}" does not exist in blocks.` });
157
+ const c = new n[u.name]();
158
+ return u.value && Object.assign(c, u.value), c.renderBlock(C, o);
153
159
  };
154
- return !s && r === null ? /* @__PURE__ */ e.jsx(Nt, {}) : /* @__PURE__ */ e.jsxs("div", { className: Ce.wrapper, children: [
160
+ return !l && s === null ? /* @__PURE__ */ e.jsx(Nt, {}) : /* @__PURE__ */ e.jsxs("div", { className: Ce.wrapper, children: [
155
161
  /* @__PURE__ */ e.jsx(Ge, {}),
156
- !s && r ? /* @__PURE__ */ e.jsx("div", { className: Ce.main, children: Object.keys(r).map((h) => /* @__PURE__ */ e.jsx(
162
+ !l && s ? /* @__PURE__ */ e.jsx("div", { className: Ce.main, children: Object.keys(s).map((u) => /* @__PURE__ */ e.jsx(
157
163
  Oe,
158
164
  {
159
- block: r[h],
160
- render: g
165
+ block: s[u],
166
+ render: p
161
167
  },
162
- h
168
+ u
163
169
  )) }) : /* @__PURE__ */ e.jsx("div", { className: Ce.loading, children: /* @__PURE__ */ e.jsx(Ae, {}) }),
164
170
  /* @__PURE__ */ e.jsx(qe, {})
165
171
  ] });
@@ -176,12 +182,12 @@ const Ft = () => {
176
182
  button: Mt,
177
183
  disabled: $t
178
184
  }, Ht = () => {
179
- const { undo: t, redo: n, past: o, future: s } = Je(), [l, r] = C.useState(!1), [a, i] = C.useState(!1);
180
- return C.useEffect(() => {
185
+ const { undo: t, redo: n, past: o, future: a } = Je(), [l, r] = S.useState(!1), [s, i] = S.useState(!1);
186
+ return S.useEffect(() => {
181
187
  r(o.length === 0);
182
- }, [o]), C.useEffect(() => {
183
- i(s.length === 0);
184
- }, [s]), /* @__PURE__ */ e.jsxs("div", { className: re.buttons, children: [
188
+ }, [o]), S.useEffect(() => {
189
+ i(a.length === 0);
190
+ }, [a]), /* @__PURE__ */ e.jsxs("div", { className: re.buttons, children: [
185
191
  /* @__PURE__ */ e.jsx(
186
192
  "div",
187
193
  {
@@ -206,7 +212,7 @@ const Ft = () => {
206
212
  "div",
207
213
  {
208
214
  className: A(re.button, {
209
- [re.disabled]: a
215
+ [re.disabled]: s
210
216
  }),
211
217
  children: /* @__PURE__ */ e.jsx(
212
218
  f,
@@ -215,9 +221,9 @@ const Ft = () => {
215
221
  width: 20,
216
222
  height: 20,
217
223
  onClick: () => {
218
- a || n();
224
+ s || n();
219
225
  },
220
- fill: a ? "#757575" : "#252525"
226
+ fill: s ? "#757575" : "#252525"
221
227
  }
222
228
  )
223
229
  }
@@ -294,14 +300,14 @@ const Ft = () => {
294
300
  currentPage: t,
295
301
  setCurrentPage: n,
296
302
  setIsOpenModal: o,
297
- pages: s,
303
+ pages: a,
298
304
  setIsEdit: l,
299
305
  setEditedPage: r,
300
- deletePage: a,
306
+ deletePage: s,
301
307
  isOpenSelectModal: i,
302
308
  setIsOpenSelectModal: d
303
- } = T(), { deletePage: S } = F(), [g, h] = C.useState("");
304
- return C.useEffect(() => {
309
+ } = T(), { deletePage: C } = F(), [h, p] = S.useState("");
310
+ return S.useEffect(() => {
305
311
  const u = () => {
306
312
  d(!1);
307
313
  };
@@ -320,13 +326,13 @@ const Ft = () => {
320
326
  /* @__PURE__ */ e.jsx(
321
327
  f,
322
328
  {
323
- name: s && s[t] && s[t].icon || "File",
329
+ name: a && a[t] && a[t].icon || "File",
324
330
  fill: "#252525",
325
331
  width: 20,
326
332
  height: 20
327
333
  }
328
334
  ),
329
- /* @__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 }),
335
+ /* @__PURE__ */ e.jsx("span", { className: z.text, children: a && a[t] && de.includes(a[t].name) ? `${U(a[t].name)} page` : a && a[t] && a[t].name }),
330
336
  /* @__PURE__ */ e.jsx(
331
337
  f,
332
338
  {
@@ -344,18 +350,18 @@ const Ft = () => {
344
350
  className: z.modal,
345
351
  onClick: (u) => u.stopPropagation(),
346
352
  children: [
347
- s && /* @__PURE__ */ e.jsx("div", { className: z.items, children: Object.keys(s).map((u) => {
348
- const c = s[u];
353
+ a && /* @__PURE__ */ e.jsx("div", { className: z.items, children: Object.keys(a).map((u) => {
354
+ const c = a[u];
349
355
  return /* @__PURE__ */ e.jsxs(
350
356
  "div",
351
357
  {
352
358
  className: A(z.page, {
353
- [z.hoverable]: g === u
359
+ [z.hoverable]: h === u
354
360
  }),
355
- onMouseEnter: () => h(u),
356
- onMouseLeave: () => h(""),
361
+ onMouseEnter: () => p(u),
362
+ onMouseLeave: () => p(""),
357
363
  onClick: () => {
358
- h(""), l(!1), n(u), d(!1);
364
+ p(""), l(!1), n(u), d(!1);
359
365
  },
360
366
  children: [
361
367
  /* @__PURE__ */ e.jsx(
@@ -366,7 +372,7 @@ const Ft = () => {
366
372
  }
367
373
  ),
368
374
  /* @__PURE__ */ e.jsx("span", { className: z.text, children: de.includes(c.name) ? `${U(c.name)} page` : c.name }),
369
- g === u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
375
+ h === u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
370
376
  /* @__PURE__ */ e.jsx(
371
377
  f,
372
378
  {
@@ -383,12 +389,12 @@ const Ft = () => {
383
389
  name: "Trash",
384
390
  fill: "#C12A2A",
385
391
  onClick: (_) => {
386
- s[t].path === c.name && n("/"), _.stopPropagation(), a(u), S(c.name), Ze(c.path);
392
+ a[t].path === c.name && n("/"), _.stopPropagation(), s(u), C(c.name), Ze(c.path);
387
393
  }
388
394
  }
389
395
  )
390
396
  ] }),
391
- s[t] && s[t].path === c.name && /* @__PURE__ */ e.jsx(
397
+ a[t] && a[t].path === c.name && /* @__PURE__ */ e.jsx(
392
398
  f,
393
399
  {
394
400
  name: "Check",
@@ -428,10 +434,10 @@ const Ft = () => {
428
434
  }, an = "_zoom_1q1ud_1", rn = {
429
435
  zoom: an
430
436
  }, ln = () => {
431
- const [t, n] = C.useState(), o = () => {
437
+ const [t, n] = S.useState(), o = () => {
432
438
  n(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
433
439
  };
434
- return C.useEffect(() => (o(), window.addEventListener("resize", o), () => {
440
+ return S.useEffect(() => (o(), window.addEventListener("resize", o), () => {
435
441
  window.removeEventListener("resize", o);
436
442
  }), []), /* @__PURE__ */ e.jsxs("div", { className: rn.zoom, children: [
437
443
  /* @__PURE__ */ e.jsx(
@@ -463,10 +469,10 @@ const Ft = () => {
463
469
  ),
464
470
  /* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
465
471
  ] }), gn = () => {
466
- 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();
467
- function S(_, k) {
472
+ const { themeSettings: t } = $(), { settings: n } = J(), { isOpenSelectModal: o } = T(), [a, l] = S.useState(null), [r, s] = S.useState(!1), { pages: i } = T(), { blocks: d } = F();
473
+ function C(_, x) {
468
474
  try {
469
- return k.map((w) => {
475
+ return x.map((w) => {
470
476
  if (!w.value || !w.value.blockSettings)
471
477
  throw new Error("block.value or block.value.blockSettings is undefined.");
472
478
  return Object.values(w.value.blockSettings).filter((N) => N && N.type === _).map((N) => {
@@ -483,25 +489,25 @@ const Ft = () => {
483
489
  return console.error("Error in getValues function:", v), [];
484
490
  }
485
491
  }
486
- function g(_, k) {
487
- return S(_, k).some((w) => w);
492
+ function h(_, x) {
493
+ return C(_, x).some((w) => w);
488
494
  }
489
- function h(_, k) {
490
- const v = S(_, k);
495
+ function p(_, x) {
496
+ const v = C(_, x);
491
497
  return Array.isArray(v) && v.length > 0 ? Math.max(...v) : 0;
492
498
  }
493
499
  function u(_) {
494
500
  if (i) {
495
- const k = Object.keys(i).find((v) => i[v].name === _);
496
- if (k) return i[k];
501
+ const x = Object.keys(i).find((v) => i[v].name === _);
502
+ if (x) return i[x];
497
503
  }
498
504
  return null;
499
505
  }
500
506
  const c = () => {
501
507
  if (r)
502
- s && clearTimeout(s);
508
+ a && clearTimeout(a);
503
509
  else {
504
- const k = Object.keys(d).map((v) => {
510
+ const x = Object.keys(d).map((v) => {
505
511
  const w = u(v);
506
512
  return {
507
513
  name: w ? w.name : v,
@@ -509,12 +515,12 @@ const Ft = () => {
509
515
  layout: {
510
516
  ...d[v]
511
517
  },
512
- neededProductIds: [...S("ProductId", Object.values(d[v]))],
513
- neededCategoryIds: [...S("CategoryId", Object.values(d[v]))],
514
- neededAnnouncementIds: [...S("AnnouncementId", Object.values(d[v]))],
515
- neededListingIds: [...S("listings", Object.values(d[v]))],
516
- neededFaqs: g("Faqs", Object.values(d[v])),
517
- neededReviewCount: h("ReviewCount", Object.values(d[v])),
518
+ neededProductIds: [...C("ProductId", Object.values(d[v]))],
519
+ neededCategoryIds: [...C("CategoryId", Object.values(d[v]))],
520
+ neededAnnouncementIds: [...C("AnnouncementId", Object.values(d[v]))],
521
+ neededListingIds: [...C("listings", Object.values(d[v]))],
522
+ neededFaqs: h("Faqs", Object.values(d[v])),
523
+ neededReviewCount: p("ReviewCount", Object.values(d[v])),
518
524
  seo: {
519
525
  pageTitle: w && w.seo && w.seo.title ? w.seo.title : "",
520
526
  pageDescription: w && w.seo && w.seo.description ? w.seo.description : ""
@@ -524,12 +530,12 @@ const Ft = () => {
524
530
  et("post", "save", {
525
531
  themeSettings: t,
526
532
  settings: n,
527
- updatedPages: k
533
+ updatedPages: x
528
534
  });
529
535
  }
530
- a(!0);
536
+ s(!0);
531
537
  const _ = setTimeout(() => {
532
- a(!1);
538
+ s(!1);
533
539
  }, 2e3);
534
540
  l(_);
535
541
  };
@@ -580,31 +586,31 @@ const Ft = () => {
580
586
  block: fn,
581
587
  active: _n
582
588
  }, wn = () => {
583
- const { activeBlock: t, setActiveBlock: n } = _e(), { setActiveBlock: o } = X(), { setCurrentBlock: s } = F(), { setActiveBlock: l } = $();
584
- function r(a) {
585
- o(null), n(a), s(null), l(null);
589
+ const { activeBlock: t, setActiveBlock: n } = _e(), { setActiveBlock: o } = X(), { setCurrentBlock: a } = F(), { setActiveBlock: l } = $();
590
+ function r(s) {
591
+ o(null), n(s), a(null), l(null);
586
592
  }
587
593
  return /* @__PURE__ */ e.jsxs("div", { className: ge.navbar, children: [
588
594
  /* @__PURE__ */ e.jsx(Sn, {}),
589
- /* @__PURE__ */ e.jsx("div", { className: ge.main, children: tt.map((a) => /* @__PURE__ */ e.jsxs(
595
+ /* @__PURE__ */ e.jsx("div", { className: ge.main, children: tt.map((s) => /* @__PURE__ */ e.jsxs(
590
596
  "div",
591
597
  {
592
598
  className: A(ge.block, {
593
- [ge.active]: t.icon === a.icon
599
+ [ge.active]: t.icon === s.icon
594
600
  }),
595
- onClick: () => r(a),
601
+ onClick: () => r(s),
596
602
  children: [
597
603
  /* @__PURE__ */ e.jsx(
598
604
  f,
599
605
  {
600
- name: a.icon,
601
- fill: t.icon === a.icon ? "#252525" : "#757575"
606
+ name: s.icon,
607
+ fill: t.icon === s.icon ? "#252525" : "#757575"
602
608
  }
603
609
  ),
604
- /* @__PURE__ */ e.jsx("span", { children: a.name })
610
+ /* @__PURE__ */ e.jsx("span", { children: s.name })
605
611
  ]
606
612
  },
607
- a.icon
613
+ s.icon
608
614
  )) })
609
615
  ] });
610
616
  }, 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 = {
@@ -685,18 +691,18 @@ const Ft = () => {
685
691
  border: to,
686
692
  deleteButton: no
687
693
  }, oo = () => {
688
- 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 = () => {
689
- d > 0 && a && s(a[r].path, d, d - 1);
690
- }, g = () => {
691
- d < i.length - 1 && a && s(a[r].path, d, d + 1);
694
+ const { activeBlock: t } = Z(), { blocks: n, removeBlock: o, moveBlock: a, duplicateBlock: l } = F(), { currentPage: r, pages: s } = T(), i = s && s[r] ? Object.keys(n[s[r].path]) : [], d = i.indexOf(t), C = () => {
695
+ d > 0 && s && a(s[r].path, d, d - 1);
692
696
  }, h = () => {
693
- a && l(a[r].path, t);
697
+ d < i.length - 1 && s && a(s[r].path, d, d + 1);
698
+ }, p = () => {
699
+ s && l(s[r].path, t);
694
700
  };
695
701
  return /* @__PURE__ */ e.jsx("div", { className: H.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: H.content, children: [
696
702
  /* @__PURE__ */ e.jsx(
697
703
  "button",
698
704
  {
699
- onClick: S,
705
+ onClick: C,
700
706
  className: A(H.button, H.moveButton),
701
707
  disabled: d === 0,
702
708
  children: /* @__PURE__ */ e.jsx(f, { name: "ArrowUp" })
@@ -705,7 +711,7 @@ const Ft = () => {
705
711
  /* @__PURE__ */ e.jsx(
706
712
  "button",
707
713
  {
708
- onClick: g,
714
+ onClick: h,
709
715
  className: A(H.button, H.moveButton),
710
716
  disabled: d === i.length - 1,
711
717
  children: /* @__PURE__ */ e.jsx(f, { name: "ArrowDown" })
@@ -715,7 +721,7 @@ const Ft = () => {
715
721
  /* @__PURE__ */ e.jsx(
716
722
  "button",
717
723
  {
718
- onClick: h,
724
+ onClick: p,
719
725
  className: A(H.button, H.moveButton),
720
726
  children: /* @__PURE__ */ e.jsx(f, { name: "Copy" })
721
727
  }
@@ -725,7 +731,7 @@ const Ft = () => {
725
731
  "button",
726
732
  {
727
733
  onClick: () => {
728
- a && o(a[r].path, t);
734
+ s && o(s[r].path, t);
729
735
  },
730
736
  className: A(H.button, H.deleteButton),
731
737
  children: /* @__PURE__ */ e.jsx(
@@ -738,30 +744,30 @@ const Ft = () => {
738
744
  }
739
745
  )
740
746
  ] }) });
741
- }, so = C.memo(() => {
742
- 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);
743
- C.useEffect(() => {
744
- g.current = n;
745
- }, [n]), C.useEffect(() => {
747
+ }, so = S.memo(() => {
748
+ const { setActiveBlock: t, activeBlock: n } = Z(), { blocks: o, sourceBlocks: a } = X(), { blocks: l } = F(), { settings: r } = J(), { currentPage: s, pages: i, setIsOpenSelectModal: d, pageContext: C } = T(), h = S.useRef(n);
749
+ S.useEffect(() => {
750
+ h.current = n;
751
+ }, [n]), S.useEffect(() => {
746
752
  const c = () => {
747
- g.current && t(null);
753
+ h.current && t(null);
748
754
  };
749
755
  return document.body.addEventListener("click", c), () => {
750
756
  document.body.removeEventListener("click", c);
751
757
  };
752
758
  }, []);
753
- const h = (c) => {
759
+ const p = (c) => {
754
760
  if (!c || !c.name)
755
761
  return /* @__PURE__ */ e.jsx(be, { error: "Block or block.name is undefined." });
756
762
  if (!o || !o[c.name])
757
763
  return /* @__PURE__ */ e.jsx(be, { error: `Block "${c.name}" does not exist in blocks.` });
758
764
  const _ = new o[c.name]();
759
- return c.value && Object.assign(_, c.value), _.renderBlock(r, S);
765
+ return c.value && Object.assign(_, c.value), _.renderBlock(r, C);
760
766
  };
761
767
  function u(c) {
762
- if (!s || !s[c])
768
+ if (!a || !a[c])
763
769
  return "unknown name";
764
- const _ = new s[c]();
770
+ const _ = new a[c]();
765
771
  return !_.blockSettings || !_.blockSettings.displayName ? "unknown name" : _.blockSettings.displayName;
766
772
  }
767
773
  return /* @__PURE__ */ e.jsxs(
@@ -773,7 +779,7 @@ const Ft = () => {
773
779
  className: ie.content,
774
780
  children: [
775
781
  /* @__PURE__ */ e.jsx(Ge, {}),
776
- /* @__PURE__ */ e.jsx("div", { className: ie.main, children: i && i[a] && l[i[a].path] && Object.keys(l[i[a].path]).map((c) => /* @__PURE__ */ e.jsxs(
782
+ /* @__PURE__ */ e.jsx("div", { className: ie.main, children: i && i[s] && l[i[s].path] && Object.keys(l[i[s].path]).map((c) => /* @__PURE__ */ e.jsxs(
777
783
  "div",
778
784
  {
779
785
  onClick: () => t(c),
@@ -781,13 +787,13 @@ const Ft = () => {
781
787
  [ie.active]: n === c
782
788
  }),
783
789
  children: [
784
- n === c && /* @__PURE__ */ e.jsx("div", { className: ie.name, children: u(l[i[a].path][c].name) }),
785
- n === c && u(l[i[a].path][c].name) !== "unknown name" && /* @__PURE__ */ e.jsx(oo, {}),
790
+ n === c && /* @__PURE__ */ e.jsx("div", { className: ie.name, children: u(l[i[s].path][c].name) }),
791
+ n === c && u(l[i[s].path][c].name) !== "unknown name" && /* @__PURE__ */ e.jsx(oo, {}),
786
792
  o && /* @__PURE__ */ e.jsx(
787
793
  Oe,
788
794
  {
789
- render: h,
790
- block: l[i[a].path][c]
795
+ render: p,
796
+ block: l[i[s].path][c]
791
797
  }
792
798
  )
793
799
  ]
@@ -822,9 +828,9 @@ const Ft = () => {
822
828
  }
823
829
  )
824
830
  ] }), ze = () => {
825
- const { blocks: t, sourceBlocks: n, setActiveBlock: o } = X(), { hideModal: s } = we();
831
+ const { blocks: t, sourceBlocks: n, setActiveBlock: o } = X(), { hideModal: a } = we();
826
832
  function l(i) {
827
- o(i), s();
833
+ o(i), a();
828
834
  }
829
835
  function r(i) {
830
836
  if (!n || !n[i])
@@ -832,14 +838,14 @@ const Ft = () => {
832
838
  const d = new n[i]();
833
839
  return !d.blockSettings || !d.blockSettings.displayName ? "unknown name" : d.blockSettings.displayName;
834
840
  }
835
- function a(i) {
841
+ function s(i) {
836
842
  if (n)
837
843
  return new n[i]().blockSettings.isAddable;
838
844
  }
839
845
  return /* @__PURE__ */ e.jsxs("div", { className: me.add, children: [
840
846
  /* @__PURE__ */ e.jsx(uo, {}),
841
847
  /* @__PURE__ */ e.jsx("div", { className: me.results, children: t && Object.keys(t).map((i) => {
842
- if (a(i))
848
+ if (s(i))
843
849
  return /* @__PURE__ */ e.jsxs(
844
850
  "div",
845
851
  {
@@ -859,56 +865,56 @@ const Ft = () => {
859
865
  modalPosition: t,
860
866
  color: n,
861
867
  initialColor: o,
862
- setShowModal: s,
868
+ setShowModal: a,
863
869
  hue: l,
864
870
  saturation: r,
865
- brightness: a,
871
+ brightness: s,
866
872
  dragging: i,
867
873
  setDragging: d,
868
- setHue: S,
869
- setSaturation: g,
870
- setBrightness: h,
874
+ setHue: C,
875
+ setSaturation: h,
876
+ setBrightness: p,
871
877
  colorChange: u,
872
878
  setColor: c,
873
879
  update: _
874
- } = Ie(), k = (m) => {
875
- const { offsetX: x, offsetY: j } = m.nativeEvent;
876
- d(!0), N(x, j, m.currentTarget);
880
+ } = Ie(), x = (m) => {
881
+ const { offsetX: k, offsetY: j } = m.nativeEvent;
882
+ d(!0), N(k, j, m.currentTarget);
877
883
  }, v = (m) => {
878
884
  if (i) {
879
- const x = document.querySelector(`.${G.colorMap}`), { left: j, top: P } = x.getBoundingClientRect(), p = m.clientX - j, b = m.clientY - P;
880
- N(p, b, x);
885
+ const k = document.querySelector(`.${G.colorMap}`), { left: j, top: P } = k.getBoundingClientRect(), g = m.clientX - j, b = m.clientY - P;
886
+ N(g, b, k);
881
887
  }
882
888
  }, w = () => {
883
889
  d(!1);
884
- }, N = (m, x, j) => {
885
- 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));
886
- g(b), h(q), y(b, q);
887
- }, y = (m, x) => {
888
- const j = B(l, m, x);
890
+ }, N = (m, k, j) => {
891
+ const { width: P, height: g } = j.getBoundingClientRect(), b = Math.max(0, Math.min(m / P * 100, 100)), q = Math.max(0, Math.min(100 - k / g * 100, 100));
892
+ h(b), p(q), y(b, q);
893
+ }, y = (m, k) => {
894
+ const j = B(l, m, k);
889
895
  u(j), c(j);
890
- }, D = (m, x, j) => {
891
- x /= 100, j /= 100;
892
- 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));
896
+ }, M = (m, k, j) => {
897
+ k /= 100, j /= 100;
898
+ const P = (ue) => (ue + m / 60) % 6, g = (ue) => j * (1 - k * Math.max(0, Math.min(P(ue), 4 - P(ue), 1))), b = Math.round(255 * g(5)), q = Math.round(255 * g(3)), Xe = Math.round(255 * g(1));
893
899
  return { r: b, g: q, b: Xe };
894
- }, L = (m, x, j) => {
895
- const P = (p) => p.toString(16).padStart(2, "0");
896
- return `#${P(m)}${P(x)}${P(j)}`;
897
- }, B = (m, x, j) => {
898
- const { r: P, g: p, b } = D(m, x, j);
899
- return L(P, p, b);
900
+ }, L = (m, k, j) => {
901
+ const P = (g) => g.toString(16).padStart(2, "0");
902
+ return `#${P(m)}${P(k)}${P(j)}`;
903
+ }, B = (m, k, j) => {
904
+ const { r: P, g, b } = M(m, k, j);
905
+ return L(P, g, b);
900
906
  };
901
- C.useEffect(() => {
902
- const m = (j) => v(j), x = () => w();
903
- return i ? (document.addEventListener("mousemove", m), document.addEventListener("mouseup", x)) : (document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", x)), () => {
904
- document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", x);
907
+ S.useEffect(() => {
908
+ const m = (j) => v(j), k = () => w();
909
+ return i ? (document.addEventListener("mousemove", m), document.addEventListener("mouseup", k)) : (document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", k)), () => {
910
+ document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", k);
905
911
  };
906
912
  }, [i]);
907
- function M() {
908
- _(n), s(!1);
913
+ function D() {
914
+ _(n), a(!1);
909
915
  }
910
916
  function O() {
911
- s(!1), u(o);
917
+ a(!1), u(o);
912
918
  }
913
919
  return /* @__PURE__ */ e.jsxs(
914
920
  "div",
@@ -925,7 +931,7 @@ const Ft = () => {
925
931
  "div",
926
932
  {
927
933
  className: G.colorMap,
928
- onMouseDown: k,
934
+ onMouseDown: x,
929
935
  style: {
930
936
  background: `
931
937
  linear-gradient(to top, black, transparent),
@@ -939,7 +945,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
939
945
  style: {
940
946
  position: "absolute",
941
947
  left: `${r}%`,
942
- top: `${100 - a}%`,
948
+ top: `${100 - s}%`,
943
949
  transform: "translate(-50%, -50%)"
944
950
  }
945
951
  }
@@ -954,7 +960,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
954
960
  max: "360",
955
961
  value: l,
956
962
  onChange: (m) => {
957
- S(Number(m.target.value)), y(r, a);
963
+ C(Number(m.target.value)), y(r, s);
958
964
  },
959
965
  className: G.slider
960
966
  }
@@ -971,7 +977,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
971
977
  /* @__PURE__ */ e.jsx(
972
978
  Y,
973
979
  {
974
- onClick: M,
980
+ onClick: D,
975
981
  className: G.applyButton,
976
982
  children: "Apply"
977
983
  }
@@ -989,18 +995,18 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
989
995
  // currentPage,
990
996
  // pages,
991
997
  pageContext: o
992
- } = T(), { showModal: s } = Ie(), [l, r] = C.useState(!0), { currentDevice: a } = Re();
993
- C.useEffect(() => {
998
+ } = T(), { showModal: a } = Ie(), [l, r] = S.useState(!0), { currentDevice: s } = Re();
999
+ S.useEffect(() => {
994
1000
  t && o.general && setTimeout(() => {
995
1001
  r(!1);
996
1002
  }, 100);
997
1003
  }, [t, o]);
998
1004
  function i() {
999
- return a.value === "desktop" ? "100%" : a.value === "tablet" ? "768px" : "425px";
1005
+ return s.value === "desktop" ? "100%" : s.value === "tablet" ? "768px" : "425px";
1000
1006
  }
1001
1007
  return /* @__PURE__ */ e.jsxs("div", { className: pe.preview, children: [
1002
1008
  n && /* @__PURE__ */ e.jsx(nt, { children: /* @__PURE__ */ e.jsx(ze, {}) }),
1003
- s && /* @__PURE__ */ e.jsx(ho, {}),
1009
+ a && /* @__PURE__ */ e.jsx(ho, {}),
1004
1010
  t && /* @__PURE__ */ e.jsxs(
1005
1011
  "div",
1006
1012
  {
@@ -1035,8 +1041,8 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1035
1041
  block: Ao
1036
1042
  }, Po = () => {
1037
1043
  const { setCurrentBlock: t } = F(), { activeBlock: n } = Z();
1038
- function o(s) {
1039
- t(s);
1044
+ function o(a) {
1045
+ t(a);
1040
1046
  }
1041
1047
  return /* @__PURE__ */ e.jsxs(
1042
1048
  "div",
@@ -1055,8 +1061,8 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1055
1061
  block: Lo
1056
1062
  }, No = () => {
1057
1063
  const { activeBlock: t } = Z(), { setCurrentBlock: n } = F();
1058
- function o(s) {
1059
- n(s);
1064
+ function o(a) {
1065
+ n(a);
1060
1066
  }
1061
1067
  return /* @__PURE__ */ e.jsxs(
1062
1068
  "div",
@@ -1071,32 +1077,32 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1071
1077
  ]
1072
1078
  }
1073
1079
  );
1074
- }, To = ({ id: t, name: n, index: o, moveBlock: s, onClick: l }) => {
1075
- const { currentPage: r, pages: a } = T(), { activeBlock: i } = Z(), {
1080
+ }, To = ({ id: t, name: n, index: o, moveBlock: a, onClick: l }) => {
1081
+ const { currentPage: r, pages: s } = T(), { activeBlock: i } = Z(), {
1076
1082
  showPreview: d,
1077
- hidePreview: S,
1078
- showModal: g,
1079
- hideModal: h,
1083
+ hidePreview: C,
1084
+ showModal: h,
1085
+ hideModal: p,
1080
1086
  clearHideTimeout: u,
1081
1087
  startHideTimeout: c,
1082
1088
  hoverBlockId: _,
1083
- isModalVisible: k
1084
- } = we(), { setPositionBlock: v } = F(), [w, N] = C.useState(!1), y = () => {
1085
- k && h(), d(t), N(!0), u();
1086
- }, D = (m) => {
1087
- m.stopPropagation(), S(), g(t), u(), v(o + 1);
1089
+ isModalVisible: x
1090
+ } = we(), { setPositionBlock: v } = F(), [w, N] = S.useState(!1), y = () => {
1091
+ x && p(), d(t), N(!0), u();
1092
+ }, M = (m) => {
1093
+ m.stopPropagation(), C(), h(t), u(), v(o + 1);
1088
1094
  }, L = () => {
1089
- k ? c() : (N(!1), S());
1095
+ x ? c() : (N(!1), C());
1090
1096
  };
1091
- C.useEffect(() => {
1092
- k || N(!1);
1093
- }, [k]);
1097
+ S.useEffect(() => {
1098
+ x || N(!1);
1099
+ }, [x]);
1094
1100
  const [, B] = at({
1095
1101
  accept: "block",
1096
1102
  hover(m) {
1097
- m.index !== o && a && (s(a[r].path, m.index, o), m.index = o);
1103
+ m.index !== o && s && (a(s[r].path, m.index, o), m.index = o);
1098
1104
  }
1099
- }), [{ isDragging: M }, O] = rt({
1105
+ }), [{ isDragging: D }, O] = rt({
1100
1106
  type: "block",
1101
1107
  item: { id: t, index: o },
1102
1108
  collect: (m) => ({
@@ -1108,8 +1114,8 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1108
1114
  {
1109
1115
  ref: (m) => O(B(m)),
1110
1116
  className: A(se.block, {
1111
- [se.dragging]: M,
1112
- [se.active]: !M && i === t
1117
+ [se.dragging]: D,
1118
+ [se.active]: !D && i === t
1113
1119
  }),
1114
1120
  onClick: () => l(t),
1115
1121
  onMouseEnter: y,
@@ -1117,11 +1123,11 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1117
1123
  children: [
1118
1124
  /* @__PURE__ */ e.jsx(f, { name: "Cards" }),
1119
1125
  /* @__PURE__ */ e.jsx("span", { children: n }),
1120
- (w || _ === t) && !M && /* @__PURE__ */ e.jsx("div", { className: se.add, children: /* @__PURE__ */ e.jsx(
1126
+ (w || _ === t) && !D && /* @__PURE__ */ e.jsx("div", { className: se.add, children: /* @__PURE__ */ e.jsx(
1121
1127
  "button",
1122
1128
  {
1123
1129
  className: se.button,
1124
- onClick: (m) => D(m),
1130
+ onClick: (m) => M(m),
1125
1131
  children: /* @__PURE__ */ e.jsx(
1126
1132
  f,
1127
1133
  {
@@ -1135,35 +1141,35 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1135
1141
  }
1136
1142
  );
1137
1143
  }, Fo = () => {
1138
- const { blocks: t, setCurrentBlock: n, moveBlock: o } = F(), { currentPage: s, pages: l } = T(), { setMouseOverModal: r, setHoverBlockId: a } = we();
1139
- function i(g) {
1140
- n(g), r(!1), a(null);
1144
+ const { blocks: t, setCurrentBlock: n, moveBlock: o } = F(), { currentPage: a, pages: l } = T(), { setMouseOverModal: r, setHoverBlockId: s } = we();
1145
+ function i(h) {
1146
+ n(h), r(!1), s(null);
1141
1147
  }
1142
1148
  const { sourceBlocks: d } = X();
1143
- function S(g) {
1144
- if (!d || !d[g])
1149
+ function C(h) {
1150
+ if (!d || !d[h])
1145
1151
  return "unknown name";
1146
- const h = new d[g]();
1147
- return !h.blockSettings || !h.blockSettings.displayName ? "unknown name" : h.blockSettings.displayName;
1152
+ const p = new d[h]();
1153
+ return !p.blockSettings || !p.blockSettings.displayName ? "unknown name" : p.blockSettings.displayName;
1148
1154
  }
1149
1155
  return /* @__PURE__ */ e.jsxs("div", { className: se.layers, children: [
1150
1156
  /* @__PURE__ */ e.jsx(Po, {}),
1151
- /* @__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(
1157
+ /* @__PURE__ */ e.jsx(ot, { backend: st, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: l && l[a] && t[l[a].path] && Object.keys(t[l[a].path]).map((h, p) => /* @__PURE__ */ e.jsx(
1152
1158
  To,
1153
1159
  {
1154
- id: g,
1155
- name: S(t[l[s].path][g].name),
1156
- index: h,
1160
+ id: h,
1161
+ name: C(t[l[a].path][h].name),
1162
+ index: p,
1157
1163
  moveBlock: o,
1158
1164
  onClick: i
1159
1165
  },
1160
- g
1166
+ h
1161
1167
  )) }) }),
1162
1168
  /* @__PURE__ */ e.jsx(No, {})
1163
1169
  ] });
1164
1170
  }, Do = ({ isHeader: t }) => {
1165
- const { header: n, footer: o } = F(), { pageContext: s } = T();
1166
- return t ? n == null ? void 0 : n.renderSettings(s) : o == null ? void 0 : o.renderSettings(s);
1171
+ const { header: n, footer: o } = F(), { pageContext: a } = T();
1172
+ return t ? n == null ? void 0 : n.renderSettings(a) : o == null ? void 0 : o.renderSettings(a);
1167
1173
  }, Mo = () => {
1168
1174
  const { settings: t } = J();
1169
1175
  return t == null ? void 0 : t.renderSettings();
@@ -1206,77 +1212,77 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1206
1212
  return t.renderSettings(n);
1207
1213
  }, Yo = (t) => {
1208
1214
  var j, P;
1209
- const { isAdd: n } = t, [o, s] = C.useState(!1), { setActiveBlock: l } = _e(), { sourceBlocks: r, activeBlock: a, setActiveBlock: i, currentInstance: d, setCurrentInstance: S } = X(), {
1210
- blocks: g,
1211
- addBlock: h,
1215
+ const { isAdd: n } = t, [o, a] = S.useState(!1), { setActiveBlock: l } = _e(), { sourceBlocks: r, activeBlock: s, setActiveBlock: i, currentInstance: d, setCurrentInstance: C } = X(), {
1216
+ blocks: h,
1217
+ addBlock: p,
1212
1218
  editBlock: u,
1213
1219
  currentBlock: c,
1214
1220
  setCurrentBlock: _,
1215
- removeBlock: k,
1221
+ removeBlock: x,
1216
1222
  setPositionBlock: v,
1217
1223
  setHeader: w,
1218
1224
  setFooter: N,
1219
1225
  header: y,
1220
- footer: D
1226
+ footer: M
1221
1227
  } = F(), { currentPage: L, pages: B } = T();
1222
- function M(p = !1) {
1223
- if (!n && B && d && !p) {
1228
+ function D(g = !1) {
1229
+ if (!n && B && d && !g) {
1224
1230
  const b = {
1225
1231
  blockSettings: {}
1226
1232
  };
1227
1233
  Object.keys(d.blockSettings).filter((q) => !["displayName", "isAddable"].includes(q)).map((q) => {
1228
1234
  b.blockSettings[q] = d.blockSettings[q];
1229
1235
  }), u(B[L].path, c, {
1230
- name: g[B[L].path][c].name,
1236
+ name: h[B[L].path][c].name,
1231
1237
  value: b
1232
1238
  });
1233
1239
  }
1234
1240
  i(null), _(null), setTimeout(() => {
1235
- s(!1);
1236
- }, 150), S(null);
1241
+ a(!1);
1242
+ }, 150), C(null);
1237
1243
  }
1238
1244
  function O() {
1239
- M(), l({
1245
+ D(), l({
1240
1246
  name: "Layers",
1241
1247
  icon: "TreeStructure"
1242
- }), S(null);
1248
+ }), C(null);
1243
1249
  }
1244
1250
  function m() {
1245
- var p;
1251
+ var g;
1246
1252
  if (n)
1247
- return !a || !r[a] ? null : new r[a]();
1253
+ return !s || !r[s] ? null : new r[s]();
1248
1254
  {
1249
1255
  if (!B || !B[L] || !c)
1250
1256
  return null;
1251
- const b = g[B[L].path][c];
1252
- return !b || !r[b.name] ? null : new r[b.name]((p = b.value) == null ? void 0 : p.blockSettings);
1257
+ const b = h[B[L].path][c];
1258
+ return !b || !r[b.name] ? null : new r[b.name]((g = b.value) == null ? void 0 : g.blockSettings);
1253
1259
  }
1254
1260
  }
1255
- C.useEffect(() => {
1256
- if (a || c && !["header", "footer"].includes(c)) {
1257
- const p = m();
1258
- S(p);
1261
+ S.useEffect(() => {
1262
+ if (s || c && !["header", "footer"].includes(c)) {
1263
+ const g = m();
1264
+ C(g);
1259
1265
  } else
1260
- S(null);
1261
- }, [a, c]), C.useEffect(() => {
1266
+ C(null);
1267
+ }, [s, c]), S.useEffect(() => {
1262
1268
  c === "header" && w(y);
1263
- }, [c, y]), C.useEffect(() => {
1264
- c === "footer" && N(D);
1265
- }, [c, D]);
1266
- function x(p) {
1269
+ }, [c, y]), S.useEffect(() => {
1270
+ c === "footer" && N(M);
1271
+ }, [c, M]);
1272
+ function k(g) {
1267
1273
  if (!r)
1268
1274
  return "unknown name";
1269
- if (!r[p])
1270
- return c === "header" ? y == null ? void 0 : y.blockSettings.displayName : c === "footer" ? D == null ? void 0 : D.blockSettings.displayName : "unknown name";
1271
- const b = new r[p]();
1275
+ if (!r[g])
1276
+ return c === "header" ? y == null ? void 0 : y.blockSettings.displayName : c === "footer" ? M == null ? void 0 : M.blockSettings.displayName : "unknown name";
1277
+ const b = new r[g]();
1272
1278
  return !b.blockSettings || !b.blockSettings.displayName ? "unknown name" : b.blockSettings.displayName;
1273
1279
  }
1274
1280
  return /* @__PURE__ */ e.jsxs(
1275
1281
  "div",
1276
1282
  {
1277
1283
  className: A(W.render, {
1278
- [W.open]: c || a,
1279
- [W.close]: !c && !a,
1284
+ [W.open]: c || s,
1285
+ [W.close]: !c && !s,
1280
1286
  [W.clicked]: o
1281
1287
  }),
1282
1288
  children: [
@@ -1286,15 +1292,15 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1286
1292
  {
1287
1293
  name: "CaretLeft",
1288
1294
  hoverable: !0,
1289
- onClick: () => M()
1295
+ onClick: () => D()
1290
1296
  }
1291
1297
  ),
1292
- /* @__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" }),
1293
- !n && B && !["header", "footer"].includes(c) && x((P = g[B[L].path][c]) == null ? void 0 : P.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
1298
+ /* @__PURE__ */ e.jsx("h3", { className: W.title, children: s && k(s) || B && B[L] && h[B[L].path] && k((j = h[B[L].path][c]) == null ? void 0 : j.name) || c && U(c) || "Loading" }),
1299
+ !n && B && !["header", "footer"].includes(c) && k((P = h[B[L].path][c]) == null ? void 0 : P.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
1294
1300
  "button",
1295
1301
  {
1296
1302
  onClick: () => {
1297
- s(!0), k(B[L].path, c), M(!0);
1303
+ a(!0), x(B[L].path, c), D(!0);
1298
1304
  },
1299
1305
  className: W.deleteButton,
1300
1306
  children: /* @__PURE__ */ e.jsx(
@@ -1310,7 +1316,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1310
1316
  /* @__PURE__ */ e.jsxs("div", { className: W.settings, children: [
1311
1317
  d && /* @__PURE__ */ e.jsx(Ko, { block: d }),
1312
1318
  c && ["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(Do, { isHeader: c === "header" }),
1313
- !a && !c && /* @__PURE__ */ e.jsx("div", { className: W.loading, children: "Loading" })
1319
+ !s && !c && /* @__PURE__ */ e.jsx("div", { className: W.loading, children: "Loading" })
1314
1320
  ] }),
1315
1321
  n && /* @__PURE__ */ e.jsx("div", { className: W.addButton, children: /* @__PURE__ */ e.jsx(
1316
1322
  Y,
@@ -1319,18 +1325,18 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1319
1325
  width: "100%"
1320
1326
  },
1321
1327
  onClick: () => {
1322
- if (s(!0), !["header", "footer"].includes(c) && B) {
1323
- const p = {
1328
+ if (a(!0), !["header", "footer"].includes(c) && B) {
1329
+ const g = {
1324
1330
  blockSettings: {}
1325
1331
  };
1326
1332
  Object.keys(d.blockSettings).filter((b) => !["displayName", "isAddable"].includes(b)).map((b) => {
1327
- p.blockSettings[b] = d.blockSettings[b];
1328
- }), h(B[L].path, {
1329
- name: a,
1330
- value: p
1333
+ g.blockSettings[b] = d.blockSettings[b];
1334
+ }), p(B[L].path, {
1335
+ name: s,
1336
+ value: g
1331
1337
  }), v(null);
1332
1338
  } else
1333
- c === "header" ? w(y) : N(D);
1339
+ c === "header" ? w(y) : N(M);
1334
1340
  O();
1335
1341
  },
1336
1342
  children: "Add Section"
@@ -1355,13 +1361,13 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1355
1361
  preview: cs
1356
1362
  }, ds = () => {
1357
1363
  const { themeSettings: t, updateColor: n } = $();
1358
- async function o(l, r, a) {
1359
- n(l, r, a);
1364
+ async function o(l, r, s) {
1365
+ n(l, r, s);
1360
1366
  }
1361
- const s = Ue(() => {
1367
+ const a = Ue(() => {
1362
1368
  const l = {};
1363
- return Object.entries(t.colors).forEach(([r, a]) => {
1364
- Object.entries(a).forEach(([i, d]) => {
1369
+ return Object.entries(t.colors).forEach(([r, s]) => {
1370
+ Object.entries(s).forEach(([i, d]) => {
1365
1371
  l[d] || (l[d] = []), l[d].push(`${r}-${i}`);
1366
1372
  });
1367
1373
  }), Object.keys(l).filter((r) => l[r].length > 1);
@@ -1372,7 +1378,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1372
1378
  className: ee.category,
1373
1379
  children: [
1374
1380
  /* @__PURE__ */ e.jsx("h2", { className: ee.categoryTitle, children: U(l) }),
1375
- Object.entries(r).map(([a, i]) => /* @__PURE__ */ e.jsxs(
1381
+ Object.entries(r).map(([s, i]) => /* @__PURE__ */ e.jsxs(
1376
1382
  "div",
1377
1383
  {
1378
1384
  className: ee.color,
@@ -1390,13 +1396,13 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1390
1396
  /* @__PURE__ */ e.jsx(
1391
1397
  ce,
1392
1398
  {
1393
- title: U(a),
1399
+ title: U(s),
1394
1400
  initialColor: i,
1395
- onChange: (d) => o(l, a, d)
1401
+ onChange: (d) => o(l, s, d)
1396
1402
  }
1397
1403
  )
1398
1404
  ] }),
1399
- s.includes(i) && /* @__PURE__ */ e.jsx(
1405
+ a.includes(i) && /* @__PURE__ */ e.jsx(
1400
1406
  it,
1401
1407
  {
1402
1408
  type: "warning",
@@ -1408,7 +1414,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1408
1414
  )
1409
1415
  ]
1410
1416
  },
1411
- a
1417
+ s
1412
1418
  ))
1413
1419
  ]
1414
1420
  },
@@ -1430,19 +1436,19 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1430
1436
  style: xs,
1431
1437
  header: ks
1432
1438
  }, js = ["left", "center", "right"], ys = ["solid", "dashed"], Se = (t) => {
1433
- const { title: n, children: o, rightAddon: s } = t;
1439
+ const { title: n, children: o, rightAddon: a } = t;
1434
1440
  return /* @__PURE__ */ e.jsxs("div", { className: V.field, children: [
1435
1441
  /* @__PURE__ */ e.jsxs("div", { className: V.header, children: [
1436
1442
  /* @__PURE__ */ e.jsx("h4", { children: n }),
1437
- s
1443
+ a
1438
1444
  ] }),
1439
1445
  o
1440
1446
  ] });
1441
1447
  }, Bs = () => {
1442
- const { themeSettings: t, updateInput: n } = $(), o = Ue(() => t.inputs, [t]), s = (r, a, i) => {
1443
- n(r, a, i);
1444
- }, l = (r) => (a) => {
1445
- n(r, a, "color");
1448
+ const { themeSettings: t, updateInput: n } = $(), o = Ue(() => t.inputs, [t]), a = (r, s, i) => {
1449
+ n(r, s, i);
1450
+ }, l = (r) => (s) => {
1451
+ n(r, s, "color");
1446
1452
  };
1447
1453
  return /* @__PURE__ */ e.jsxs("div", { className: V.wrapper, children: [
1448
1454
  /* @__PURE__ */ e.jsxs(Se, { title: "General", children: [
@@ -1451,7 +1457,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1451
1457
  {
1452
1458
  label: "Height (px)",
1453
1459
  value: String(o.general.height),
1454
- onChange: (r) => s("general", r, "height"),
1460
+ onChange: (r) => a("general", r, "height"),
1455
1461
  type: "number",
1456
1462
  min: 0
1457
1463
  }
@@ -1461,14 +1467,14 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1461
1467
  {
1462
1468
  label: "Style name",
1463
1469
  value: o.general.name,
1464
- onChange: (r) => s("general", r, "name")
1470
+ onChange: (r) => a("general", r, "name")
1465
1471
  }
1466
1472
  ),
1467
1473
  /* @__PURE__ */ e.jsx(
1468
1474
  ae,
1469
1475
  {
1470
1476
  label: "Font Size (px)",
1471
- onChange: (r) => s("general", r, "size"),
1477
+ onChange: (r) => a("general", r, "size"),
1472
1478
  value: String(o.general.size),
1473
1479
  options: fe
1474
1480
  }
@@ -1490,7 +1496,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1490
1496
  rightAddon: /* @__PURE__ */ e.jsx("div", { className: V.switch, children: /* @__PURE__ */ e.jsx(
1491
1497
  Le,
1492
1498
  {
1493
- onChange: (r) => s("field", r, "active"),
1499
+ onChange: (r) => a("field", r, "active"),
1494
1500
  current: o.field.active
1495
1501
  }
1496
1502
  ) }),
@@ -1509,7 +1515,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1509
1515
  {
1510
1516
  label: "Opacity (%)",
1511
1517
  value: String(o.field.opacity),
1512
- onChange: (r) => s("field", r, "opacity"),
1518
+ onChange: (r) => a("field", r, "opacity"),
1513
1519
  type: "number",
1514
1520
  min: 0
1515
1521
  }
@@ -1524,7 +1530,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1524
1530
  rightAddon: /* @__PURE__ */ e.jsx("div", { className: V.switch, children: /* @__PURE__ */ e.jsx(
1525
1531
  Le,
1526
1532
  {
1527
- onChange: (r) => s("border", r, "active"),
1533
+ onChange: (r) => a("border", r, "active"),
1528
1534
  current: o.border.active
1529
1535
  }
1530
1536
  ) }),
@@ -1537,7 +1543,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1537
1543
  {
1538
1544
  items: ys,
1539
1545
  selectedItem: o.border.style,
1540
- onSelect: (r) => s("border", r, "style"),
1546
+ onSelect: (r) => a("border", r, "style"),
1541
1547
  getIconName: (r) => r === "solid" ? "Minus" : "Selection"
1542
1548
  }
1543
1549
  )
@@ -1547,7 +1553,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1547
1553
  {
1548
1554
  label: "Radius (px)",
1549
1555
  value: String(o.border.radius),
1550
- onChange: (r) => s("border", r, "radius"),
1556
+ onChange: (r) => a("border", r, "radius"),
1551
1557
  type: "number",
1552
1558
  min: 0
1553
1559
  }
@@ -1558,7 +1564,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1558
1564
  {
1559
1565
  label: "Thickness (px)",
1560
1566
  value: String(o.border.thickness),
1561
- onChange: (r) => s("border", r, "thickness"),
1567
+ onChange: (r) => a("border", r, "thickness"),
1562
1568
  type: "number",
1563
1569
  min: 0
1564
1570
  }
@@ -1581,7 +1587,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1581
1587
  {
1582
1588
  label: "Line Height (px)",
1583
1589
  value: String(o.label.height),
1584
- onChange: (r) => s("label", r, "height"),
1590
+ onChange: (r) => a("label", r, "height"),
1585
1591
  type: "number",
1586
1592
  min: 0
1587
1593
  }
@@ -1590,7 +1596,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1590
1596
  ae,
1591
1597
  {
1592
1598
  label: "Font Size (px)",
1593
- onChange: (r) => s("label", r, "size"),
1599
+ onChange: (r) => a("label", r, "size"),
1594
1600
  value: String(o.label.size),
1595
1601
  options: fe
1596
1602
  }
@@ -1611,7 +1617,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1611
1617
  {
1612
1618
  items: js,
1613
1619
  selectedItem: o.label.alignment,
1614
- onSelect: (r) => s("label", r, "alignment"),
1620
+ onSelect: (r) => a("label", r, "alignment"),
1615
1621
  getIconName: (r) => r === "center" ? "AlignCenterHorizontal" : r === "left" ? "AlignLeft" : "AlignRight"
1616
1622
  }
1617
1623
  )
@@ -1629,12 +1635,12 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1629
1635
  deleteIcon: Ms,
1630
1636
  iconButton: $s
1631
1637
  }, Hs = (t) => {
1632
- const { font: n, size: o, id: s, category: l } = t, { setActiveFont: r } = $();
1638
+ const { font: n, size: o, id: a, category: l } = t, { setActiveFont: r } = $();
1633
1639
  return /* @__PURE__ */ e.jsxs(
1634
1640
  "div",
1635
1641
  {
1636
1642
  className: K.font,
1637
- onClick: () => r(s),
1643
+ onClick: () => r(a),
1638
1644
  children: [
1639
1645
  /* @__PURE__ */ e.jsx(
1640
1646
  "div",
@@ -1646,7 +1652,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1646
1652
  }
1647
1653
  ),
1648
1654
  /* @__PURE__ */ e.jsxs("div", { className: K.content, children: [
1649
- /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: U(s) }),
1655
+ /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: U(a) }),
1650
1656
  /* @__PURE__ */ e.jsx("span", { className: K.value, children: `${n}, ${o}px` })
1651
1657
  ] })
1652
1658
  ]
@@ -1654,10 +1660,10 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1654
1660
  );
1655
1661
  }, Rs = () => {
1656
1662
  const { themeSettings: t, setActiveFont: n, activeBlock: o } = $();
1657
- C.useEffect(() => (s(), () => {
1658
- s();
1663
+ S.useEffect(() => (a(), () => {
1664
+ a();
1659
1665
  }), []);
1660
- function s() {
1666
+ function a() {
1661
1667
  n(null);
1662
1668
  }
1663
1669
  if (o != null && o.name)
@@ -1667,14 +1673,14 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1667
1673
  className: K.category,
1668
1674
  children: [
1669
1675
  /* @__PURE__ */ e.jsx("h2", { className: K.categoryTitle, children: U(l) }),
1670
- Object.entries(r).map(([a, i]) => /* @__PURE__ */ e.jsx(
1676
+ Object.entries(r).map(([s, i]) => /* @__PURE__ */ e.jsx(
1671
1677
  Hs,
1672
1678
  {
1673
- id: a,
1679
+ id: s,
1674
1680
  category: l,
1675
1681
  ...i
1676
1682
  },
1677
- a
1683
+ s
1678
1684
  ))
1679
1685
  ]
1680
1686
  },
@@ -1689,14 +1695,14 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1689
1695
  options: Gs,
1690
1696
  clicked: zs
1691
1697
  }, Ws = () => {
1692
- const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: l } = $(), { fonts: r } = Ee(), [a, i] = C.useState(null);
1698
+ const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: a, updateFont: l } = $(), { fonts: r } = Ee(), [s, i] = S.useState(null);
1693
1699
  function d() {
1694
1700
  n(null);
1695
1701
  }
1696
- function S(h, u) {
1697
- a && o && l(a, o, u, h);
1702
+ function C(p, u) {
1703
+ s && o && l(s, o, u, p);
1698
1704
  }
1699
- 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]);
1705
+ const h = S.useMemo(() => o ? a.fonts.heading[o] ? (i("heading"), a.fonts.heading[o]) : a.fonts.paragraph[o] ? (i("paragraph"), a.fonts.paragraph[o]) : (i(null), null) : null, [o, a]);
1700
1706
  return /* @__PURE__ */ e.jsxs(
1701
1707
  "div",
1702
1708
  {
@@ -1722,22 +1728,22 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1722
1728
  ]
1723
1729
  }
1724
1730
  ),
1725
- o && g && /* @__PURE__ */ e.jsxs("div", { className: te.options, children: [
1731
+ o && h && /* @__PURE__ */ e.jsxs("div", { className: te.options, children: [
1726
1732
  /* @__PURE__ */ e.jsx(
1727
1733
  ae,
1728
1734
  {
1729
1735
  label: "Font",
1730
- value: g.font,
1731
- onChange: (h) => S(h, "font"),
1732
- options: [...r.filter((h) => h !== g.font)]
1736
+ value: h.font,
1737
+ onChange: (p) => C(p, "font"),
1738
+ options: [...r.filter((p) => p !== h.font)]
1733
1739
  }
1734
1740
  ),
1735
1741
  /* @__PURE__ */ e.jsx(
1736
1742
  ae,
1737
1743
  {
1738
1744
  label: "Size",
1739
- value: String(g.size),
1740
- onChange: (h) => S(h, "size"),
1745
+ value: String(h.size),
1746
+ onChange: (p) => C(p, "size"),
1741
1747
  options: fe
1742
1748
  }
1743
1749
  ),
@@ -1745,8 +1751,8 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1745
1751
  ae,
1746
1752
  {
1747
1753
  label: "Weight",
1748
- value: String(g.weight),
1749
- onChange: (h) => S(h, "weight"),
1754
+ value: String(h.weight),
1755
+ onChange: (p) => C(p, "weight"),
1750
1756
  options: lt
1751
1757
  }
1752
1758
  )
@@ -1763,14 +1769,14 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1763
1769
  options: Js,
1764
1770
  clicked: Zs
1765
1771
  }, We = () => {
1766
- const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: s } = $();
1772
+ const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: a } = $();
1767
1773
  function l(i, d) {
1768
1774
  o(d, i);
1769
1775
  }
1770
1776
  function r() {
1771
- s(null);
1777
+ a(null);
1772
1778
  }
1773
- const a = C.useMemo(() => n.borders, [n]);
1779
+ const s = S.useMemo(() => n.borders, [n]);
1774
1780
  return /* @__PURE__ */ e.jsxs(
1775
1781
  "div",
1776
1782
  {
@@ -1795,7 +1801,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1795
1801
  R,
1796
1802
  {
1797
1803
  label: "Border Radius (px)",
1798
- value: String(a.radius),
1804
+ value: String(s.radius),
1799
1805
  onChange: (i) => l(Number(i), "radius"),
1800
1806
  type: "number",
1801
1807
  min: 0
@@ -1805,7 +1811,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1805
1811
  R,
1806
1812
  {
1807
1813
  label: "Border Thickness (px)",
1808
- value: String(a.thickness),
1814
+ value: String(s.thickness),
1809
1815
  onChange: (i) => l(Number(i), "thickness"),
1810
1816
  type: "number",
1811
1817
  min: 0
@@ -1829,14 +1835,14 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1829
1835
  alignment: da,
1830
1836
  active: ua
1831
1837
  }, ha = ["left", "center", "right"], Ve = () => {
1832
- const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: s } = $();
1838
+ const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: a } = $();
1833
1839
  function l(i, d) {
1834
1840
  o(d, i);
1835
1841
  }
1836
1842
  function r() {
1837
- s(null);
1843
+ a(null);
1838
1844
  }
1839
- const a = C.useMemo(() => n.buttons, [n]);
1845
+ const s = S.useMemo(() => n.buttons, [n]);
1840
1846
  return /* @__PURE__ */ e.jsxs(
1841
1847
  "div",
1842
1848
  {
@@ -1856,12 +1862,12 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1856
1862
  ),
1857
1863
  /* @__PURE__ */ e.jsx("span", { className: I.title, children: "Buttons Style" })
1858
1864
  ] }),
1859
- a && /* @__PURE__ */ e.jsxs("div", { className: I.options, children: [
1865
+ s && /* @__PURE__ */ e.jsxs("div", { className: I.options, children: [
1860
1866
  /* @__PURE__ */ e.jsx(
1861
1867
  R,
1862
1868
  {
1863
1869
  label: "Height (px)",
1864
- value: String(a.height),
1870
+ value: String(s.height),
1865
1871
  onChange: (i) => l(i, "height"),
1866
1872
  type: "number",
1867
1873
  min: 0
@@ -1871,7 +1877,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1871
1877
  ae,
1872
1878
  {
1873
1879
  label: "Font Size (px)",
1874
- value: String(a.size),
1880
+ value: String(s.size),
1875
1881
  onChange: (i) => l(i, "size"),
1876
1882
  options: fe
1877
1883
  }
@@ -1880,7 +1886,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1880
1886
  R,
1881
1887
  {
1882
1888
  label: "Border Radius (px)",
1883
- value: String(a.radius),
1889
+ value: String(s.radius),
1884
1890
  onChange: (i) => l(Number(i), "radius"),
1885
1891
  type: "number",
1886
1892
  min: 0
@@ -1892,7 +1898,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1892
1898
  "div",
1893
1899
  {
1894
1900
  className: A(I.alignment, {
1895
- [I.active]: a.alignment === i
1901
+ [I.active]: s.alignment === i
1896
1902
  }),
1897
1903
  onClick: () => {
1898
1904
  l(i, "alignment");
@@ -1901,7 +1907,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1901
1907
  f,
1902
1908
  {
1903
1909
  name: i === "center" ? "AlignCenterHorizontal" : i === "left" ? "AlignLeft" : "AlignRight",
1904
- fill: a.alignment === i ? "#252525" : "#757575"
1910
+ fill: s.alignment === i ? "#252525" : "#757575"
1905
1911
  }
1906
1912
  )
1907
1913
  },
@@ -1921,7 +1927,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1921
1927
  ] });
1922
1928
  }, pa = () => {
1923
1929
  const { activeBlock: t, setActiveBlock: n } = $(), { activeBlock: o } = _e();
1924
- function s() {
1930
+ function a() {
1925
1931
  n(null);
1926
1932
  }
1927
1933
  return /* @__PURE__ */ e.jsxs(
@@ -1938,7 +1944,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1938
1944
  {
1939
1945
  name: "CaretLeft",
1940
1946
  hoverable: !0,
1941
- onClick: s
1947
+ onClick: a
1942
1948
  }
1943
1949
  ),
1944
1950
  /* @__PURE__ */ e.jsx("span", { className: le.title, children: t == null ? void 0 : t.name })
@@ -1988,34 +1994,34 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
1988
1994
  slug: ja,
1989
1995
  title: ya
1990
1996
  }, Ba = () => {
1991
- var M, O, m, x, j, P;
1997
+ var D, O, m, k, j, P;
1992
1998
  const {
1993
1999
  setIsOpenModal: t,
1994
2000
  pages: n,
1995
2001
  createPage: o,
1996
- updatePage: s,
2002
+ updatePage: a,
1997
2003
  isEdit: l,
1998
2004
  setIsEdit: r,
1999
- editedPage: a,
2005
+ editedPage: s,
2000
2006
  setEditedPage: i
2001
- } = 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(
2002
- a ? n && n[a].seo && (((m = n[a]) == null ? void 0 : m.seo.description) || "") : ""
2003
- ), [v, w] = C.useState(
2004
- a ? n && ((x = n[a]) == null ? void 0 : x.visibility) : "public"
2007
+ } = T(), { createPage: d, updatePage: C } = F(), [h, p] = S.useState(s ? n && ((D = n[s]) == null ? void 0 : D.path) : ""), [u, c] = S.useState(s ? n && ((O = n[s]) == null ? void 0 : O.name) : ""), [_, x] = S.useState(
2008
+ s ? n && n[s].seo && (((m = n[s]) == null ? void 0 : m.seo.description) || "") : ""
2009
+ ), [v, w] = S.useState(
2010
+ s ? n && ((k = n[s]) == null ? void 0 : k.visibility) : "public"
2005
2011
  );
2006
2012
  function N() {
2007
- h(""), c(""), k(""), w("public"), r(!1), i(null);
2013
+ p(""), c(""), x(""), w("public"), r(!1), i(null);
2008
2014
  }
2009
2015
  function y() {
2010
2016
  N(), t(!1);
2011
2017
  }
2012
- function D(p) {
2013
- return p[0] === "/" ? p : "/" + p;
2018
+ function M(g) {
2019
+ return g[0] === "/" ? g : "/" + g;
2014
2020
  }
2015
2021
  function L() {
2016
2022
  o({
2017
- path: D(g),
2018
- name: u || g || "",
2023
+ path: M(h),
2024
+ name: u || h || "",
2019
2025
  icon: "File",
2020
2026
  seo: {
2021
2027
  title: u || "",
@@ -2025,10 +2031,10 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
2025
2031
  }), d(u), y();
2026
2032
  }
2027
2033
  function B() {
2028
- n && (S(n[a].name || "", u || g || ""), s(a, {
2029
- path: D(g),
2030
- name: u || g,
2031
- icon: n[a].icon || "File",
2034
+ n && (C(n[s].name || "", u || h || ""), a(s, {
2035
+ path: M(h),
2036
+ name: u || h,
2037
+ icon: n[s].icon || "File",
2032
2038
  seo: {
2033
2039
  title: u || "",
2034
2040
  description: _ || ""
@@ -2040,7 +2046,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
2040
2046
  "div",
2041
2047
  {
2042
2048
  className: E.wrapper,
2043
- onClick: (p) => p.stopPropagation(),
2049
+ onClick: (g) => g.stopPropagation(),
2044
2050
  children: [
2045
2051
  /* @__PURE__ */ e.jsxs("div", { className: E.header, children: [
2046
2052
  /* @__PURE__ */ e.jsxs("h2", { children: [
@@ -2062,10 +2068,10 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
2062
2068
  R,
2063
2069
  {
2064
2070
  label: "Page Slug",
2065
- onChange: (p) => h(p),
2066
- value: g,
2071
+ onChange: (g) => p(g),
2072
+ value: h,
2067
2073
  placeholder: "path-to-page",
2068
- disabled: !!(a && n && ((j = n[a]) != null && j.name) && de.includes(n[a].name)),
2074
+ disabled: !!(s && n && ((j = n[s]) != null && j.name) && de.includes(n[s].name)),
2069
2075
  required: !0,
2070
2076
  regex: "^.+$"
2071
2077
  }
@@ -2074,17 +2080,17 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
2074
2080
  R,
2075
2081
  {
2076
2082
  label: "Page Title",
2077
- onChange: (p) => c(p),
2083
+ onChange: (g) => c(g),
2078
2084
  value: u,
2079
2085
  placeholder: "Contact us",
2080
- disabled: !!(a && n && ((P = n[a]) != null && P.name) && de.includes(n[a].name))
2086
+ disabled: !!(s && n && ((P = n[s]) != null && P.name) && de.includes(n[s].name))
2081
2087
  }
2082
2088
  ),
2083
2089
  /* @__PURE__ */ e.jsx(
2084
2090
  ct,
2085
2091
  {
2086
2092
  label: "Description",
2087
- onChange: (p) => k(p),
2093
+ onChange: (g) => x(g),
2088
2094
  value: _,
2089
2095
  placeholder: "Contact us at any time of the day or night. You are always welcome",
2090
2096
  maxLength: 150
@@ -2105,13 +2111,13 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
2105
2111
  label: "Private"
2106
2112
  }
2107
2113
  ],
2108
- onChange: (p) => w(p)
2114
+ onChange: (g) => w(g)
2109
2115
  }
2110
2116
  ),
2111
2117
  /* @__PURE__ */ e.jsxs("div", { className: E.preview, children: [
2112
2118
  /* @__PURE__ */ e.jsx("span", { className: E.label, children: "Preview" }),
2113
2119
  /* @__PURE__ */ e.jsxs("div", { className: E.block, children: [
2114
- /* @__PURE__ */ e.jsx("span", { className: E.slug, children: g || "yoursite.url" }),
2120
+ /* @__PURE__ */ e.jsx("span", { className: E.slug, children: h || "yoursite.url" }),
2115
2121
  /* @__PURE__ */ e.jsx("span", { className: E.title, children: u || "My Blank Page" }),
2116
2122
  /* @__PURE__ */ e.jsx("span", { className: E.description, children: _ || "It is My Description" })
2117
2123
  ] })
@@ -2130,7 +2136,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
2130
2136
  Y,
2131
2137
  {
2132
2138
  onClick: l ? B : L,
2133
- disabled: g.length === 0,
2139
+ disabled: h.length === 0,
2134
2140
  children: l ? "Update" : "Create"
2135
2141
  }
2136
2142
  )
@@ -2143,7 +2149,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
2143
2149
  main: Pa,
2144
2150
  content: La
2145
2151
  }, Na = () => {
2146
- const { isOpenModal: t, setIsOpenModal: n } = T(), { openModal: o, setOpenModal: s } = ut();
2152
+ const { isOpenModal: t, setIsOpenModal: n } = T(), { openModal: o, setOpenModal: a } = ut();
2147
2153
  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
2148
2154
  /* @__PURE__ */ e.jsxs("div", { className: Be.layout, children: [
2149
2155
  /* @__PURE__ */ e.jsx(wn, {}),
@@ -2156,12 +2162,12 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
2156
2162
  ] })
2157
2163
  ] }),
2158
2164
  t && /* @__PURE__ */ e.jsx(Te, { close: n, children: /* @__PURE__ */ e.jsx(Ba, {}) }),
2159
- o && /* @__PURE__ */ e.jsx(Te, { close: s, children: /* @__PURE__ */ e.jsx(ht, {}) })
2165
+ o && /* @__PURE__ */ e.jsx(Te, { close: a, children: /* @__PURE__ */ e.jsx(ht, {}) })
2160
2166
  ] });
2161
2167
  };
2162
2168
  async function oe(t, n) {
2163
- const o = localStorage.getItem("shopId") || void 0, s = `${Pe}/${t}/builder/shops/${o}/${n}`, l = localStorage.getItem("sellerAccessToken") || void 0;
2164
- return (await ve.get(s, {
2169
+ const o = localStorage.getItem("shopId") || void 0, a = `${Pe}/${t}/builder/shops/${o}/${n}`, l = localStorage.getItem("sellerAccessToken") || void 0;
2170
+ return (await ve.get(a, {
2165
2171
  headers: {
2166
2172
  Authorization: `Bearer ${l}`
2167
2173
  }
@@ -2169,7 +2175,7 @@ async function oe(t, n) {
2169
2175
  }
2170
2176
  async function Ta() {
2171
2177
  try {
2172
- const [t, n, o, s, l, r] = await Promise.allSettled([
2178
+ const [t, n, o, a, l, r] = await Promise.allSettled([
2173
2179
  oe("v1", "general"),
2174
2180
  oe("v1", "faqs"),
2175
2181
  oe("v1", "listings"),
@@ -2181,7 +2187,7 @@ async function Ta() {
2181
2187
  general: t,
2182
2188
  faqs: n,
2183
2189
  listings: o,
2184
- products: s,
2190
+ products: a,
2185
2191
  reviews: l,
2186
2192
  categories: r
2187
2193
  };
@@ -2205,25 +2211,25 @@ function Ua() {
2205
2211
  editBlock: t,
2206
2212
  currentBlock: n,
2207
2213
  blocks: o,
2208
- header: s,
2214
+ header: a,
2209
2215
  setHeader: l,
2210
2216
  footer: r,
2211
- setFooter: a
2212
- } = F.getState(), { currentPage: i, pages: d } = T.getState(), { currentInstance: S, activeBlock: g } = X.getState();
2213
- if (!g && S && d) {
2214
- if (n === "header" && s)
2215
- l(s);
2217
+ setFooter: s
2218
+ } = F.getState(), { currentPage: i, pages: d } = T.getState(), { currentInstance: C, activeBlock: h } = X.getState();
2219
+ if (!h && C && d) {
2220
+ if (n === "header" && a)
2221
+ l(a);
2216
2222
  else if (n === "footer" && r)
2217
- a(r);
2223
+ s(r);
2218
2224
  else if (n === "header" || n === "footer")
2219
2225
  throw new Error(`Missing ${n} data.`);
2220
- const h = {
2226
+ const p = {
2221
2227
  blockSettings: {}
2222
2228
  };
2223
- if (!S.blockSettings)
2229
+ if (!C.blockSettings)
2224
2230
  throw new Error("currentInstance.blockSettings is undefined.");
2225
- if (Object.keys(S.blockSettings).filter((u) => !["displayName", "isAddable"].includes(u)).forEach((u) => {
2226
- h.blockSettings[u] = S.blockSettings[u];
2231
+ if (Object.keys(C.blockSettings).filter((u) => !["displayName", "isAddable"].includes(u)).forEach((u) => {
2232
+ p.blockSettings[u] = C.blockSettings[u];
2227
2233
  }), !d[i])
2228
2234
  throw new Error(`Page "${i}" does not exist.`);
2229
2235
  if (!o[d[i].path] || !o[d[i].path][n])
@@ -2232,7 +2238,7 @@ function Ua() {
2232
2238
  );
2233
2239
  t(d[i].path, n, {
2234
2240
  name: o[d[i].path][n].name,
2235
- value: h
2241
+ value: p
2236
2242
  });
2237
2243
  }
2238
2244
  } catch (t) {
@@ -2240,45 +2246,39 @@ function Ua() {
2240
2246
  }
2241
2247
  }
2242
2248
  async function Da() {
2243
- const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), o = `${Pe}/v2/builder/shops/${t}/drafts/${n}/pages`, s = localStorage.getItem("sellerAccessToken");
2249
+ const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), o = `${Pe}/v2/builder/shops/${t}/drafts/${n}/pages`, a = localStorage.getItem("sellerAccessToken");
2244
2250
  return (await ve.get(o, {
2245
2251
  headers: {
2246
- Authorization: `Bearer ${s}`
2252
+ Authorization: `Bearer ${a}`
2247
2253
  }
2248
2254
  })).data;
2249
2255
  }
2250
2256
  async function Ma() {
2251
- 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;
2257
+ const t = localStorage.getItem("shopId") || void 0, n = localStorage.getItem("draftId") || void 0, o = `${Pe}/v2/builder/shops/${t}/drafts/${n}/all`, a = localStorage.getItem("sellerAccessToken") || void 0;
2252
2258
  return (await ve.get(o, {
2253
2259
  headers: {
2254
- Authorization: `Bearer ${s}`
2260
+ Authorization: `Bearer ${a}`
2255
2261
  }
2256
2262
  })).data;
2257
2263
  }
2258
2264
  const $a = (t) => {
2259
- 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(), {
2260
- setHeader: h,
2265
+ const { blocks: n, settings: o, header: a, footer: l } = t, { setBlocks: r, setSourceBlocks: s } = X(), { fonts: i, setFonts: d } = Ee(), { setSettings: C } = J(), { setPageContext: h } = T(), {
2266
+ setHeader: p,
2261
2267
  setFooter: u,
2262
2268
  setBlocks: c,
2263
2269
  blocks: _,
2264
- createPage: k
2270
+ createPage: x
2265
2271
  } = F(), { setThemeSettings: v } = $(), { setPages: w } = T();
2266
2272
  function N(y) {
2267
2273
  return y[0] === "/" ? y.slice(1) : y;
2268
2274
  }
2269
- return C.useEffect(() => {
2275
+ return S.useEffect(() => {
2270
2276
  const y = {};
2271
2277
  Object.keys(n).map((L) => {
2272
2278
  y[L] = n[L];
2273
- }), a(y), r(y), h(s), u(l), (async () => {
2274
- const { data: L } = await Ma(), { settings: B, themeSettings: M, layers: O } = L;
2275
- if (v(M), c(O), Object.keys(B).forEach(
2276
- (p) => o[p] = B[p]
2277
- ), S(o), i.length === 0) {
2278
- const p = await Fa();
2279
- d([...p.map((b) => b.family)]);
2280
- }
2281
- let m = {
2279
+ }), s(y), r(y), p(a), u(l), (async () => {
2280
+ const { data: L } = await Ma();
2281
+ let B = {
2282
2282
  listings: null,
2283
2283
  products: null,
2284
2284
  reviews: null,
@@ -2286,24 +2286,29 @@ const $a = (t) => {
2286
2286
  faqs: null,
2287
2287
  general: null
2288
2288
  };
2289
- const x = await Ta();
2290
- Object.keys(x).map((p) => {
2291
- const b = p;
2292
- m[b] = x[b].value.data;
2293
- }), g(m);
2289
+ const D = await Ta();
2290
+ Object.keys(D).map((g) => {
2291
+ const b = g;
2292
+ B[b] = D[b].value.data;
2293
+ }), h(B);
2294
+ const { settings: O, themeSettings: m, layers: k } = L;
2295
+ if (v(m), c(k), Object.keys(O).forEach((g) => console.log(g)), C(o), i.length === 0) {
2296
+ const g = await Fa();
2297
+ d([...g.map((b) => b.family)]);
2298
+ }
2294
2299
  const j = await Da(), P = {};
2295
- j.data.length > 0 && j.data.forEach((p) => {
2296
- const b = N(p.path);
2297
- _[b] || k(b), p.path === "/" ? P["/"] = {
2298
- ...p,
2300
+ j.data.length > 0 && j.data.forEach((g) => {
2301
+ const b = N(g.path);
2302
+ _[b] || x(b), g.path === "/" ? P["/"] = {
2303
+ ...g,
2299
2304
  icon: xe.home.icon,
2300
2305
  name: "home"
2301
2306
  } : xe[b] ? P[b] = {
2302
- ...p,
2307
+ ...g,
2303
2308
  icon: xe[b].icon,
2304
2309
  name: b
2305
2310
  } : P[b] = {
2306
- ...p,
2311
+ ...g,
2307
2312
  icon: "File",
2308
2313
  name: b
2309
2314
  };
@@ -2311,26 +2316,26 @@ const $a = (t) => {
2311
2316
  })();
2312
2317
  }, []), /* @__PURE__ */ e.jsx(Na, {});
2313
2318
  }, Ha = (t) => {
2314
- const { blocks: n, settings: o, header: s, footer: l } = t, [r, a] = C.useState(!0), i = pt();
2315
- return C.useEffect(() => {
2316
- a(!0), yt() ? a(!1) : i("/");
2319
+ const { blocks: n, settings: o, header: a, footer: l } = t, [r, s] = S.useState(!0), i = pt();
2320
+ return S.useEffect(() => {
2321
+ s(!0), yt() ? s(!1) : i("/");
2317
2322
  }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: r ? /* @__PURE__ */ e.jsx(Ae, {}) : /* @__PURE__ */ e.jsx(
2318
2323
  $a,
2319
2324
  {
2320
2325
  blocks: n,
2321
2326
  settings: o,
2322
- header: s,
2327
+ header: a,
2323
2328
  footer: l
2324
2329
  }
2325
2330
  ) });
2326
2331
  }, Oa = (t) => {
2327
- 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();
2328
- C.useEffect(() => {
2332
+ const { blocks: n, settings: o, header: a, footer: l } = t, [r, s] = S.useState(null), { setBlocks: i, setSourceBlocks: d } = X(), { setSettings: C } = J(), { setHeader: h, setFooter: p } = F();
2333
+ S.useEffect(() => {
2329
2334
  if (!r) {
2330
- const k = {};
2335
+ const x = {};
2331
2336
  Object.keys(n).map((w) => {
2332
- k[w] = n[w];
2333
- }), d(k), i(k), g(s), h(l), S(o);
2337
+ x[w] = n[w];
2338
+ }), d(x), i(x), h(a), p(l), C(o);
2334
2339
  const v = mt([
2335
2340
  {
2336
2341
  path: "/admin/builder",
@@ -2339,7 +2344,7 @@ const $a = (t) => {
2339
2344
  {
2340
2345
  blocks: n,
2341
2346
  settings: o,
2342
- header: s,
2347
+ header: a,
2343
2348
  footer: l
2344
2349
  }
2345
2350
  )
@@ -2373,7 +2378,7 @@ const $a = (t) => {
2373
2378
  element: /* @__PURE__ */ e.jsx(Tt, {})
2374
2379
  }
2375
2380
  ]);
2376
- a(v);
2381
+ s(v);
2377
2382
  }
2378
2383
  }, [r]);
2379
2384
  const u = window.location.hostname.includes("localhost") ? localStorage.getItem("fakeDomain") || "subscriptions.billgang.store" : window.location.hostname, c = localStorage.getItem("shopPassword"), _ = localStorage.getItem("shopId") || "";