@openlettermarketing/olc-vue-sdk 0.0.19 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/build/index.js +920 -282
  2. package/build/index.js.map +1 -1
  3. package/package.json +2 -3
package/build/index.js CHANGED
@@ -50371,7 +50371,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ":root{--rt-color-white:#fff;--rt-color
50371
50371
 
50372
50372
  var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
50373
50373
  // Module
50374
- ___CSS_LOADER_EXPORT___.push([module.id, ".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.basic-button {\n background-color: var(--primary-color);\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: fit-content;\n height: 100%;\n padding: 0 10px;\n font-size: 16px;\n font-weight: 600;\n display: flex;\n position: relative;\n}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.basic-button .backdrop {\n opacity: 0;\n background: #00000012 !important;\n border-radius: 3px !important;\n width: 100% !important;\n height: 40px !important;\n transition: opacity .1s ease-in !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n}\n\n.basic-button:hover .backdrop {\n opacity: 1 !important;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--text-color);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 16px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n border: .5px solid var(--border-color);\n background-color: #0000;\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__placeholder {\n color: var(--text-color);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--text-color);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--border-color);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--border-color);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__clear-indicator svg {\n cursor: pointer;\n width: 22px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n cursor: not-allowed;\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--text-color);\n border-bottom: .5px solid var(--border-color);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--secondary-color);\n color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n color: #000;\n border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n color: #000;\n}\n\n.toast-container {\n width: 100%;\n min-width: 400px;\n max-width: fit-content;\n z-index: 999999999 !important;\n}\n\n.toast-container .basic-toast {\n background-color: var(--notification-background-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notification-text-color);\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n width: 25px;\n height: 18px;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n color: var(--text-color);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--border-color);\n background: #fff;\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--text-color);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n background-color: var(--secondary-color);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 97%;\n margin: 3px auto;\n}\n\n.hideTemplateBuilder {\n display: none;\n}\n\n@media (width <= 600px) {\n .hideTemplateBuilder {\n text-align: center;\n display: block;\n }\n\n .createTemplateMaindiv {\n display: none;\n }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--error-color);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin: 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primary-color);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 40px 80px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin: 0 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primary-color);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 40px 80px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--border-color);\n background-color: #fff;\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .error {\n border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.modal {\n z-index: 99999;\n background-color: #0009;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--modal-background-color);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--text-color);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--text-color);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--text-color);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n border-bottom: .5px solid var(--border-color);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n top: 0;\n background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--text-color);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--text-color);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.polotno-panel-container .dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.polotno-panel-container .MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper {\n width: 100%;\n max-width: 480px;\n}\n\n@media (width <= 800px) {\n .polotno-panel-container .templateTabsWrapper {\n max-width: none !important;\n }\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.polotno-panel-container .noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.polotno-panel-container .noTemplateText p {\n color: var(--text-color);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.polotno-panel-container .searchWrapper {\n margin: 16px 0;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n z-index: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primary-color);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--border-color);\n text-align: center;\n cursor: pointer;\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n transition: all .1s ease-in;\n}\n\n.dynamic-content .contact-element:hover {\n background-color: var(--secondary-color);\n}\n\n.dynamic-content .copy {\n fill: #000 !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--text-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--secondary-color);\n opacity: .8;\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n fill: var(--primary-color) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.polotno-container .show-loader:after {\n content: \"\";\n border: 4px solid var(--primary-color);\n border-right: 3px solid #0000;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n animation: 2s linear infinite circularAnimation;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n 0% {\n transform: translate(-50%, -50%)rotate(0);\n }\n\n 100% {\n transform: translate(-50%, -50%)rotate(360deg);\n }\n}\n\n.polotno-container .hide-loader:after {\n display: none !important;\n}\n\n.polotno-container .bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --primary-color: #ed5c2f;\n --secondary-color: #fff8ee;\n --svg-color: #fdb515;\n --svg-color-not-active: #fdecd3;\n --text-color: #000;\n --modal-background-color: #fff8ee;\n --notification-background-color: #ef7820;\n --notification-text-color: #fff;\n --border-color: #303030;\n --error-color: red;\n}\n\n:root .builder-wrapper {\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root .builder-wrapper body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondary-color);\n }\n}\n\n:root .builder-wrapper .bp5-navbar {\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n@media (width <= 800px) {\n :root .builder-wrapper .bp5-navbar {\n z-index: 100 !important;\n }\n}\n\n:root .builder-wrapper .bp5-navbar .bp5-card {\n color: var(--text-color);\n background-color: #0000;\n}\n\n@media (width <= 800px) {\n :root .builder-wrapper .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n justify-content: center !important;\n }\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root .builder-wrapper .go4160152499 body, :root .builder-wrapper .polotno-workspace-inner body, :root .builder-wrapper .polotno-panel-container body, :root .builder-wrapper .polotno-panel-container > div body, :root .builder-wrapper .polotno-panel-container > div > div body, :root .builder-wrapper .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondary-color);\n }\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div, :root .builder-wrapper .polotno-panel-container > div > div p {\n color: #000;\n}\n", "",{"version":3,"sources":["webpack://./src/components/TemplateBuilder/index.css"],"names":[],"mappings":"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","sourcesContent":[".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.basic-button {\n background-color: var(--primary-color);\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: fit-content;\n height: 100%;\n padding: 0 10px;\n font-size: 16px;\n font-weight: 600;\n display: flex;\n position: relative;\n}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.basic-button .backdrop {\n opacity: 0;\n background: #00000012 !important;\n border-radius: 3px !important;\n width: 100% !important;\n height: 40px !important;\n transition: opacity .1s ease-in !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n}\n\n.basic-button:hover .backdrop {\n opacity: 1 !important;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--text-color);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 16px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n border: .5px solid var(--border-color);\n background-color: #0000;\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__placeholder {\n color: var(--text-color);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--text-color);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--border-color);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--border-color);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__clear-indicator svg {\n cursor: pointer;\n width: 22px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n cursor: not-allowed;\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--text-color);\n border-bottom: .5px solid var(--border-color);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--secondary-color);\n color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n color: #000;\n border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n color: #000;\n}\n\n.toast-container {\n width: 100%;\n min-width: 400px;\n max-width: fit-content;\n z-index: 999999999 !important;\n}\n\n.toast-container .basic-toast {\n background-color: var(--notification-background-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notification-text-color);\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n width: 25px;\n height: 18px;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n color: var(--text-color);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--border-color);\n background: #fff;\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--text-color);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n background-color: var(--secondary-color);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 97%;\n margin: 3px auto;\n}\n\n.hideTemplateBuilder {\n display: none;\n}\n\n@media (width <= 600px) {\n .hideTemplateBuilder {\n text-align: center;\n display: block;\n }\n\n .createTemplateMaindiv {\n display: none;\n }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--error-color);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin: 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primary-color);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 40px 80px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin: 0 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primary-color);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 40px 80px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--border-color);\n background-color: #fff;\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .error {\n border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.modal {\n z-index: 99999;\n background-color: #0009;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--modal-background-color);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--text-color);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--text-color);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--text-color);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n border-bottom: .5px solid var(--border-color);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n top: 0;\n background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--text-color);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--text-color);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.polotno-panel-container .dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.polotno-panel-container .MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper {\n width: 100%;\n max-width: 480px;\n}\n\n@media (width <= 800px) {\n .polotno-panel-container .templateTabsWrapper {\n max-width: none !important;\n }\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.polotno-panel-container .noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.polotno-panel-container .noTemplateText p {\n color: var(--text-color);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.polotno-panel-container .searchWrapper {\n margin: 16px 0;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n z-index: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primary-color);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--border-color);\n text-align: center;\n cursor: pointer;\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n transition: all .1s ease-in;\n}\n\n.dynamic-content .contact-element:hover {\n background-color: var(--secondary-color);\n}\n\n.dynamic-content .copy {\n fill: #000 !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--text-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--secondary-color);\n opacity: .8;\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n fill: var(--primary-color) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.polotno-container .show-loader:after {\n content: \"\";\n border: 4px solid var(--primary-color);\n border-right: 3px solid #0000;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n animation: 2s linear infinite circularAnimation;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n 0% {\n transform: translate(-50%, -50%)rotate(0);\n }\n\n 100% {\n transform: translate(-50%, -50%)rotate(360deg);\n }\n}\n\n.polotno-container .hide-loader:after {\n display: none !important;\n}\n\n.polotno-container .bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --primary-color: #ed5c2f;\n --secondary-color: #fff8ee;\n --svg-color: #fdb515;\n --svg-color-not-active: #fdecd3;\n --text-color: #000;\n --modal-background-color: #fff8ee;\n --notification-background-color: #ef7820;\n --notification-text-color: #fff;\n --border-color: #303030;\n --error-color: red;\n}\n\n:root .builder-wrapper {\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root .builder-wrapper body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondary-color);\n }\n}\n\n:root .builder-wrapper .bp5-navbar {\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n@media (width <= 800px) {\n :root .builder-wrapper .bp5-navbar {\n z-index: 100 !important;\n }\n}\n\n:root .builder-wrapper .bp5-navbar .bp5-card {\n color: var(--text-color);\n background-color: #0000;\n}\n\n@media (width <= 800px) {\n :root .builder-wrapper .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n justify-content: center !important;\n }\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root .builder-wrapper .go4160152499 body, :root .builder-wrapper .polotno-workspace-inner body, :root .builder-wrapper .polotno-panel-container body, :root .builder-wrapper .polotno-panel-container > div body, :root .builder-wrapper .polotno-panel-container > div > div body, :root .builder-wrapper .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondary-color);\n }\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div, :root .builder-wrapper .polotno-panel-container > div > div p {\n color: #000;\n}\n"],"sourceRoot":""}]);
50374
+ ___CSS_LOADER_EXPORT___.push([module.id, ".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.basic-button {\n background-color: var(--primary-color);\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: fit-content;\n height: 100%;\n padding: 0 10px;\n font-size: 16px;\n font-weight: 600;\n display: flex;\n position: relative;\n}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.basic-button .backdrop {\n opacity: 0;\n background: #00000012 !important;\n border-radius: 3px !important;\n width: 100% !important;\n height: 100% !important;\n transition: opacity .1s ease-in !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n}\n\n.basic-button:hover .backdrop {\n opacity: 1 !important;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--text-color);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 16px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n border: .5px solid var(--border-color);\n background-color: #0000;\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__placeholder {\n color: var(--text-color);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--text-color);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--border-color);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--border-color);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__clear-indicator svg {\n cursor: pointer;\n width: 22px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n cursor: not-allowed;\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--text-color);\n border-bottom: .5px solid var(--border-color);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--secondary-color);\n color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n color: #000;\n border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n color: #000;\n}\n\n.select-layout .gallery-select .generic-select__control {\n background-color: #fff !important;\n border-radius: 3px !important;\n min-width: 320px !important;\n min-height: 40px !important;\n}\n\n.select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: #000;\n}\n\n.select-layout .gallery-select .generic-select__menu {\n box-shadow: 0 0 3px 1px #0000001a, 0 4px 11px #0000001a !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list {\n padding: 12px !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n color: #000;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n color: #000;\n border-bottom: .5px solid #5454544d;\n padding: 12px !important;\n font-size: 14px !important;\n font-weight: 300 !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n color: #000;\n}\n\n.toast-container {\n width: 100%;\n min-width: 400px;\n max-width: fit-content;\n z-index: 999999999 !important;\n}\n\n.toast-container .basic-toast {\n background-color: var(--notification-background-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notification-text-color);\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n width: 25px;\n height: 18px;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n color: var(--text-color);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--border-color);\n background: #fff;\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--text-color);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n background-color: var(--secondary-color);\n}\n\n.input-layout .galleryInput {\n border-radius: 3px !important;\n min-height: 40px !important;\n}\n\n.gallery-input-layout {\n min-width: 320px !important;\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 97%;\n margin: 3px auto;\n}\n\n.hideTemplateBuilder {\n display: none;\n}\n\n@media (width <= 600px) {\n .hideTemplateBuilder {\n text-align: center;\n display: block;\n }\n\n .createTemplateMaindiv {\n display: none;\n }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--error-color);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin: 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primary-color);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 40px 80px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin: 0 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primary-color);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 40px 80px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--border-color);\n background-color: #fff;\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .error {\n border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.modal {\n z-index: 99999;\n background-color: #0009;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: hidden !important;\n}\n\n.modal .modal-content {\n background-color: var(--modal-background-color);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n max-height: 90%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n overflow-y: auto;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--text-color);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--text-color);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--text-color);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n@media (width <= 1200px) {\n .galleryModal {\n min-width: 1000px;\n }\n}\n\n@media (width <= 992px) {\n .galleryModal {\n min-width: 750px;\n }\n}\n\n@media (width <= 768px) {\n .galleryModal {\n min-width: auto;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n border-bottom: .5px solid var(--border-color);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n top: 0;\n background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--text-color);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--text-color);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.tabsWrapper {\n justify-content: space-between;\n align-items: center;\n width: 100%;\n transition: left .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.tabsWrapper .tabsContainer {\n gap: 55px;\n width: 100%;\n display: flex;\n}\n\n.tabsWrapper .tabsContainer .tab {\n cursor: pointer;\n text-align: center;\n flex: 1;\n width: 100%;\n min-width: fit-content;\n padding: 10px 0;\n font-size: 18px;\n transition: left .3s ease-in-out;\n}\n\n@media (width <= 768px) {\n .tabsWrapper .tabsContainer .tab {\n font-size: 15px;\n }\n}\n\n.tabsWrapper .tabsContainer .tab.activeTab {\n color: var(--primary-color);\n font-weight: bold;\n}\n\n.tabsWrapper .tabsIndicator {\n background-color: var(--primary-color);\n height: 1.5px;\n transition: left .3s ease-in-out;\n position: absolute;\n bottom: 3px;\n}\n\n.templateCard {\n border-radius: 3px;\n flex: 0 316px;\n width: 316px;\n}\n\n@media (width <= 1340px) {\n .templateCard {\n flex: 316px;\n }\n}\n\n.templateCard .templateImage {\n margin-bottom: 5px;\n position: relative;\n}\n\n.templateCard .templateImage img {\n border-radius: 7px;\n width: 100%;\n height: 100%;\n padding: 1.5px;\n}\n\n.templateCard .templateImage:hover .tempButton {\n display: flex !important;\n}\n\n.templateCard .templateImage:hover .flipWrapper {\n display: flex;\n}\n\n.templateCard .templateImage .tempButton {\n background-color: var(--primary-color);\n color: #fff;\n text-transform: capitalize;\n border-radius: 6px;\n max-height: 35px !important;\n transition: all .3s ease-in !important;\n display: none !important;\n position: absolute !important;\n top: 10px !important;\n right: 10px !important;\n}\n\n.templateCard .templateImage .flipWrapper {\n background-color: #00000049;\n border-radius: 99999px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n width: 60px;\n height: 20px;\n display: none;\n position: absolute;\n bottom: 30px;\n left: 40%;\n}\n\n.templateCard .templateImage .flipWrapper svg {\n cursor: pointer;\n width: 16px;\n height: 16px;\n}\n\n.templateCard .templateName {\n margin: 0;\n font-size: 18px;\n}\n\n.templateCard .templateID {\n margin-top: 7px;\n color: #6a6565 !important;\n font-size: 16px !important;\n font-weight: 300 !important;\n}\n\n.noTemplateGallery {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: calc(100vh - 300px);\n display: flex;\n}\n\n.noTemplateGallery p {\n color: var(--text-color);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n border: .5px solid var(--border-color);\n cursor: pointer;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n border: .5px solid var(--border-color);\n cursor: pointer;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.polotno-panel-container .dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.polotno-panel-container .MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper {\n width: 100%;\n max-width: 480px;\n}\n\n@media (width <= 800px) {\n .polotno-panel-container .templateTabsWrapper {\n max-width: none !important;\n }\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.polotno-panel-container .noTemplateText {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.polotno-panel-container .noTemplateText p {\n color: var(--text-color);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.polotno-panel-container .searchWrapper {\n margin: 16px 0;\n}\n\n.topBar {\n border-bottom: .5px solid #30303080;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 0 35px 20px;\n display: flex;\n position: relative;\n}\n\n@media (width <= 1125px) {\n .topBar {\n flex-direction: column-reverse;\n justify-content: center;\n }\n}\n\n@media (width <= 768px) {\n .topBar {\n padding: 0 15px 20px;\n }\n}\n\n.selectBar {\n justify-content: space-between;\n align-items: center;\n width: 100%;\n margin-top: 25px;\n padding: 0 35px;\n display: flex;\n}\n\n.selectBar p {\n text-align: end;\n width: 100%;\n margin: 0;\n color: #6a6565 !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n}\n\n.templatesContent {\n flex-flow: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n width: 100%;\n height: 100%;\n max-height: calc(100vh - 248px);\n margin-top: 10px;\n padding: 15px 35px;\n display: flex;\n overflow-y: scroll;\n}\n\n@media (width <= 1125px) {\n .templatesContent {\n max-height: calc(100vh - 320px);\n }\n}\n\n.templatesContent::-webkit-scrollbar {\n width: 8px;\n}\n\n.templatesContent::-webkit-scrollbar-track {\n border-radius: 1px;\n background: none !important;\n}\n\n.templatesContent::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n .templatesContent body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n }\n}\n\n.templatesContent .defaultDesign {\n cursor: pointer;\n background-color: #fff;\n border-radius: 7px;\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n width: 316px;\n height: 224px;\n margin-bottom: 14px;\n padding: 1.5px;\n display: flex;\n}\n\n.templatesContent .defaultDesign p {\n color: var(--text-color);\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.templatesContent .ownHeading {\n color: var(--text-color);\n line-height: 14.52px;\n font-size: 18px !important;\n font-weight: 400 !important;\n}\n\n.templatesContent .postcard, .templatesContent .postcard-4x6 {\n height: 211.66px !important;\n}\n\n.templatesContent .postcard-6x11 {\n height: 173.73px !important;\n}\n\n.templatesContent .postcard-6x9 {\n height: 211.66px !important;\n}\n\n.templatesContent .personalLetter {\n height: 486.73px !important;\n}\n\n.templatesContent .professionalLetter {\n height: 408.06px !important;\n}\n\n.templatesContent .biFold {\n height: 107.33px !important;\n}\n\n.templatesContent .triFold {\n height: 420.33px !important;\n}\n\n.heightOLC {\n max-height: calc(100vh - 270px);\n}\n\n@media (width <= 1125px) {\n .heightOLC {\n max-height: calc(100vh - 320px);\n }\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n z-index: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primary-color);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--border-color);\n text-align: center;\n cursor: pointer;\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n transition: all .1s ease-in;\n}\n\n.dynamic-content .contact-element:hover {\n background-color: var(--secondary-color);\n}\n\n.dynamic-content .copy {\n fill: #000 !important;\n}\n\n.gsv-contact-element {\n text-align: center;\n border: .5px solid #303030;\n border-radius: 3px;\n justify-content: center;\n width: 100%;\n height: 100px;\n margin: 5px auto;\n line-height: 35px;\n display: flex;\n}\n\n.gsv-contact-element span {\n transform: translateY(30%);\n}\n\n.addonBox {\n border: 1px solid #303030;\n border-radius: 10px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-bottom: 10px;\n display: flex !important;\n}\n\n.addonBox p {\n color: #303030;\n font-size: 16px;\n font-style: normal;\n font-weight: 800;\n}\n\n.addonBox p:last-child {\n font-weight: 500;\n}\n\n.addonBox svg {\n opacity: .5;\n width: 100px;\n height: 120px;\n}\n\n.hidden-important {\n display: none !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--text-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--secondary-color);\n opacity: .8;\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n fill: var(--primary-color) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.polotno-container .show-loader:after {\n content: \"\";\n border: 4px solid var(--primary-color);\n border-right: 3px solid #0000;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n animation: 2s linear infinite circularAnimation;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n 0% {\n transform: translate(-50%, -50%)rotate(0);\n }\n\n 100% {\n transform: translate(-50%, -50%)rotate(360deg);\n }\n}\n\n.polotno-container .hide-loader:after {\n display: none !important;\n}\n\n.polotno-container .bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --scrollbar-track-color: grey;\n --primary-color: #ed5c2f;\n --secondary-color: #fff8ee;\n --svg-color: #fdb515;\n --svg-color-not-active: #fdecd3;\n --text-color: #000;\n --modal-background-color: #fff8ee;\n --notification-background-color: #ef7820;\n --notification-text-color: #fff;\n --border-color: #303030;\n --error-color: red;\n}\n\n:root .builder-wrapper {\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root .builder-wrapper body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n }\n}\n\n:root .builder-wrapper .bp5-navbar {\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root .builder-wrapper .bp5-navbar .bp5-card {\n color: var(--text-color);\n background-color: #0000;\n}\n\n@media (width <= 800px) {\n :root .builder-wrapper .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n justify-content: center !important;\n }\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root .builder-wrapper .go4160152499 body, :root .builder-wrapper .polotno-workspace-inner body, :root .builder-wrapper .polotno-panel-container body, :root .builder-wrapper .polotno-panel-container > div body, :root .builder-wrapper .polotno-panel-container > div > div body, :root .builder-wrapper .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n }\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div, :root .builder-wrapper .polotno-panel-container > div > div p {\n color: #000;\n}\n\n:root .no-scroll {\n overflow: hidden;\n}\n", "",{"version":3,"sources":["webpack://./src/components/TemplateBuilder/index.css"],"names":[],"mappings":"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","sourcesContent":[".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.basic-button {\n background-color: var(--primary-color);\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: fit-content;\n height: 100%;\n padding: 0 10px;\n font-size: 16px;\n font-weight: 600;\n display: flex;\n position: relative;\n}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.basic-button .backdrop {\n opacity: 0;\n background: #00000012 !important;\n border-radius: 3px !important;\n width: 100% !important;\n height: 100% !important;\n transition: opacity .1s ease-in !important;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n}\n\n.basic-button:hover .backdrop {\n opacity: 1 !important;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--text-color);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 16px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n border: .5px solid var(--border-color);\n background-color: #0000;\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__placeholder {\n color: var(--text-color);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--text-color);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--border-color);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--border-color);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__clear-indicator svg {\n cursor: pointer;\n width: 22px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n cursor: not-allowed;\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--text-color);\n border-bottom: .5px solid var(--border-color);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--secondary-color);\n color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n color: #000;\n border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n color: #000;\n}\n\n.select-layout .gallery-select .generic-select__control {\n background-color: #fff !important;\n border-radius: 3px !important;\n min-width: 320px !important;\n min-height: 40px !important;\n}\n\n.select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: #000;\n}\n\n.select-layout .gallery-select .generic-select__menu {\n box-shadow: 0 0 3px 1px #0000001a, 0 4px 11px #0000001a !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list {\n padding: 12px !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n color: #000;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n color: #000;\n border-bottom: .5px solid #5454544d;\n padding: 12px !important;\n font-size: 14px !important;\n font-weight: 300 !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n color: #000;\n}\n\n.toast-container {\n width: 100%;\n min-width: 400px;\n max-width: fit-content;\n z-index: 999999999 !important;\n}\n\n.toast-container .basic-toast {\n background-color: var(--notification-background-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notification-text-color);\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n width: 25px;\n height: 18px;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n color: var(--text-color);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--border-color);\n background: #fff;\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--text-color);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n background-color: var(--secondary-color);\n}\n\n.input-layout .galleryInput {\n border-radius: 3px !important;\n min-height: 40px !important;\n}\n\n.gallery-input-layout {\n min-width: 320px !important;\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 97%;\n margin: 3px auto;\n}\n\n.hideTemplateBuilder {\n display: none;\n}\n\n@media (width <= 600px) {\n .hideTemplateBuilder {\n text-align: center;\n display: block;\n }\n\n .createTemplateMaindiv {\n display: none;\n }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--error-color);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin: 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primary-color);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 40px 80px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin: 0 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primary-color);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 40px 80px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--border-color);\n background-color: #fff;\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .error {\n border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.modal {\n z-index: 99999;\n background-color: #0009;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: hidden !important;\n}\n\n.modal .modal-content {\n background-color: var(--modal-background-color);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n max-height: 90%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n overflow-y: auto;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--text-color);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--text-color);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--text-color);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n@media (width <= 1200px) {\n .galleryModal {\n min-width: 1000px;\n }\n}\n\n@media (width <= 992px) {\n .galleryModal {\n min-width: 750px;\n }\n}\n\n@media (width <= 768px) {\n .galleryModal {\n min-width: auto;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n border-bottom: .5px solid var(--border-color);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n top: 0;\n background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--text-color);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--text-color);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.tabsWrapper {\n justify-content: space-between;\n align-items: center;\n width: 100%;\n transition: left .3s ease-in-out;\n display: flex;\n position: relative;\n}\n\n.tabsWrapper .tabsContainer {\n gap: 55px;\n width: 100%;\n display: flex;\n}\n\n.tabsWrapper .tabsContainer .tab {\n cursor: pointer;\n text-align: center;\n flex: 1;\n width: 100%;\n min-width: fit-content;\n padding: 10px 0;\n font-size: 18px;\n transition: left .3s ease-in-out;\n}\n\n@media (width <= 768px) {\n .tabsWrapper .tabsContainer .tab {\n font-size: 15px;\n }\n}\n\n.tabsWrapper .tabsContainer .tab.activeTab {\n color: var(--primary-color);\n font-weight: bold;\n}\n\n.tabsWrapper .tabsIndicator {\n background-color: var(--primary-color);\n height: 1.5px;\n transition: left .3s ease-in-out;\n position: absolute;\n bottom: 3px;\n}\n\n.templateCard {\n border-radius: 3px;\n flex: 0 316px;\n width: 316px;\n}\n\n@media (width <= 1340px) {\n .templateCard {\n flex: 316px;\n }\n}\n\n.templateCard .templateImage {\n margin-bottom: 5px;\n position: relative;\n}\n\n.templateCard .templateImage img {\n border-radius: 7px;\n width: 100%;\n height: 100%;\n padding: 1.5px;\n}\n\n.templateCard .templateImage:hover .tempButton {\n display: flex !important;\n}\n\n.templateCard .templateImage:hover .flipWrapper {\n display: flex;\n}\n\n.templateCard .templateImage .tempButton {\n background-color: var(--primary-color);\n color: #fff;\n text-transform: capitalize;\n border-radius: 6px;\n max-height: 35px !important;\n transition: all .3s ease-in !important;\n display: none !important;\n position: absolute !important;\n top: 10px !important;\n right: 10px !important;\n}\n\n.templateCard .templateImage .flipWrapper {\n background-color: #00000049;\n border-radius: 99999px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n width: 60px;\n height: 20px;\n display: none;\n position: absolute;\n bottom: 30px;\n left: 40%;\n}\n\n.templateCard .templateImage .flipWrapper svg {\n cursor: pointer;\n width: 16px;\n height: 16px;\n}\n\n.templateCard .templateName {\n margin: 0;\n font-size: 18px;\n}\n\n.templateCard .templateID {\n margin-top: 7px;\n color: #6a6565 !important;\n font-size: 16px !important;\n font-weight: 300 !important;\n}\n\n.noTemplateGallery {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: calc(100vh - 300px);\n display: flex;\n}\n\n.noTemplateGallery p {\n color: var(--text-color);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n border: .5px solid var(--border-color);\n cursor: pointer;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n border: .5px solid var(--border-color);\n cursor: pointer;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.polotno-panel-container .dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.polotno-panel-container .MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper {\n width: 100%;\n max-width: 480px;\n}\n\n@media (width <= 800px) {\n .polotno-panel-container .templateTabsWrapper {\n max-width: none !important;\n }\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.polotno-panel-container .noTemplateText {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.polotno-panel-container .noTemplateText p {\n color: var(--text-color);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.polotno-panel-container .searchWrapper {\n margin: 16px 0;\n}\n\n.topBar {\n border-bottom: .5px solid #30303080;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 0 35px 20px;\n display: flex;\n position: relative;\n}\n\n@media (width <= 1125px) {\n .topBar {\n flex-direction: column-reverse;\n justify-content: center;\n }\n}\n\n@media (width <= 768px) {\n .topBar {\n padding: 0 15px 20px;\n }\n}\n\n.selectBar {\n justify-content: space-between;\n align-items: center;\n width: 100%;\n margin-top: 25px;\n padding: 0 35px;\n display: flex;\n}\n\n.selectBar p {\n text-align: end;\n width: 100%;\n margin: 0;\n color: #6a6565 !important;\n font-size: 14px !important;\n font-weight: 400 !important;\n}\n\n.templatesContent {\n flex-flow: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n width: 100%;\n height: 100%;\n max-height: calc(100vh - 248px);\n margin-top: 10px;\n padding: 15px 35px;\n display: flex;\n overflow-y: scroll;\n}\n\n@media (width <= 1125px) {\n .templatesContent {\n max-height: calc(100vh - 320px);\n }\n}\n\n.templatesContent::-webkit-scrollbar {\n width: 8px;\n}\n\n.templatesContent::-webkit-scrollbar-track {\n border-radius: 1px;\n background: none !important;\n}\n\n.templatesContent::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n .templatesContent body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n }\n}\n\n.templatesContent .defaultDesign {\n cursor: pointer;\n background-color: #fff;\n border-radius: 7px;\n flex-direction: column;\n flex: 1;\n justify-content: center;\n align-items: center;\n width: 316px;\n height: 224px;\n margin-bottom: 14px;\n padding: 1.5px;\n display: flex;\n}\n\n.templatesContent .defaultDesign p {\n color: var(--text-color);\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.templatesContent .ownHeading {\n color: var(--text-color);\n line-height: 14.52px;\n font-size: 18px !important;\n font-weight: 400 !important;\n}\n\n.templatesContent .postcard, .templatesContent .postcard-4x6 {\n height: 211.66px !important;\n}\n\n.templatesContent .postcard-6x11 {\n height: 173.73px !important;\n}\n\n.templatesContent .postcard-6x9 {\n height: 211.66px !important;\n}\n\n.templatesContent .personalLetter {\n height: 486.73px !important;\n}\n\n.templatesContent .professionalLetter {\n height: 408.06px !important;\n}\n\n.templatesContent .biFold {\n height: 107.33px !important;\n}\n\n.templatesContent .triFold {\n height: 420.33px !important;\n}\n\n.heightOLC {\n max-height: calc(100vh - 270px);\n}\n\n@media (width <= 1125px) {\n .heightOLC {\n max-height: calc(100vh - 320px);\n }\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n z-index: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primary-color);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--border-color);\n text-align: center;\n cursor: pointer;\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n transition: all .1s ease-in;\n}\n\n.dynamic-content .contact-element:hover {\n background-color: var(--secondary-color);\n}\n\n.dynamic-content .copy {\n fill: #000 !important;\n}\n\n.gsv-contact-element {\n text-align: center;\n border: .5px solid #303030;\n border-radius: 3px;\n justify-content: center;\n width: 100%;\n height: 100px;\n margin: 5px auto;\n line-height: 35px;\n display: flex;\n}\n\n.gsv-contact-element span {\n transform: translateY(30%);\n}\n\n.addonBox {\n border: 1px solid #303030;\n border-radius: 10px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n margin-bottom: 10px;\n display: flex !important;\n}\n\n.addonBox p {\n color: #303030;\n font-size: 16px;\n font-style: normal;\n font-weight: 800;\n}\n\n.addonBox p:last-child {\n font-weight: 500;\n}\n\n.addonBox svg {\n opacity: .5;\n width: 100px;\n height: 120px;\n}\n\n.hidden-important {\n display: none !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--text-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--secondary-color);\n opacity: .8;\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n fill: var(--primary-color) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.polotno-container .show-loader:after {\n content: \"\";\n border: 4px solid var(--primary-color);\n border-right: 3px solid #0000;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n animation: 2s linear infinite circularAnimation;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n 0% {\n transform: translate(-50%, -50%)rotate(0);\n }\n\n 100% {\n transform: translate(-50%, -50%)rotate(360deg);\n }\n}\n\n.polotno-container .hide-loader:after {\n display: none !important;\n}\n\n.polotno-container .bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --scrollbar-track-color: grey;\n --primary-color: #ed5c2f;\n --secondary-color: #fff8ee;\n --svg-color: #fdb515;\n --svg-color-not-active: #fdecd3;\n --text-color: #000;\n --modal-background-color: #fff8ee;\n --notification-background-color: #ef7820;\n --notification-text-color: #fff;\n --border-color: #303030;\n --error-color: red;\n}\n\n:root .builder-wrapper {\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root .builder-wrapper body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n }\n}\n\n:root .builder-wrapper .bp5-navbar {\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root .builder-wrapper .bp5-navbar .bp5-card {\n color: var(--text-color);\n background-color: #0000;\n}\n\n@media (width <= 800px) {\n :root .builder-wrapper .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n justify-content: center !important;\n }\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root .builder-wrapper .go4160152499 body, :root .builder-wrapper .polotno-workspace-inner body, :root .builder-wrapper .polotno-panel-container body, :root .builder-wrapper .polotno-panel-container > div body, :root .builder-wrapper .polotno-panel-container > div > div body, :root .builder-wrapper .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n }\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div, :root .builder-wrapper .polotno-panel-container > div > div p {\n color: #000;\n}\n\n:root .no-scroll {\n overflow: hidden;\n}\n"],"sourceRoot":""}]);
50375
50375
  // Exports
50376
50376
  /* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
50377
50377
 
@@ -117658,13 +117658,6 @@ module.exports = "data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTYOe0g8AAHLcAAAAHE9TL
117658
117658
 
117659
117659
  /***/ }),
117660
117660
 
117661
- /***/ 88962:
117662
- /***/ (function(module) {
117663
-
117664
- module.exports = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgb3BhY2l0eT0iMC41IiBjbGlwLXBhdGg9InVybCgnI2NsaXAwXzE0MjhfMTg0OScpIj4KPHBhdGggZD0iTTMxLjkyMzUgMy44OTg0NEgxOS43MTgyQzE5LjMyNTIgMy44OTg0NCAxOS4wMDY4IDQuMjE2ODMgMTkuMDA2OCA0LjYwOThDMTkuMDA2OCA1LjAwMjc3IDE5LjMyNTMgNS4zMjExNiAxOS43MTgyIDUuMzIxMTZIMzEuOTIzNEMzMi4zMTYzIDUuMzIxMTYgMzIuNjM0OCA1LjAwMjc3IDMyLjYzNDggNC42MDk4QzMyLjYzNDggNC4yMTY4MyAzMi4zMTYzIDMuODk4NDQgMzEuOTIzNSAzLjg5ODQ0WiIgZmlsbD0iI0VENUMyRiI+PC9wYXRoPgo8cGF0aCBkPSJNMjUuMTUyNSA2LjkyOTY5SDE5LjcxNzJDMTkuMzI0MyA2LjkyOTY5IDE5LjAwNTkgNy4yNDgxNyAxOS4wMDU5IDcuNjQxMDVDMTkuMDA1OSA4LjAzNDAyIDE5LjMyNDMgOC4zNTI0MSAxOS43MTcyIDguMzUyNDFIMjUuMTUyNUMyNS41NDU1IDguMzUyNDEgMjUuODYzOSA4LjAzNDAyIDI1Ljg2MzkgNy42NDEwNUMyNS44NjM5IDcuMjQ4MDggMjUuNTQ1NCA2LjkyOTY5IDI1LjE1MjUgNi45Mjk2OVoiIGZpbGw9IiNFRDVDMkYiPjwvcGF0aD4KPHBhdGggZD0iTTQ0Ljg1MTggNy4wNTQxN0M0NC40NTg5IDcuMDU0MTcgNDQuMTQwNSA3LjM3MjU3IDQ0LjE0MDUgNy43NjU1M0M0NC4xNDA1IDguMTU4NDEgNDQuNDU4OCA4LjQ3Njg5IDQ0Ljg1MTggOC40NzY4OUM0NS41NTE3IDguNDc2ODkgNDYuMTIxIDkuMDQ2MjEgNDYuMTIxIDkuNzQ2MDdWMjkuOTU4Mkg0MC45MjkzVjguNDc2OEg0Mi4xMTQ5QzQyLjUwNzcgOC40NzY4IDQyLjgyNjIgOC4xNTg0MSA0Mi44MjYyIDcuNzY1NDRDNDIuODI2MiA3LjM3MjU3IDQyLjUwNzggNy4wNTQwOCA0Mi4xMTQ5IDcuMDU0MDhINDAuOTI5M1YyLjIxMzUyQzQwLjkyOTMgMS4wMzQ5OSAzOS45NzA1IDAuMDc2MTcxOSAzOC43OTIgMC4wNzYxNzE5SDkuMDE3MTlDNy44Mzg2NiAwLjA3NjE3MTkgNi44Nzk4NCAxLjAzNDk5IDYuODc5ODQgMi4yMTM1MlY3LjA1NDE3SDMuMTQ2OThDMS42NjI2NyA3LjA1NDE3IDAuNDU1MDc4IDguMjYxNzcgMC40NTUwNzggOS43NDYwN1YzMC42Njk2VjM3LjIyNDZDMC40NTUwNzggMzguNzA4OSAxLjY2MjY3IDM5LjkxNjUgMy4xNDY5OCAzOS45MTY1SDcuNTI3ODRDNy45MjA3MSAzOS45MTY1IDguMjM5MiAzOS41OTgxIDguMjM5MiAzOS4yMDUyQzguMjM5MiAzOC44MTIzIDcuOTIwODEgMzguNDkzOCA3LjUyNzg0IDM4LjQ5MzhIMy4xNDY5OEMyLjQ0NzExIDM4LjQ5MzggMS44Nzc4IDM3LjkyNDUgMS44Nzc4IDM3LjIyNDZWMzEuMzgwOUg3LjU5MTExSDQwLjIxNzlINDYuMTIwOVYzNy4yMjQ2QzQ2LjEyMDkgMzcuOTI0NSA0NS41NTE2IDM4LjQ5MzggNDQuODUxNyAzOC40OTM4SDI5LjExODRIMTguODgwNEgxMC44NzkxQzEwLjQ4NjMgMzguNDkzOCAxMC4xNjc4IDM4LjgxMjIgMTAuMTY3OCAzOS4yMDUyQzEwLjE2NzggMzkuNTk4MSAxMC40ODYyIDM5LjkxNjUgMTAuODc5MSAzOS45MTY1SDE4LjE2OVY0My42ODZDMTYuMjUzIDQzLjcyMDIgMTQuNzA0NSA0NS4yODg1IDE0LjcwNDUgNDcuMjEyNUMxNC43MDQ1IDQ3LjYwNTMgMTUuMDIyOSA0Ny45MjM4IDE1LjQxNTkgNDcuOTIzOEgzMi41ODI5QzMyLjk3NTggNDcuOTIzOCAzMy4yOTQzIDQ3LjYwNTQgMzMuMjk0MyA0Ny4yMTI1QzMzLjI5NDMgNDUuMjg4NSAzMS43NDU4IDQzLjcyMDIgMjkuODI5OCA0My42ODZWMzkuOTE2NUg0NC44NTE4QzQ2LjMzNjEgMzkuOTE2NSA0Ny41NDM3IDM4LjcwODkgNDcuNTQzNyAzNy4yMjQ2VjMwLjY2OTZWOS43NDYwN0M0Ny41NDM2IDguMjYxNzcgNDYuMzM2IDcuMDU0MTcgNDQuODUxOCA3LjA1NDE3Wk02Ljg3OTg0IDI5Ljk1ODJIMS44Nzc4VjkuNzQ2MDdDMS44Nzc4IDkuMDQ2MjEgMi40NDcxMSA4LjQ3Njg5IDMuMTQ2OTggOC40NzY4OUg2Ljg3OTg0VjI5Ljk1ODJaTTM5LjUwNjYgMTAuNDY4N0gxNS4yNzM2QzE0Ljg4MDggMTAuNDY4NyAxNC41NjIzIDEwLjc4NzEgMTQuNTYyMyAxMS4xODAxQzE0LjU2MjMgMTEuNTczMSAxNC44ODA3IDExLjg5MTUgMTUuMjczNiAxMS44OTE1SDM5LjUwNjZWMjkuOTU4Mkg4LjMwMjQ3VjExLjg5MTVIMTEuNTc0NkMxMS45Njc1IDExLjg5MTUgMTIuMjg2IDExLjU3MzEgMTIuMjg2IDExLjE4MDFDMTIuMjg2IDEwLjc4NzEgMTEuOTY3NiAxMC40Njg3IDExLjU3NDYgMTAuNDY4N0g4LjMwMjQ3VjIuMjEzNTJDOC4zMDI0NyAxLjgxOTQzIDguNjIzMDEgMS40OTg4OSA5LjAxNzEgMS40OTg4OUgzOC43OTJDMzkuMTg2MSAxLjQ5ODg5IDM5LjUwNjYgMS44MTk0MyAzOS41MDY2IDIuMjEzNTJWMTAuNDY4N1pNMTkuNTkxNiAzOS45MTY0SDI4LjQwNzFWNDMuNjg0NEgxOS41OTE2VjM5LjkxNjRaTTMxLjc0NzkgNDYuNTAxMUgxNi4yNTA5QzE2LjU0MzIgNDUuNjg5MSAxNy4zMjEyIDQ1LjEwNzEgMTguMjMyNiA0NS4xMDcxSDE4Ljg4MDRIMjkuMTE4NEgyOS43NjYyQzMwLjY3NzYgNDUuMTA3MSAzMS40NTU2IDQ1LjY4OTEgMzEuNzQ3OSA0Ni41MDExWiIgZmlsbD0iI0VENUMyRiI+PC9wYXRoPgo8cGF0aCBkPSJNMjQuMzgxMiAzMi43ODcxQzIzLjE5NTkgMzIuNzg3MSAyMi4yMzE0IDMzLjc1MTUgMjIuMjMxNCAzNC45MzdDMjIuMjMxNCAzNi4xMjIzIDIzLjE5NTkgMzcuMDg2OCAyNC4zODEyIDM3LjA4NjhDMjUuNTY2OCAzNy4wODY4IDI2LjUzMTEgMzYuMTIyNCAyNi41MzExIDM0LjkzN0MyNi41MzExIDMzLjc1MTUgMjUuNTY2NyAzMi43ODcxIDI0LjM4MTIgMzIuNzg3MVpNMjQuMzgxMiAzNS42NjRDMjMuOTgwNCAzNS42NjQxIDIzLjY1NDIgMzUuMzM3OSAyMy42NTQyIDM0LjkzN0MyMy42NTQyIDM0LjUzNiAyMy45ODA0IDM0LjIwOTggMjQuMzgxMiAzNC4yMDk4QzI0Ljc4MjIgMzQuMjA5OCAyNS4xMDg0IDM0LjUzNjEgMjUuMTA4NCAzNC45MzdDMjUuMTA4NCAzNS4zMzc5IDI0Ljc4MjEgMzUuNjY0IDI0LjM4MTIgMzUuNjY0WiIgZmlsbD0iI0VENUMyRiI+PC9wYXRoPgo8cGF0aCBkPSJNMTYuMDkxMiA3LjQzNDQ5TDEzLjc0OTggMy4zNzkxMkMxMy42MjI3IDMuMTU5MDQgMTMuMzg4IDMuMDIzNDQgMTMuMTMzOCAzLjAyMzQ0QzEyLjg3OTYgMy4wMjM0NCAxMi42NDQ4IDMuMTU5MDQgMTIuNTE3NyAzLjM3OTEyTDEwLjE3NjQgNy40MzQ0OUMxMC4wNDkzIDcuNjU0NTcgMTAuMDQ5MyA3LjkyNTc3IDEwLjE3NjQgOC4xNDU4NUMxMC4zMDM1IDguMzY1OTMgMTAuNTM4MiA4LjUwMTUzIDEwLjc5MjQgOC41MDE1M0gxNS40NzUyQzE1LjcyOTMgOC41MDE1MyAxNS45NjQyIDguMzY1OTMgMTYuMDkxMiA4LjE0NTg1QzE2LjIxODMgNy45MjU3NyAxNi4yMTgzIDcuNjU0NTcgMTYuMDkxMiA3LjQzNDQ5Wk0xMi4wMjQ0IDcuMDc4OUwxMy4xMzM4IDUuMTU3NTJMMTQuMjQzMSA3LjA3ODlIMTIuMDI0NFoiIGZpbGw9IiNFRDVDMkYiPjwvcGF0aD4KPHBhdGggZD0iTTM3LjQxMDkgMTQuNTE1NkgyNy4xMDg4QzI2LjcxNTkgMTQuNTE1NiAyNi4zOTc1IDE0LjgzNCAyNi4zOTc1IDE1LjIyN0MyNi4zOTc1IDE1LjYxOTkgMjYuNzE1OSAxNS45MzgzIDI3LjEwODggMTUuOTM4M0gzNy40MTA5QzM3LjgwMzggMTUuOTM4MyAzOC4xMjIzIDE1LjYyIDM4LjEyMjMgMTUuMjI3QzM4LjEyMjMgMTQuODM0IDM3LjgwMzggMTQuNTE1NiAzNy40MTA5IDE0LjUxNTZaIiBmaWxsPSIjRUQ1QzJGIj48L3BhdGg+CjxwYXRoIGQ9Ik0zNy40MTA5IDE3LjY0MzZIMjcuMTA4OEMyNi43MTU5IDE3LjY0MzYgMjYuMzk3NSAxNy45NjE5IDI2LjM5NzUgMTguMzU0OUMyNi4zOTc1IDE4Ljc0NzkgMjYuNzE1OSAxOS4wNjYzIDI3LjEwODggMTkuMDY2M0gzNy40MTA5QzM3LjgwMzggMTkuMDY2MyAzOC4xMjIzIDE4Ljc0NzkgMzguMTIyMyAxOC4zNTQ5QzM4LjEyMjMgMTcuOTYxOSAzNy44MDM4IDE3LjY0MzYgMzcuNDEwOSAxNy42NDM2WiIgZmlsbD0iI0VENUMyRiI+PC9wYXRoPgo8cGF0aCBkPSJNMzcuNDEwOSAyMC43NzE1SDI3LjEwODhDMjYuNzE1OSAyMC43NzE1IDI2LjM5NzUgMjEuMDg5OSAyNi4zOTc1IDIxLjQ4MjhDMjYuMzk3NSAyMS44NzU3IDI2LjcxNTkgMjIuMTk0MiAyNy4xMDg4IDIyLjE5NDJIMzcuNDEwOUMzNy44MDM4IDIyLjE5NDIgMzguMTIyMyAyMS44NzU4IDM4LjEyMjMgMjEuNDgyOEMzOC4xMjIzIDIxLjA4OTkgMzcuODAzOCAyMC43NzE1IDM3LjQxMDkgMjAuNzcxNVoiIGZpbGw9IiNFRDVDMkYiPjwvcGF0aD4KPHBhdGggZD0iTTM3LjQxMDkgMjMuODk5NEgyNy4xMDg4QzI2LjcxNTkgMjMuODk5NCAyNi4zOTc1IDI0LjIxNzggMjYuMzk3NSAyNC42MTA4QzI2LjM5NzUgMjUuMDAzNiAyNi43MTU5IDI1LjMyMjEgMjcuMTA4OCAyNS4zMjIxSDM3LjQxMDlDMzcuODAzOCAyNS4zMjIxIDM4LjEyMjMgMjUuMDAzNyAzOC4xMjIzIDI0LjYxMDhDMzguMTIyMyAyNC4yMTc4IDM3LjgwMzggMjMuODk5NCAzNy40MTA5IDIzLjg5OTRaIiBmaWxsPSIjRUQ1QzJGIj48L3BhdGg+CjxwYXRoIGQ9Ik0zMS45MjI2IDI3LjAyOTNIMjcuMTA4OEMyNi43MTU5IDI3LjAyOTMgMjYuMzk3NSAyNy4zNDc3IDI2LjM5NzUgMjcuNzQwN0MyNi4zOTc1IDI4LjEzMzUgMjYuNzE1OSAyOC40NTIgMjcuMTA4OCAyOC40NTJIMzEuOTIyNkMzMi4zMTU0IDI4LjQ1MiAzMi42MzM5IDI4LjEzMzYgMzIuNjMzOSAyNy43NDA3QzMyLjYzMzkgMjcuMzQ3NyAzMi4zMTU1IDI3LjAyOTMgMzEuOTIyNiAyNy4wMjkzWiIgZmlsbD0iI0VENUMyRiI+PC9wYXRoPgo8cGF0aCBkPSJNMjMuOTA1OCAxMy45MTZIMTAuNzkyNEMxMC4zOTk1IDEzLjkxNiAxMC4wODExIDE0LjIzNDQgMTAuMDgxMSAxNC42Mjc0VjIzLjAxNDhWMjcuNzQwN0MxMC4wODExIDI4LjEzMzYgMTAuMzk5NCAyOC40NTIxIDEwLjc5MjQgMjguNDUyMUgyMy45MDU4QzI0LjI5ODYgMjguNDUyMSAyNC42MTcxIDI4LjEzMzcgMjQuNjE3MSAyNy43NDA3VjIzLjcyMTdWMTQuNjI3NEMyNC42MTcxIDE0LjIzNDQgMjQuMjk4NiAxMy45MTYgMjMuOTA1OCAxMy45MTZaTTExLjUwMzkgMTUuMzM4N0gyMy4xOTQ0VjIyLjc3NjZDMjMuMTE0OCAyMi43NjMgMjMuMDM1MiAyMi43NTEgMjIuOTU1NiAyMi43NDIxQzIxLjcxNTggMjIuNjAzMiAyMS4wMDI5IDIzLjA5OTMgMjAuNDI5OSAyMy40OTc4QzE5Ljk5OTcgMjMuNzk2OCAxOS42MjgyIDI0LjA1NTEgMTkuMDA2IDI0LjEwNTZDMTcuOTk5NiAyNC4xODgyIDE3LjM1NDMgMjMuNjUzMSAxNi41MzY4IDIyLjk3NjlDMTUuNjI2OSAyMi4yMjQzIDE0LjU5NDggMjEuMzcyMiAxMi45NTQzIDIxLjQ3MUMxMi40NjI0IDIxLjUwMDkgMTEuOTc3NiAyMS42MTQgMTEuNTAzOSAyMS44MDc5VjE1LjMzODdaTTIzLjE5NDUgMjcuMDI5NEgxMS41MDM4VjIzLjM5NzFDMTIuMDA4NCAyMy4wOTI0IDEyLjUyMzkgMjIuOTIyNSAxMy4wNDA2IDIyLjg5MTFDMTQuMTIxMiAyMi44MjUyIDE0LjgyMDUgMjMuNDAzNiAxNS42MzAxIDI0LjA3MzJDMTYuNTI0NyAyNC44MTMxIDE3LjUzOCAyNS42NTExIDE5LjEyMTEgMjUuNTIzN0MyMC4xMjU1IDI1LjQ0MjIgMjAuNzQ0NSAyNS4wMTE3IDIxLjI0MjEgMjQuNjY1OUMyMS43NTIzIDI0LjMxMTIgMjIuMDg5OSAyNC4wNzcxIDIyLjc5NzUgMjQuMTU2QzIyLjkyOSAyNC4xNzA3IDIzLjA2MTcgMjQuMTk1NCAyMy4xOTQ1IDI0LjIyOTlWMjcuMDI5NFoiIGZpbGw9IiNFRDVDMkYiPjwvcGF0aD4KPHBhdGggZD0iTTE5LjIyNTIgMTYuOTI3N0MxOC4wMjUxIDE2LjkyNzcgMTcuMDQ4OCAxNy45MDQgMTcuMDQ4OCAxOS4xMDQxQzE3LjA0ODggMjAuMzA0MiAxOC4wMjUxIDIxLjI4MDYgMTkuMjI1MiAyMS4yODA2QzIwLjQyNTQgMjEuMjgwNiAyMS40MDE3IDIwLjMwNDMgMjEuNDAxNyAxOS4xMDQxQzIxLjQwMTcgMTcuOTA0IDIwLjQyNTQgMTYuOTI3NyAxOS4yMjUyIDE2LjkyNzdaTTE5LjIyNTIgMTkuODU3OUMxOC44MDk3IDE5Ljg1NzkgMTguNDcxNSAxOS41MTk3IDE4LjQ3MTUgMTkuMTA0MUMxOC40NzE1IDE4LjY4ODUgMTguODA5NyAxOC4zNTA0IDE5LjIyNTIgMTguMzUwNEMxOS42NDA4IDE4LjM1MDQgMTkuOTc5IDE4LjY4ODYgMTkuOTc5IDE5LjEwNDFDMTkuOTc5IDE5LjUxOTcgMTkuNjQwOCAxOS44NTc5IDE5LjIyNTIgMTkuODU3OVoiIGZpbGw9IiNFRDVDMkYiPjwvcGF0aD4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xNDI4XzE4NDkiPgo8cmVjdCB3aWR0aD0iNDcuODQ3NyIgaGVpZ2h0PSI0Ny44NDc3IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wNzYxNzE5IDAuMDc2MTcxOSkiPjwvcmVjdD4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K";
117665
-
117666
- /***/ }),
117667
-
117668
117661
  /***/ 42634:
117669
117662
  /***/ (function() {
117670
117663
 
@@ -128703,7 +128696,7 @@ if (inBrowser) {
128703
128696
 
128704
128697
 
128705
128698
 
128706
- ;// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/App.vue?vue&type=template&id=df563f68
128699
+ ;// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/App.vue?vue&type=template&id=ba857136
128707
128700
  var render = function render() {
128708
128701
  var _vm = this,
128709
128702
  _c = _vm._self._c
@@ -128713,7 +128706,7 @@ var staticRenderFns = []
128713
128706
  render._withStripped = true
128714
128707
 
128715
128708
 
128716
- ;// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=df563f68
128709
+ ;// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=ba857136
128717
128710
 
128718
128711
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
128719
128712
  var injectStylesIntoStyleTag = __webpack_require__(85072);
@@ -152433,6 +152426,7 @@ const $e496cac0faa1ff17$export$f632fb3a4986e34d = "CLEAR_REDUX";
152433
152426
  const $d60d8816d76b2b02$export$92e44ea1079b9ec6 = [
152434
152427
  {
152435
152428
  id: "9",
152429
+ title: "Bi-Fold Self-Mailers",
152436
152430
  productType: "Bi-Fold Self-Mailers",
152437
152431
  size: [
152438
152432
  {
@@ -152443,6 +152437,7 @@ const $d60d8816d76b2b02$export$92e44ea1079b9ec6 = [
152443
152437
  },
152444
152438
  {
152445
152439
  id: "5",
152440
+ title: "Personal Letters",
152446
152441
  productType: "Personal Letters",
152447
152442
  size: [
152448
152443
  {
@@ -152453,6 +152448,7 @@ const $d60d8816d76b2b02$export$92e44ea1079b9ec6 = [
152453
152448
  },
152454
152449
  {
152455
152450
  id: "13",
152451
+ title: "Postcards",
152456
152452
  productType: "Postcards",
152457
152453
  size: [
152458
152454
  {
@@ -152471,6 +152467,7 @@ const $d60d8816d76b2b02$export$92e44ea1079b9ec6 = [
152471
152467
  },
152472
152468
  {
152473
152469
  id: "16",
152470
+ title: "Real Penned Letter",
152474
152471
  productType: "Real Penned Letter",
152475
152472
  size: [
152476
152473
  {
@@ -152481,6 +152478,7 @@ const $d60d8816d76b2b02$export$92e44ea1079b9ec6 = [
152481
152478
  },
152482
152479
  {
152483
152480
  id: "11",
152481
+ title: "Tri-Fold Self-Mailers",
152484
152482
  productType: "Tri-Fold Self-Mailers",
152485
152483
  size: [
152486
152484
  {
@@ -152491,6 +152489,7 @@ const $d60d8816d76b2b02$export$92e44ea1079b9ec6 = [
152491
152489
  },
152492
152490
  {
152493
152491
  id: "2",
152492
+ title: "Professional Letters - Windowed Envelope",
152494
152493
  productType: "Professional Letters",
152495
152494
  size: [
152496
152495
  {
@@ -152502,6 +152501,7 @@ const $d60d8816d76b2b02$export$92e44ea1079b9ec6 = [
152502
152501
  },
152503
152502
  {
152504
152503
  id: "4",
152504
+ title: "Professional Letters - Non-windowed Envelope",
152505
152505
  productType: "Professional Letters",
152506
152506
  size: [
152507
152507
  {
@@ -152899,10 +152899,12 @@ var $ad568a7ac4136873$export$2e2bcd8739ae039 = $ad568a7ac4136873$var$store;
152899
152899
 
152900
152900
 
152901
152901
 
152902
- const $7ad22e5ca6c288ca$export$c3ee1e672e1e24e7 = "https://api.openletterconnect.com/api/v1/sdk";
152902
+ const $7ad22e5ca6c288ca$export$fa671cbd439de11d = "https://api.openletterconnect.com/api/v1/sdk";
152903
+ const $7ad22e5ca6c288ca$export$9878c63741f482ec = "https://demoapi.openletterconnect.com/api/v1/sdk";
152903
152904
  const $7ad22e5ca6c288ca$export$6032165a31897610 = 96;
152904
152905
  const $7ad22e5ca6c288ca$export$882f44a34ce19ae0 = "https://api.openletterconnect.com/api/v1/download/s3/openletterconnect/assets/preview/one-barcode.png";
152905
152906
  const $7ad22e5ca6c288ca$export$b14103b5b94712c4 = "https://help.openletterconnect.com/getting-support/designing-your-mailers/wip-designing-mail-creatives/wip-mail-piece-design-specs";
152907
+ const $7ad22e5ca6c288ca$export$75535718f1551e4f = "https://api.openletterconnect.com/api/v1/download/s3/openletterconnect/default_images/dummyGSV.png";
152906
152908
  const $7ad22e5ca6c288ca$export$3e994a540f8ee57 = [
152907
152909
  "Postcards",
152908
152910
  "Tri-Fold Self-Mailers",
@@ -152930,6 +152932,7 @@ const $7ad22e5ca6c288ca$export$e75e577b199ead61 = [
152930
152932
 
152931
152933
  let $717432aee8737b76$export$4c3a79da664857a5 = "";
152932
152934
  let $717432aee8737b76$export$e484206ee977114e = "";
152935
+ let $717432aee8737b76$export$897b44b3e27fa56d = false;
152933
152936
  const $717432aee8737b76$export$2cdf1b96a9f86d16 = (text)=>{
152934
152937
  navigator.clipboard.writeText(text).then(()=>{}).catch((err)=>{
152935
152938
  console.error("Failed to copy text: ", err);
@@ -152941,12 +152944,24 @@ const $717432aee8737b76$export$8b5260d2c1269447 = ()=>{
152941
152944
  const $717432aee8737b76$export$750bdf4bac68fe69 = ()=>{
152942
152945
  return $717432aee8737b76$export$e484206ee977114e;
152943
152946
  };
152947
+ const $717432aee8737b76$export$d97320b3491da14 = ()=>{
152948
+ return $717432aee8737b76$export$897b44b3e27fa56d;
152949
+ };
152944
152950
  const $717432aee8737b76$export$9d2510767fe266f9 = (name)=>{
152945
152951
  $717432aee8737b76$export$4c3a79da664857a5 = name;
152946
152952
  };
152947
152953
  const $717432aee8737b76$export$4251d26568059eef = (password)=>{
152948
152954
  $717432aee8737b76$export$e484206ee977114e = password;
152949
152955
  };
152956
+ const $717432aee8737b76$export$ba225133fb4a45c3 = (sandbox)=>{
152957
+ $717432aee8737b76$export$897b44b3e27fa56d = sandbox;
152958
+ };
152959
+ const $717432aee8737b76$export$c5a6b7b1e4535d31 = (input)=>{
152960
+ // Check if the string contains exactly one '0' or one '1'
152961
+ const containsExactlyOneOne = /^.*\b1\b(?!\d).*$/g.test(input) && !input.match(/1\d/);
152962
+ if (containsExactlyOneOne) return input.endsWith("s") ? input.slice(0, -1) : input;
152963
+ return input;
152964
+ };
152950
152965
 
152951
152966
 
152952
152967
  const $f081c02ac731d950$var$base64Credentials = ()=>btoa(`${(0, $717432aee8737b76$export$8b5260d2c1269447)()}:${(0, $717432aee8737b76$export$750bdf4bac68fe69)()}`);
@@ -152957,7 +152972,8 @@ const $f081c02ac731d950$var$getHeaders = (additionalHeaders = {})=>({
152957
152972
  ...additionalHeaders
152958
152973
  });
152959
152974
  const $f081c02ac731d950$var$fetchWrapper = async (endpoint, options)=>{
152960
- const url = new URL(`${(0, $7ad22e5ca6c288ca$export$c3ee1e672e1e24e7)}${endpoint}`);
152975
+ const baseUrl = (0, $717432aee8737b76$export$d97320b3491da14)() ? (0, $7ad22e5ca6c288ca$export$9878c63741f482ec) : (0, $7ad22e5ca6c288ca$export$fa671cbd439de11d);
152976
+ const url = new URL(`${baseUrl}${endpoint}`);
152961
152977
  if (options.method === "GET" && options.params) Object.entries(options.params).forEach(([key, value])=>{
152962
152978
  url.searchParams.append(key, value);
152963
152979
  });
@@ -153207,6 +153223,7 @@ const $0b51cdcdcd2b1339$export$af7faffe10421f14 = {
153207
153223
  ENVELOPE_TYPE_REQUIRED: "Envelope Type is required",
153208
153224
  POSTCARD_SIZE_REQUIRED: "Postcard Size is required",
153209
153225
  NAME_LESS_50: "Template Name should be less than or equal to 50 characters",
153226
+ GSV_RESTRICT_ONE_PER_PAGE: "Only one GSV image is allowed per page.",
153210
153227
  CREATE: {
153211
153228
  TITLE: "Create New Template",
153212
153229
  TEMPLATE_LABEL: "Template Name*",
@@ -154765,6 +154782,13 @@ const $ad01ab85e9f42d02$export$464e4dcbf779d16c = (jsonData)=>{
154765
154782
  });
154766
154783
  return fontFamilies;
154767
154784
  };
154785
+ const $ad01ab85e9f42d02$export$235f8e1ceb01c6a5 = (pages)=>{
154786
+ const hasMultipleGSV = (children)=>children.filter(({ custom: custom })=>custom?.elementType === "GOOGLE_STREET_VIEW").length > 1;
154787
+ for (const page of pages){
154788
+ if (hasMultipleGSV(page.children)) return false;
154789
+ }
154790
+ return true;
154791
+ };
154768
154792
 
154769
154793
 
154770
154794
  // src/components/Grid.js
@@ -154903,9 +154927,12 @@ const $3f4ef87f7a4a530a$var$ClearIndicator = (props)=>{
154903
154927
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $30b6a7f5fffc5164$export$2e2bcd8739ae039), {})
154904
154928
  });
154905
154929
  };
154906
- const $3f4ef87f7a4a530a$var$GeneralSelect = ({ options: options, placeholder: placeholder, error: error, label: label, isError: isError, selectedValue: selectedValue, setSelectedValue: setSelectedValue, builderSelect: builderSelect, clearField: clearField })=>{
154930
+ const $3f4ef87f7a4a530a$var$GeneralSelect = ({ options: options, placeholder: placeholder, error: error, label: label, isError: isError, selectedValue: selectedValue, setSelectedValue: setSelectedValue, builderSelect: builderSelect, gallerySelect: gallerySelect = false, clearField: clearField })=>{
154907
154931
  return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
154908
154932
  className: "select-layout",
154933
+ style: {
154934
+ display: gallerySelect ? "block" : "flex"
154935
+ },
154909
154936
  children: [
154910
154937
  /*#__PURE__*/ (0, jsx_runtime.jsx)("label", {
154911
154938
  children: label && label
@@ -154915,7 +154942,7 @@ const $3f4ef87f7a4a530a$var$GeneralSelect = ({ options: options, placeholder: pl
154915
154942
  options: options,
154916
154943
  onChange: setSelectedValue,
154917
154944
  styles: $3f4ef87f7a4a530a$var$colourStyles,
154918
- className: `generic-select-container ${builderSelect && "template-select"}`,
154945
+ className: `generic-select-container ${builderSelect && "template-select"} ${gallerySelect && "gallery-select"}`,
154919
154946
  classNamePrefix: "generic-select",
154920
154947
  placeholder: placeholder,
154921
154948
  blurInputOnSelect: true,
@@ -155521,17 +155548,17 @@ const $ec73244cd7283520$var$errorStyles = {
155521
155548
  color: "var(--error-color)",
155522
155549
  fontWeight: "400"
155523
155550
  };
155524
- const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, value: value, onChange: onChange, placeholder: placeholder, label: label, error: error, inputIcon: inputIcon = false, onClick: onClick, searchApplied: searchApplied, removeSearchInput: removeSearchInput, onKeyDown: onKeyDown, builderInput: builderInput })=>{
155551
+ const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, value: value, onChange: onChange, placeholder: placeholder, label: label, error: error, inputIcon: inputIcon = false, onClick: onClick, searchApplied: searchApplied, removeSearchInput: removeSearchInput, onKeyDown: onKeyDown, builderInput: builderInput, gellerySearch: gellerySearch = false })=>{
155525
155552
  const InputVariant = variant || "input";
155526
155553
  return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155527
- className: "input-layout",
155554
+ className: `input-layout ${gellerySearch && "gallery-input-layout"}`,
155528
155555
  children: [
155529
155556
  /*#__PURE__*/ (0, jsx_runtime.jsx)("label", {
155530
155557
  className: "basic-label",
155531
155558
  children: label ? label : ""
155532
155559
  }),
155533
155560
  /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155534
- className: `input-with-icon ${searchApplied && "focused"} ${error ? "errorBorder" : ""}`,
155561
+ className: `input-with-icon ${searchApplied && "focused"} ${error ? "errorBorder" : ""} ${gellerySearch && "galleryInput"}`,
155535
155562
  children: [
155536
155563
  /*#__PURE__*/ (0, jsx_runtime.jsx)(InputVariant, {
155537
155564
  type: type,
@@ -155543,7 +155570,7 @@ const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, v
155543
155570
  }),
155544
155571
  inputIcon && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
155545
155572
  children: [
155546
- searchApplied && value.length > 0 ? /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155573
+ searchApplied && value?.length > 0 ? /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155547
155574
  className: "cancel-input-button",
155548
155575
  onClick: removeSearchInput,
155549
155576
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d1daedf6fbcf28dd$export$2e2bcd8739ae039), {
@@ -155552,7 +155579,7 @@ const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, v
155552
155579
  }) : null,
155553
155580
  /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155554
155581
  className: "search-input-button",
155555
- onClick: value.length > 0 ? onClick : ()=>{},
155582
+ onClick: value?.length > 0 ? onClick : ()=>{},
155556
155583
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $94c98f5504771208$export$2e2bcd8739ae039), {
155557
155584
  fill: "var(--primary-color)"
155558
155585
  })
@@ -156127,9 +156154,9 @@ const $c8f7718e9f3db339$var$buttonStyles = {
156127
156154
  fontSize: "14px"
156128
156155
  };
156129
156156
  const $c8f7718e9f3db339$var$heading = {
156130
- fontSize: "22px",
156131
156157
  color: "var(--primary-color)",
156132
- fontWeight: "600"
156158
+ fontWeight: "600",
156159
+ textAlign: "center"
156133
156160
  };
156134
156161
  const $c8f7718e9f3db339$var$subHeadingStyle = {
156135
156162
  fontSize: "16px",
@@ -156142,7 +156169,7 @@ const $c8f7718e9f3db339$var$progressStyles = {
156142
156169
  height: "20px",
156143
156170
  border: "2px solid #fff"
156144
156171
  };
156145
- const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customStyles = {}, open: open, handleClose: handleClose, loading: loading = false, title: title = "", subHeading: subHeading = "", description: description = "", onSubmit: onSubmit, onCancel: onCancel, cancelText: cancelText = "", submitText: submitText = "", children: children = [] })=>{
156172
+ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customStyles = {}, open: open, handleClose: handleClose, loading: loading = false, title: title = "", subHeading: subHeading = "", description: description = "", onSubmit: onSubmit, onCancel: onCancel, cancelText: cancelText = "", submitText: submitText = "", children: children = [], isGallery: isGallery = false })=>{
156146
156173
  const contentAdjust = submitText.length > 6 ? "fit-content" : "100px";
156147
156174
  const modalRef = (0, react.useRef)(null);
156148
156175
  const handleClickOutside = (event)=>{
@@ -156152,23 +156179,29 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
156152
156179
  if (event.key === "Escape" && !loading) handleClose();
156153
156180
  };
156154
156181
  (0, react.useEffect)(()=>{
156155
- if (open) {
156156
- document.addEventListener("mousedown", handleClickOutside);
156157
- document.addEventListener("keydown", handleKeyDown);
156158
- } else {
156159
- document.removeEventListener("mousedown", handleClickOutside);
156160
- document.removeEventListener("keydown", handleKeyDown);
156161
- }
156182
+ if (open) // document.addEventListener('mousedown', handleClickOutside);
156183
+ document.addEventListener("keydown", handleKeyDown);
156184
+ else // document.removeEventListener('mousedown', handleClickOutside);
156185
+ document.removeEventListener("keydown", handleKeyDown);
156162
156186
  return ()=>{
156163
- document.removeEventListener("mousedown", handleClickOutside);
156187
+ // document.removeEventListener('mousedown', handleClickOutside);
156164
156188
  document.removeEventListener("keydown", handleKeyDown);
156165
156189
  };
156166
156190
  }, [
156167
156191
  open
156168
156192
  ]);
156193
+ (0, react.useEffect)(()=>{
156194
+ const handleCopy = (event)=>{
156195
+ if ((event.metaKey || event.ctrlKey) && event.key === "c") event.stopPropagation();
156196
+ };
156197
+ document.addEventListener("keydown", handleCopy, true);
156198
+ return ()=>{
156199
+ document.removeEventListener("keydown", handleCopy, true);
156200
+ };
156201
+ }, []);
156169
156202
  return /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
156170
156203
  id: "myModal",
156171
- className: "modal",
156204
+ className: `modal ${isGallery && "galleryModal"}`,
156172
156205
  style: {
156173
156206
  display: open ? "flex" : "none"
156174
156207
  },
@@ -156187,6 +156220,9 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
156187
156220
  }),
156188
156221
  /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
156189
156222
  className: "modal-body",
156223
+ style: {
156224
+ padding: isGallery ? "0px" : "2px 16px"
156225
+ },
156190
156226
  children: [
156191
156227
  icon && /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
156192
156228
  className: "modal-icon",
@@ -156194,7 +156230,10 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
156194
156230
  }),
156195
156231
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
156196
156232
  variant: "p",
156197
- style: $c8f7718e9f3db339$var$heading,
156233
+ style: {
156234
+ ...$c8f7718e9f3db339$var$heading,
156235
+ fontSize: isGallery ? "26px" : "22px"
156236
+ },
156198
156237
  children: title
156199
156238
  }),
156200
156239
  subHeading && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
@@ -156214,31 +156253,33 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
156214
156253
  children
156215
156254
  ]
156216
156255
  }),
156217
- /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
156256
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
156218
156257
  className: "modal-footer",
156219
- children: [
156220
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
156221
- onClick: onCancel,
156222
- style: {
156223
- ...$c8f7718e9f3db339$var$buttonStyles,
156224
- color: "var(--text-color)",
156225
- backgroundColor: "#fff"
156226
- },
156227
- children: cancelText
156228
- }),
156229
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
156230
- style: {
156231
- ...$c8f7718e9f3db339$var$buttonStyles,
156232
- border: "none",
156233
- maxWidth: contentAdjust
156234
- },
156235
- onClick: onSubmit,
156236
- disabled: loading,
156237
- children: loading ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $9d3950b100c0523a$export$2e2bcd8739ae039), {
156238
- style: $c8f7718e9f3db339$var$progressStyles
156239
- }) : submitText
156240
- })
156241
- ]
156258
+ children: !isGallery && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
156259
+ children: [
156260
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
156261
+ onClick: onCancel,
156262
+ style: {
156263
+ ...$c8f7718e9f3db339$var$buttonStyles,
156264
+ color: "var(--text-color)",
156265
+ backgroundColor: "#fff"
156266
+ },
156267
+ children: cancelText
156268
+ }),
156269
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
156270
+ style: {
156271
+ ...$c8f7718e9f3db339$var$buttonStyles,
156272
+ border: "none",
156273
+ maxWidth: contentAdjust
156274
+ },
156275
+ onClick: onSubmit,
156276
+ disabled: loading,
156277
+ children: loading ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $9d3950b100c0523a$export$2e2bcd8739ae039), {
156278
+ style: $c8f7718e9f3db339$var$progressStyles
156279
+ }) : submitText
156280
+ })
156281
+ ]
156282
+ })
156242
156283
  })
156243
156284
  ]
156244
156285
  })
@@ -156596,6 +156637,11 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
156596
156637
  dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)(`Please upload ${unAvailableFonts[0]} font in My Fonts section.`));
156597
156638
  return;
156598
156639
  }
156640
+ const isGsvValid = (0, $ad01ab85e9f42d02$export$235f8e1ceb01c6a5)(jsonData.pages);
156641
+ if (!isGsvValid) {
156642
+ dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)((0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.GSV_RESTRICT_ONE_PER_PAGE));
156643
+ return;
156644
+ }
156599
156645
  if ((0, $ad01ab85e9f42d02$export$dc2daac47827fb7f).includes(product.productType)) {
156600
156646
  const backJsonData = {
156601
156647
  ...jsonData,
@@ -156766,6 +156812,251 @@ var $d31b9bd88e5dcf67$export$2e2bcd8739ae039 = $d31b9bd88e5dcf67$var$TopNavigati
156766
156812
 
156767
156813
 
156768
156814
 
156815
+
156816
+
156817
+
156818
+
156819
+
156820
+
156821
+ const $d4e7e32e0a4b1e61$var$Tabs = ({ value: value, onChange: onChange, tabs: tabs, className: className, tabClassName: tabClassName, indicatorClassName: indicatorClassName })=>{
156822
+ const [indicatorStyle, setIndicatorStyle] = (0, react.useState)({});
156823
+ const tabRefs = (0, react.useRef)([]);
156824
+ const calculateIndicatorPosition = ()=>{
156825
+ const activeIndex = tabs.findIndex((tab)=>tab.id === value.id);
156826
+ if (tabRefs.current[activeIndex]) {
156827
+ const tabWidth = tabRefs.current[activeIndex]?.offsetWidth || 0;
156828
+ const tabLeft = tabRefs.current[activeIndex]?.offsetLeft || 0;
156829
+ let indicatorLeft;
156830
+ if (window.innerWidth < 768) {
156831
+ const indicatorWidth = tabWidth * 0.5;
156832
+ indicatorLeft = tabLeft + (tabWidth - indicatorWidth) / 2;
156833
+ setIndicatorStyle({
156834
+ width: `${indicatorWidth}px`,
156835
+ left: `${indicatorLeft}px`
156836
+ });
156837
+ } else {
156838
+ const indicatorWidth = 50;
156839
+ indicatorLeft = tabLeft + tabWidth / 2 - indicatorWidth / 2;
156840
+ setIndicatorStyle({
156841
+ width: `${indicatorWidth}px`,
156842
+ left: `${indicatorLeft}px`
156843
+ });
156844
+ }
156845
+ }
156846
+ };
156847
+ (0, react.useLayoutEffect)(()=>{
156848
+ calculateIndicatorPosition();
156849
+ window.addEventListener("resize", calculateIndicatorPosition);
156850
+ return ()=>{
156851
+ window.removeEventListener("resize", calculateIndicatorPosition);
156852
+ };
156853
+ }, [
156854
+ value,
156855
+ tabs.length
156856
+ ]);
156857
+ (0, react.useEffect)(()=>{
156858
+ if (tabs.length > 0 && !value.id) onChange(tabs[0]);
156859
+ }, [
156860
+ tabs,
156861
+ value,
156862
+ onChange
156863
+ ]);
156864
+ return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
156865
+ className: `tabsWrapper ${className}`,
156866
+ children: [
156867
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
156868
+ className: "tabsContainer",
156869
+ children: tabs.map((tab, index)=>/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
156870
+ ref: (el)=>tabRefs.current[index] = el,
156871
+ className: `tab ${tabClassName} ${value.id === tab.id ? "activeTab" : ""}`,
156872
+ onClick: ()=>onChange(tab),
156873
+ children: tab.label
156874
+ }, index))
156875
+ }),
156876
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
156877
+ className: `tabsIndicator ${indicatorClassName}`,
156878
+ style: indicatorStyle
156879
+ })
156880
+ ]
156881
+ });
156882
+ };
156883
+ var $d4e7e32e0a4b1e61$export$2e2bcd8739ae039 = $d4e7e32e0a4b1e61$var$Tabs;
156884
+
156885
+
156886
+
156887
+
156888
+
156889
+
156890
+
156891
+ const $ce8e87d088f0277f$var$Dot = (props)=>{
156892
+ const { onClick: onClick, style: style } = props;
156893
+ return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
156894
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
156895
+ width: "11",
156896
+ height: "11",
156897
+ viewBox: "0 0 11 11",
156898
+ fill: "none",
156899
+ xmlns: "http://www.w3.org/2000/svg",
156900
+ onClick: onClick,
156901
+ style: style,
156902
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)("circle", {
156903
+ cx: "5.30958",
156904
+ cy: "5.28224",
156905
+ r: "4.90333",
156906
+ style: style
156907
+ })
156908
+ })
156909
+ });
156910
+ };
156911
+ var $ce8e87d088f0277f$export$2e2bcd8739ae039 = $ce8e87d088f0277f$var$Dot;
156912
+
156913
+
156914
+
156915
+
156916
+ const $e9ec2acf3005af0f$var$ArrowDown = (props)=>{
156917
+ const { onClick: onClick } = props;
156918
+ return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
156919
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
156920
+ xmlns: "http://www.w3.org/2000/svg",
156921
+ fill: "none",
156922
+ color: "#fff",
156923
+ viewBox: "0 0 24 24",
156924
+ strokeWidth: 3.5,
156925
+ stroke: "currentColor",
156926
+ className: "size-6",
156927
+ onClick: onClick,
156928
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
156929
+ strokeLinecap: "round",
156930
+ strokeLinejoin: "round",
156931
+ d: "m8.25 4.5 7.5 7.5-7.5 7.5"
156932
+ })
156933
+ })
156934
+ });
156935
+ };
156936
+ var $e9ec2acf3005af0f$export$2e2bcd8739ae039 = $e9ec2acf3005af0f$var$ArrowDown;
156937
+
156938
+
156939
+
156940
+
156941
+
156942
+ const $e294d074253deac6$var$TemplatesCard = (props)=>{
156943
+ const { templates: templates, loading: loading, handleLoadTemplateModel: handleLoadTemplateModel, platformName: platformName, currentTemplateType: currentTemplateType, product: product, searchApplied: searchApplied, primaryColorRGBA: primaryColorRGBA } = props;
156944
+ const [isFilpedIds, setIsFlipedIds] = (0, react.useState)([]);
156945
+ const singleSideProducts = [
156946
+ 2,
156947
+ 4,
156948
+ 5,
156949
+ 16
156950
+ ];
156951
+ // handler for Flip
156952
+ const handleFlip = (templateId)=>{
156953
+ const existingTemplateIds = isFilpedIds || [];
156954
+ let updatedIds;
156955
+ if (existingTemplateIds.includes(templateId)) updatedIds = existingTemplateIds.filter((item)=>item !== templateId);
156956
+ else updatedIds = [
156957
+ ...existingTemplateIds,
156958
+ templateId
156959
+ ];
156960
+ setIsFlipedIds(updatedIds);
156961
+ };
156962
+ // handler for setting color
156963
+ const colorSetter = (templateId, side)=>{
156964
+ const result = !isFilpedIds.includes(templateId) && side === "Front" ? {
156965
+ fill: "#FFFFFF"
156966
+ } : isFilpedIds.includes(templateId) && side === "Back" ? {
156967
+ fill: "#FFFFFF"
156968
+ } : {
156969
+ fill: "#878585"
156970
+ };
156971
+ return result;
156972
+ };
156973
+ // handler for setting rotation
156974
+ const transformSetter = (templateId)=>{
156975
+ const result = isFilpedIds.includes(templateId) ? {
156976
+ transform: "rotateY(0deg)",
156977
+ boxShadow: `inset 0 0 0 2px ${primaryColorRGBA}`
156978
+ } : {
156979
+ transform: "rotateY(360deg)",
156980
+ boxShadow: `inset 0 0 0 2px ${primaryColorRGBA}`
156981
+ };
156982
+ return result;
156983
+ };
156984
+ return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
156985
+ children: loading ? /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
156986
+ className: "noTemplateGallery",
156987
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
156988
+ children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.LOADING_TEMPLATE
156989
+ })
156990
+ }) : templates.length ? templates.map((template, index)=>{
156991
+ return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
156992
+ className: "templateCard",
156993
+ children: [
156994
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
156995
+ className: "templateImage",
156996
+ children: [
156997
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("img", {
156998
+ src: isFilpedIds.includes(template?.id) ? template.backThumbnailUrl : template.thumbnailUrl,
156999
+ // height={tempHeight + "px"}
157000
+ alt: "template",
157001
+ style: transformSetter(template?.id),
157002
+ loading: "lazy"
157003
+ }),
157004
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
157005
+ className: "tempButton",
157006
+ onClick: ()=>handleLoadTemplateModel(template),
157007
+ children: "Edit Template"
157008
+ }),
157009
+ !singleSideProducts.includes(Number(product?.id)) && /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157010
+ className: "flipWrapper",
157011
+ children: [
157012
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ce8e87d088f0277f$export$2e2bcd8739ae039), {
157013
+ onClick: ()=>handleFlip(template?.id),
157014
+ style: colorSetter(template?.id, "Front")
157015
+ }),
157016
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ce8e87d088f0277f$export$2e2bcd8739ae039), {
157017
+ onClick: ()=>handleFlip(template?.id),
157018
+ style: colorSetter(template?.id, "Back")
157019
+ }),
157020
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e9ec2acf3005af0f$export$2e2bcd8739ae039), {
157021
+ onClick: ()=>handleLoadTemplateModel(template)
157022
+ })
157023
+ ]
157024
+ })
157025
+ ]
157026
+ }),
157027
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157028
+ className: "templateName",
157029
+ children: template?.title
157030
+ }),
157031
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157032
+ className: "templateID",
157033
+ children: [
157034
+ "Template ID: ",
157035
+ template?.id
157036
+ ]
157037
+ })
157038
+ ]
157039
+ }, index);
157040
+ }) : currentTemplateType?.id === "1" && searchApplied ? /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157041
+ className: "noTemplateGallery",
157042
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157043
+ children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_MY_TEMPLATES
157044
+ })
157045
+ }) : currentTemplateType?.id === "2" ? /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157046
+ className: "noTemplateGallery",
157047
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157048
+ children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_TEAM_TEMPLATES
157049
+ })
157050
+ }) : currentTemplateType?.id === "3" ? /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157051
+ className: "noTemplateGallery",
157052
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157053
+ children: platformName ? `No ${platformName} Templates to show` : (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_OLC_TEMPLATES
157054
+ })
157055
+ }) : /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {})
157056
+ });
157057
+ };
157058
+ var $e294d074253deac6$export$2e2bcd8739ae039 = $e294d074253deac6$var$TemplatesCard;
157059
+
156769
157060
 
156770
157061
 
156771
157062
 
@@ -156786,10 +157077,6 @@ const $21e11f889f8068bf$var$templateDefaultDesign = (props)=>{
156786
157077
  var $21e11f889f8068bf$export$2e2bcd8739ae039 = $21e11f889f8068bf$var$templateDefaultDesign;
156787
157078
 
156788
157079
 
156789
- var $1edff054843af0eb$exports = {};
156790
- $1edff054843af0eb$exports = new URL(/* asset import */ __webpack_require__(88962), __webpack_require__.b).toString();
156791
-
156792
-
156793
157080
 
156794
157081
 
156795
157082
  const $afa975ba1b70ddf3$var$CustomTemplate = (props)=>{
@@ -156813,15 +157100,23 @@ var $afa975ba1b70ddf3$export$2e2bcd8739ae039 = $afa975ba1b70ddf3$var$CustomTempl
156813
157100
 
156814
157101
 
156815
157102
 
156816
- const $c6f5440378b96420$var$designDialogStyles = {
157103
+ const $e8f6665471b594e0$var$designDialogStyles = {
156817
157104
  maxWidth: "430px",
156818
157105
  minHeight: "265px"
156819
157106
  };
156820
- const $c6f5440378b96420$var$loadDialogStyles = {
157107
+ const $e8f6665471b594e0$var$loadDialogStyles = {
156821
157108
  maxWidth: "430px",
156822
157109
  minHeight: "300px"
156823
157110
  };
156824
- const $c6f5440378b96420$var$templateTextStyles = {
157111
+ const $e8f6665471b594e0$var$cancelDialogStyles = {
157112
+ maxWidth: "1090px",
157113
+ minHeight: "calc(100% - 100px)"
157114
+ };
157115
+ const $e8f6665471b594e0$var$galleryDialogStyles = {
157116
+ maxWidth: "1090px",
157117
+ minHeight: "calc(100% - 50px)"
157118
+ };
157119
+ const $e8f6665471b594e0$var$templateTextStyles = {
156825
157120
  color: `#000`,
156826
157121
  fontSize: `12px`,
156827
157122
  fontStyle: `normal`,
@@ -156829,7 +157124,7 @@ const $c6f5440378b96420$var$templateTextStyles = {
156829
157124
  lineHeight: `normal`,
156830
157125
  marginBottom: `16px`
156831
157126
  };
156832
- const $c6f5440378b96420$var$customTemplateSection = {
157127
+ const $e8f6665471b594e0$var$CustomTemplateSection = {
156833
157128
  name: "Templates",
156834
157129
  Tab: (0, es.observer)((props)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, side_panel.SectionTab), {
156835
157130
  name: "Templates",
@@ -156838,8 +157133,9 @@ const $c6f5440378b96420$var$customTemplateSection = {
156838
157133
  fill: "var(--text-color)"
156839
157134
  })
156840
157135
  })),
156841
- Panel: (0, es.observer)(({ store: store, platformName: platformName, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates })=>{
157136
+ Panel: (0, es.observer)(({ store: store, platformName: platformName, defaultCategory: defaultCategory, selectedSection: selectedSection, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates })=>{
156842
157137
  const dispatch = (0, useDispatch)();
157138
+ const [openGalleryModal, setOpenGalleryModal] = (0, react.useState)(false);
156843
157139
  const [templateTypes, setTemplateTypes] = (0, react.useState)();
156844
157140
  const [currentTemplateType, setCurrentTemplateType] = (0, react.useState)();
156845
157141
  const [selectedCategory, setSelectedCategory] = (0, react.useState)(null);
@@ -156854,7 +157150,8 @@ const $c6f5440378b96420$var$customTemplateSection = {
156854
157150
  const [pagination, setPagination] = (0, react.useState)({
156855
157151
  count: 0,
156856
157152
  currentPage: 0,
156857
- perPage: 0
157153
+ perPage: 0,
157154
+ total: 0
156858
157155
  });
156859
157156
  const paginationRef = (0, react.useRef)(pagination);
156860
157157
  const searchRef = (0, react.useRef)(search);
@@ -156907,23 +157204,64 @@ const $c6f5440378b96420$var$customTemplateSection = {
156907
157204
  ...newTemplates
156908
157205
  ]);
156909
157206
  }
156910
- setLoader(false);
156911
157207
  setPagination({
156912
157208
  count: templates.count,
156913
157209
  currentPage: templates.currentPage,
156914
- perPage: templates.perPage
157210
+ perPage: templates.perPage,
157211
+ total: templates.total
156915
157212
  });
156916
157213
  }
156917
157214
  } catch (error) {
156918
157215
  return error;
157216
+ } finally{
157217
+ setLoader(false);
156919
157218
  }
156920
157219
  };
156921
157220
  const getAllCategories = async ()=>{
156922
157221
  const categories = await dispatch((0, $dbaee5ca78364d67$export$202033b5492f87a7));
156923
- if (categories?.status === 200) setTemplateCategories(categories?.data?.data.filter((item)=>item.totalTemplates > 0).map((item)=>({
156924
- ...item,
156925
- label: item.title
156926
- })));
157222
+ if (categories?.status === 200) {
157223
+ if (defaultCategory && categories?.data?.data) {
157224
+ const fetchedCategories = categories.data.data.filter((item)=>item.totalTemplates > 0).map((item)=>({
157225
+ ...item,
157226
+ label: item.title.trim().toLowerCase()
157227
+ }));
157228
+ if (fetchedCategories.length > 0) {
157229
+ const normalizedDefaultCategories = defaultCategory.map((category)=>category.trim().toLowerCase());
157230
+ if (normalizedDefaultCategories.length === 1) {
157231
+ const findCategory = fetchedCategories.find((item)=>item.label === normalizedDefaultCategories[0]);
157232
+ if (findCategory) {
157233
+ setSelectedCategory(findCategory);
157234
+ return;
157235
+ }
157236
+ } else if (normalizedDefaultCategories.length > 1) {
157237
+ const filterCategory = fetchedCategories.filter((item)=>normalizedDefaultCategories.includes(item.label));
157238
+ if (filterCategory.length > 0) {
157239
+ setSelectedCategory(filterCategory[0]);
157240
+ setTemplateCategories(filterCategory);
157241
+ return;
157242
+ }
157243
+ }
157244
+ }
157245
+ }
157246
+ setTemplateCategories(categories?.data?.data.filter((item)=>item.totalTemplates > 0).map((item)=>({
157247
+ ...item,
157248
+ label: item.title
157249
+ })));
157250
+ }
157251
+ };
157252
+ const closeGalleryModal = ()=>{
157253
+ let sideBar = document.getElementsByClassName("polotno-panel-container");
157254
+ const firstSideBar = sideBar[0];
157255
+ if (firstSideBar) //@ts-ignore
157256
+ firstSideBar.style.display = "block";
157257
+ setOpenGalleryModal(false);
157258
+ store.openSidePanel(selectedSection || "text");
157259
+ (0, $b66d61b9e6770b52$export$fe2d9b4e03920b4c)("currentTab");
157260
+ document.body.classList.remove("no-scroll");
157261
+ };
157262
+ const handleTabChange = (tab)=>{
157263
+ setCurrentTemplateType(tab);
157264
+ (0, $b66d61b9e6770b52$export$8a8216c44337cd5)("currentTab", JSON.stringify(tab));
156927
157265
  };
156928
157266
  const handleSearch = ()=>{
156929
157267
  if (search) {
@@ -156932,7 +157270,6 @@ const $c6f5440378b96420$var$customTemplateSection = {
156932
157270
  }
156933
157271
  };
156934
157272
  const removeSearchInput = ()=>{
156935
- setSearchApplied(false);
156936
157273
  setSearch("");
156937
157274
  };
156938
157275
  const searchKeyDown = (event)=>{
@@ -156972,6 +157309,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
156972
157309
  payload: false
156973
157310
  });
156974
157311
  if (workspaceElement) workspaceElement.classList.add("hide-loader");
157312
+ closeGalleryModal();
156975
157313
  }
156976
157314
  } catch (error) {
156977
157315
  return error;
@@ -157046,11 +157384,12 @@ const $c6f5440378b96420$var$customTemplateSection = {
157046
157384
  }
157047
157385
  (0, $ad01ab85e9f42d02$export$8029e38c28541a)(store, product, envelopeType);
157048
157386
  handleDialogChange("");
157387
+ closeGalleryModal();
157049
157388
  };
157050
157389
  const handleScroll = ()=>{
157051
- const div = document.querySelector(".polotno-panel-container");
157390
+ const div = document.querySelector(".templatesContent");
157052
157391
  if (div) {
157053
- const isAtBottom = div.scrollTop + div.clientHeight >= div.scrollHeight;
157392
+ const isAtBottom = div.scrollTop + div.clientHeight + 50 >= div.scrollHeight;
157054
157393
  const isNeedToLoadMore = paginationRef.current.currentPage * paginationRef.current.perPage < paginationRef.current.count;
157055
157394
  if (isAtBottom && !templatesPagination.loading && isNeedToLoadMore) handleLoadAllTemplate(true);
157056
157395
  }
@@ -157097,39 +157436,46 @@ const $c6f5440378b96420$var$customTemplateSection = {
157097
157436
  id: "3",
157098
157437
  label: platformName ? `${platformName} Templates` : "OLC Templates"
157099
157438
  };
157100
- if (onGetTemplates) //@ts-ignore
157101
- setTemplateTypes([
157102
- ...(0, $7ad22e5ca6c288ca$export$683d22caccc9d465),
157103
- newTemplateType
157104
- ]);
157105
- else setTemplateTypes([
157106
- newTemplateType
157107
- ]);
157439
+ if (onGetTemplates) {
157440
+ //@ts-ignore
157441
+ setTemplateTypes([
157442
+ ...(0, $7ad22e5ca6c288ca$export$683d22caccc9d465),
157443
+ newTemplateType
157444
+ ]);
157445
+ const lastSelectedTab = (0, $b66d61b9e6770b52$export$f92dfeb71e9bb569)("currentTab");
157446
+ if (lastSelectedTab) setCurrentTemplateType(JSON.parse(lastSelectedTab));
157447
+ else setCurrentTemplateType((0, $7ad22e5ca6c288ca$export$683d22caccc9d465)[0]);
157448
+ } else {
157449
+ setTemplateTypes([
157450
+ newTemplateType
157451
+ ]);
157452
+ setCurrentTemplateType(newTemplateType);
157453
+ }
157108
157454
  getAllCategories();
157109
157455
  return ()=>{
157110
157456
  dispatch((0, $dbaee5ca78364d67$export$1e6ea60acfeb7da4)());
157111
157457
  };
157112
157458
  }, []);
157113
157459
  (0, react.useEffect)(()=>{
157114
- if (templateTypes) {
157115
- const type = templateTypes.find((type)=>type.id === "3");
157116
- setCurrentTemplateType(type);
157117
- }
157118
- }, [
157119
- templateTypes
157120
- ]);
157121
- (0, react.useEffect)(()=>{
157122
- if (currentTemplateType) getTemplatesByTab();
157460
+ if (currentTemplateType && Object.keys(currentTemplateType).length) getTemplatesByTab();
157123
157461
  }, [
157124
157462
  currentTemplateType
157125
157463
  ]);
157126
157464
  (0, react.useEffect)(()=>{
157127
- if (selectedCategory) getTemplatesByTab();
157465
+ if (currentTemplateType && Object.keys(currentTemplateType).length && currentTemplateType?.id === "3" && templateCategories?.length >= 1) getTemplatesByTab();
157128
157466
  }, [
157129
157467
  selectedCategory
157130
157468
  ]);
157131
157469
  (0, react.useEffect)(()=>{
157132
- const div = document.querySelector(".polotno-panel-container");
157470
+ const div = document.querySelector(".templatesContent");
157471
+ if (store.openedSidePanel === "Templates") {
157472
+ let sideBar = document.getElementsByClassName("polotno-panel-container");
157473
+ const firstSideBar = sideBar[0];
157474
+ if (firstSideBar) //@ts-ignore
157475
+ firstSideBar.style.display = "contents";
157476
+ setOpenGalleryModal(true);
157477
+ document.body.classList.add("no-scroll");
157478
+ }
157133
157479
  if (div) {
157134
157480
  div.removeEventListener("scroll", handleScroll);
157135
157481
  div.addEventListener("scroll", handleScroll);
@@ -157140,176 +157486,164 @@ const $c6f5440378b96420$var$customTemplateSection = {
157140
157486
  }, [
157141
157487
  templates
157142
157488
  ]);
157143
- return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157144
- className: "custom-template-section",
157489
+ const primaryColorExtract = getComputedStyle(document.documentElement).getPropertyValue("--primary-color").trim();
157490
+ const hexToRgba = (hex, opacity)=>{
157491
+ // Remove the hash at the start if it's there
157492
+ hex = hex.replace(/^#/, "");
157493
+ // Parse r, g, b values
157494
+ let r = parseInt(hex.substring(0, 2), 16);
157495
+ let g = parseInt(hex.substring(2, 4), 16);
157496
+ let b = parseInt(hex.substring(4, 6), 16);
157497
+ // Return the RGBA string
157498
+ return `rgba(${r}, ${g}, ${b}, ${opacity})`;
157499
+ };
157500
+ const primaryColorRGBA = hexToRgba(primaryColorExtract, 0.5);
157501
+ return /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
157145
157502
  children: [
157146
- isShowDialog.open && isShowDialog.model === "design-own" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c8f7718e9f3db339$export$2e2bcd8739ae039), {
157147
- icon: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $8c59b172071542b8$export$2e2bcd8739ae039), {}),
157148
- title: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DESIGN_YOUR_OWN.TITLE,
157149
- subHeading: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DESIGN_YOUR_OWN.HEADING,
157150
- description: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DESIGN_YOUR_OWN.PARAGRAPH,
157151
- open: isShowDialog.open,
157152
- handleClose: ()=>handleDialogChange(""),
157153
- onCancel: ()=>handleDialogChange(""),
157154
- onSubmit: handleClearStore,
157155
- customStyles: $c6f5440378b96420$var$designDialogStyles,
157156
- cancelText: "Cancel",
157157
- submitText: "OK"
157158
- }),
157159
- isShowDialog.open && isShowDialog.model === "load-template" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c8f7718e9f3db339$export$2e2bcd8739ae039), {
157160
- icon: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $8c59b172071542b8$export$2e2bcd8739ae039), {}),
157161
- title: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SELECT_TEMPLATE.TITLE,
157162
- subHeading: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SELECT_TEMPLATE.HEADING,
157163
- description: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SELECT_TEMPLATE.PARAGRAPH,
157164
- open: isShowDialog.open,
157165
- handleClose: ()=>handleDialogChange(""),
157166
- onCancel: ()=>handleDialogChange(""),
157167
- onSubmit: ()=>handleLoadTemplate(selectedRecord?.id),
157168
- customStyles: $c6f5440378b96420$var$loadDialogStyles,
157169
- loading: templateLoading || false,
157170
- cancelText: "Cancel",
157171
- submitText: "OK"
157172
- }),
157173
- /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157174
- className: "templateTabsWrapper",
157503
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $c8f7718e9f3db339$export$2e2bcd8739ae039), {
157504
+ customStyles: $e8f6665471b594e0$var$galleryDialogStyles,
157505
+ open: openGalleryModal,
157506
+ handleClose: closeGalleryModal,
157507
+ title: product?.productType === "Postcards" ? `${product?.productType} (${product?.selectedSize})` : product?.title,
157508
+ isGallery: true,
157175
157509
  children: [
157176
- /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157177
- style: {
157178
- marginTop: "8px"
157179
- },
157180
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $3f4ef87f7a4a530a$export$2e2bcd8739ae039), {
157181
- placeholder: "Template Types",
157182
- options: templateTypes,
157183
- setSelectedValue: setCurrentTemplateType,
157184
- selectedValue: currentTemplateType,
157185
- builderSelect: true,
157186
- // @ts-ignore
157187
- search: ()=>{},
157188
- updateErrors: ()=>{},
157189
- disableClearable: true,
157190
- templateBuilder: true
157191
- })
157510
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157511
+ className: "topBar",
157512
+ children: [
157513
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157514
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d4e7e32e0a4b1e61$export$2e2bcd8739ae039), {
157515
+ value: currentTemplateType || {},
157516
+ onChange: handleTabChange,
157517
+ tabs: templateTypes || [],
157518
+ className: "myCustomTabs",
157519
+ tabClassName: "myTab",
157520
+ indicatorClassName: "myIndicator"
157521
+ })
157522
+ }),
157523
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157524
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
157525
+ name: "search",
157526
+ type: "text",
157527
+ value: search,
157528
+ // @ts-ignore
157529
+ onKeyDown: searchKeyDown,
157530
+ onChange: (e)=>setSearch(e.target.value.trimStart()),
157531
+ placeholder: "Search templates by name or ID",
157532
+ onClick: handleSearch,
157533
+ searchApplied: searchApplied,
157534
+ removeSearchInput: removeSearchInput,
157535
+ inputIcon: true,
157536
+ gellerySearch: true
157537
+ })
157538
+ })
157539
+ ]
157192
157540
  }),
157193
- currentTemplateType?.id === "3" && /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157541
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157542
+ className: "selectBar",
157543
+ children: [
157544
+ currentTemplateType?.id === "3" && templateCategories?.length >= 1 && /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157545
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $3f4ef87f7a4a530a$export$2e2bcd8739ae039), {
157546
+ placeholder: "Select Category",
157547
+ options: templateCategories,
157548
+ setSelectedValue: setSelectedCategory,
157549
+ selectedValue: selectedCategory,
157550
+ builderSelect: true,
157551
+ gallerySelect: true,
157552
+ clearField: true,
157553
+ // @ts-ignore
157554
+ search: ()=>{},
157555
+ updateErrors: ()=>{},
157556
+ disableClearable: false,
157557
+ templateBuilder: true
157558
+ })
157559
+ }),
157560
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157561
+ children: (0, $717432aee8737b76$export$c5a6b7b1e4535d31)(`${pagination.total} templates`)
157562
+ })
157563
+ ]
157564
+ }),
157565
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157566
+ className: `templatesContent ${currentTemplateType?.id === "3" && "heightOLC"}`,
157194
157567
  style: {
157195
- marginTop: 8
157568
+ justifyContent: loader ? "center" : "flex-start",
157569
+ alignItems: searchApplied ? "center" : "flex-start"
157196
157570
  },
157197
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $3f4ef87f7a4a530a$export$2e2bcd8739ae039), {
157198
- placeholder: "Select Category",
157199
- options: templateCategories,
157200
- setSelectedValue: setSelectedCategory,
157201
- selectedValue: selectedCategory,
157202
- builderSelect: true,
157203
- clearField: true,
157204
- // @ts-ignore
157205
- search: ()=>{},
157206
- updateErrors: ()=>{},
157207
- disableClearable: false,
157208
- templateBuilder: true
157209
- })
157210
- }),
157211
- /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157212
- className: "searchWrapper",
157213
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
157214
- type: "text",
157215
- value: search,
157216
- name: "search",
157217
- builderInput: true,
157218
- // @ts-ignore
157219
- onKeyDown: searchKeyDown,
157220
- onChange: (e)=>setSearch(e.target.value.trimStart()),
157221
- placeholder: "Search by template name",
157222
- inputIcon: true,
157223
- onClick: handleSearch,
157224
- searchApplied: searchApplied,
157225
- removeSearchInput: removeSearchInput
157226
- })
157227
- }),
157228
- loader ? /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157229
- className: "noTemplateText",
157230
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157231
- children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.LOADING_TEMPLATE
157232
- })
157233
- }) : currentTemplateType?.id === "1" ? /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
157234
157571
  children: [
157235
- /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157236
- className: "default-design",
157237
- onClick: ()=>handleDialogChange("design-own"),
157572
+ !loader && !searchApplied && currentTemplateTypeRef.current?.id === "1" && /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157238
157573
  children: [
157239
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $21e11f889f8068bf$export$2e2bcd8739ae039), {
157240
- fill: "var(--primary-color)"
157574
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157575
+ className: `defaultDesign
157576
+ ${product?.id === "13" && product?.size.find((product)=>product?.size === "4x6") ? "postcard-4x6" : product?.id === "15" && product?.size.find((product)=>product?.size === "6x11") ? "postcard-6x11" : product?.id === "14" && product?.size.find((product)=>product?.size === "6x9") ? "postcard-6x9" : product?.id === "5" ? "personalLetter" : product?.id === "2" || product?.id === "4" ? "professionalLetter" : product?.id === "9" ? "biFold" : product?.id === "11" ? "triFold" : null}`,
157577
+ onClick: ()=>handleDialogChange("design-own"),
157578
+ style: {
157579
+ boxShadow: `inset 0 0 0 2px ${primaryColorRGBA}`
157580
+ },
157581
+ children: [
157582
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $21e11f889f8068bf$export$2e2bcd8739ae039), {
157583
+ fill: "var(--primary-color)"
157584
+ }),
157585
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157586
+ children: "Design Your Own"
157587
+ })
157588
+ ]
157241
157589
  }),
157242
157590
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157243
- style: $c6f5440378b96420$var$templateTextStyles,
157244
- children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DESIGN_NEW
157591
+ className: "ownHeading",
157592
+ children: "Design Your Own"
157245
157593
  })
157246
157594
  ]
157247
157595
  }),
157248
- myTemplates.length ? myTemplates.map((template, i)=>/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157249
- className: "design-template",
157250
- onClick: ()=>handleLoadTemplateModel(template),
157251
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)("img", {
157252
- src: template.thumbnailUrl,
157253
- alt: template.title,
157254
- onError: ({ currentTarget: currentTarget })=>{
157255
- currentTarget.onerror = null; // prevents looping
157256
- currentTarget.src = (0, (/*@__PURE__*/$parcel$interopDefault($1edff054843af0eb$exports)));
157257
- currentTarget.classList.add("dummy-image");
157258
- }
157259
- })
157260
- }, i)) : /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157261
- className: "noTemplateText",
157262
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157263
- children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_MY_TEMPLATES
157264
- })
157596
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e294d074253deac6$export$2e2bcd8739ae039), {
157597
+ templates: currentTemplateType?.id === "1" ? myTemplates : currentTemplateType?.id === "2" ? teamTemplates : currentTemplateType?.id === "3" ? olcTemplates : [],
157598
+ handleLoadTemplateModel: handleLoadTemplateModel,
157599
+ loading: loader,
157600
+ platformName: platformName,
157601
+ currentTemplateType: currentTemplateType,
157602
+ product: product,
157603
+ searchApplied: searchApplied,
157604
+ primaryColorRGBA: primaryColorRGBA
157265
157605
  })
157266
157606
  ]
157267
- }) : currentTemplateType?.id === "2" ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
157268
- children: teamTemplates.length ? teamTemplates?.map((template, i)=>/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157269
- className: "design-template",
157270
- onClick: ()=>handleLoadTemplateModel(template),
157271
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)("img", {
157272
- src: template.thumbnailUrl,
157273
- alt: template.title,
157274
- onError: ({ currentTarget: currentTarget })=>{
157275
- currentTarget.onerror = null; // prevents looping
157276
- currentTarget.src = (0, (/*@__PURE__*/$parcel$interopDefault($1edff054843af0eb$exports)));
157277
- currentTarget.classList.add("dummy-image");
157278
- }
157279
- })
157280
- }, i)) : /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157281
- className: "noTemplateText",
157282
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157283
- children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_TEAM_TEMPLATES
157284
- })
157285
- })
157286
- }) : currentTemplateType?.id === "3" ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
157287
- children: olcTemplates.length ? olcTemplates?.map((template, i)=>/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157288
- className: "design-template",
157289
- onClick: ()=>handleLoadTemplateModel(template),
157290
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)("img", {
157291
- src: template.thumbnailUrl,
157292
- alt: template.title,
157293
- onError: ({ currentTarget: currentTarget })=>{
157294
- currentTarget.onerror = null; // prevents looping
157295
- currentTarget.src = (0, (/*@__PURE__*/$parcel$interopDefault($1edff054843af0eb$exports)));
157296
- currentTarget.classList.add("dummy-image");
157297
- }
157298
- })
157299
- }, i)) : /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157300
- className: "noTemplateText",
157301
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157302
- children: platformName ? `No ${platformName} Templates to show` : (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_OLC_TEMPLATES
157303
- })
157304
- })
157305
- }) : null
157607
+ })
157608
+ ]
157609
+ }),
157610
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157611
+ className: "custom-template-section",
157612
+ children: [
157613
+ isShowDialog.open && isShowDialog.model === "design-own" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c8f7718e9f3db339$export$2e2bcd8739ae039), {
157614
+ icon: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $8c59b172071542b8$export$2e2bcd8739ae039), {}),
157615
+ title: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DESIGN_YOUR_OWN.TITLE,
157616
+ subHeading: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DESIGN_YOUR_OWN.HEADING,
157617
+ description: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DESIGN_YOUR_OWN.PARAGRAPH,
157618
+ open: isShowDialog.open,
157619
+ handleClose: ()=>handleDialogChange(""),
157620
+ onCancel: ()=>handleDialogChange(""),
157621
+ onSubmit: handleClearStore,
157622
+ customStyles: $e8f6665471b594e0$var$designDialogStyles,
157623
+ cancelText: "Cancel",
157624
+ submitText: "OK"
157625
+ }),
157626
+ isShowDialog.open && isShowDialog.model === "load-template" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c8f7718e9f3db339$export$2e2bcd8739ae039), {
157627
+ icon: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $8c59b172071542b8$export$2e2bcd8739ae039), {}),
157628
+ title: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SELECT_TEMPLATE.TITLE,
157629
+ subHeading: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SELECT_TEMPLATE.HEADING,
157630
+ description: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SELECT_TEMPLATE.PARAGRAPH,
157631
+ open: isShowDialog.open,
157632
+ handleClose: ()=>handleDialogChange(""),
157633
+ onCancel: ()=>handleDialogChange(""),
157634
+ onSubmit: ()=>handleLoadTemplate(selectedRecord?.id),
157635
+ customStyles: $e8f6665471b594e0$var$loadDialogStyles,
157636
+ loading: templateLoading || false,
157637
+ cancelText: "Cancel",
157638
+ submitText: "OK"
157639
+ })
157306
157640
  ]
157307
157641
  })
157308
157642
  ]
157309
157643
  });
157310
157644
  })
157311
157645
  };
157312
- var $c6f5440378b96420$export$2e2bcd8739ae039 = $c6f5440378b96420$var$customTemplateSection;
157646
+ var $e8f6665471b594e0$export$2e2bcd8739ae039 = $e8f6665471b594e0$var$CustomTemplateSection;
157313
157647
 
157314
157648
 
157315
157649
 
@@ -157434,10 +157768,10 @@ var $c63ab7ca46bc9f98$export$2e2bcd8739ae039 = $c63ab7ca46bc9f98$var$Field;
157434
157768
 
157435
157769
 
157436
157770
 
157437
- const $57048af01a29b1ce$var$iconButtonStyles = {
157771
+ const $d0a2370b36372b2d$var$iconButtonStyles = {
157438
157772
  backgroundColor: "transparent"
157439
157773
  };
157440
- const $57048af01a29b1ce$var$customFieldSection = {
157774
+ const $d0a2370b36372b2d$var$customFieldSection = {
157441
157775
  name: "Fields",
157442
157776
  Tab: (0, es.observer)((props)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, side_panel.SectionTab), {
157443
157777
  name: "Fields",
@@ -157542,7 +157876,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
157542
157876
  children: value
157543
157877
  }),
157544
157878
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
157545
- style: $57048af01a29b1ce$var$iconButtonStyles,
157879
+ style: $d0a2370b36372b2d$var$iconButtonStyles,
157546
157880
  onClick: ()=>copyCustomFieldText(key),
157547
157881
  backdrop: false,
157548
157882
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
@@ -157598,7 +157932,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
157598
157932
  children: value
157599
157933
  }),
157600
157934
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
157601
- style: $57048af01a29b1ce$var$iconButtonStyles,
157935
+ style: $d0a2370b36372b2d$var$iconButtonStyles,
157602
157936
  onClick: ()=>copyCustomFieldText(key),
157603
157937
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
157604
157938
  className: "copy"
@@ -157612,7 +157946,273 @@ const $57048af01a29b1ce$var$customFieldSection = {
157612
157946
  });
157613
157947
  })
157614
157948
  };
157615
- var $57048af01a29b1ce$export$2e2bcd8739ae039 = $57048af01a29b1ce$var$customFieldSection;
157949
+ var $d0a2370b36372b2d$export$2e2bcd8739ae039 = $d0a2370b36372b2d$var$customFieldSection;
157950
+
157951
+
157952
+
157953
+
157954
+
157955
+
157956
+
157957
+
157958
+
157959
+
157960
+
157961
+
157962
+
157963
+
157964
+ const $6b0ed1002bdc4a9f$var$CustomAddOnIcon = ()=>{
157965
+ return /*#__PURE__*/ (0, jsx_runtime.jsxs)("svg", {
157966
+ width: "20px",
157967
+ height: "20px",
157968
+ viewBox: "0 0 24 24",
157969
+ version: "1.1",
157970
+ xmlns: "http://www.w3.org/2000/svg",
157971
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
157972
+ children: [
157973
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("title", {
157974
+ children: "ic_fluent_apps_add_in_24_filled"
157975
+ }),
157976
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("desc", {
157977
+ children: "Created with Sketch."
157978
+ }),
157979
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("g", {
157980
+ id: "\uD83D\uDD0D-Product-Icons",
157981
+ stroke: "none",
157982
+ strokeWidth: "1",
157983
+ fill: "none",
157984
+ fillRule: "evenodd",
157985
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)("g", {
157986
+ id: "ic_fluent_apps_add_in_24_filled",
157987
+ fill: "#212121",
157988
+ fillRule: "nonzero",
157989
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
157990
+ d: "M10.5,3 C11.8807119,3 13,4.11928813 13,5.5 L13,11 L18.5,11 C19.8807119,11 21,12.1192881 21,13.5 L21,18.5 C21,19.8807119 19.8807119,21 18.5,21 L5.5,21 C4.11928813,21 3,19.8807119 3,18.5 L3,5.5 C3,4.11928813 4.11928813,3 5.5,3 L10.5,3 Z M11,13 L5,13 L5,18.5 C5,18.7761424 5.22385763,19 5.5,19 L11,19 L11,13 Z M18.5,13 L13,13 L13,19 L18.5,19 C18.7761424,19 19,18.7761424 19,18.5 L19,13.5 C19,13.2238576 18.7761424,13 18.5,13 Z M10.5,5 L5.5,5 C5.22385763,5 5,5.22385763 5,5.5 L5,11 L11,11 L11,5.5 C11,5.22385763 10.7761424,5 10.5,5 Z M17.8833789,2.00672773 L18,2 C18.5128358,2 18.9355072,2.38604019 18.9932723,2.88337887 L19,3 L19,5 L21,5 C21.5128358,5 21.9355072,5.38604019 21.9932723,5.88337887 L22,6 C22,6.51283584 21.6139598,6.93550716 21.1166211,6.99327227 L21,7 L19,7 L19,9 C19,9.51283584 18.6139598,9.93550716 18.1166211,9.99327227 L18,10 C17.4871642,10 17.0644928,9.61395981 17.0067277,9.11662113 L17,9 L17,7 L15,7 C14.4871642,7 14.0644928,6.61395981 14.0067277,6.11662113 L14,6 C14,5.48716416 14.3860402,5.06449284 14.8833789,5.00672773 L15,5 L17,5 L17,3 C17,2.48716416 17.3860402,2.06449284 17.8833789,2.00672773 L18,2 L17.8833789,2.00672773 Z",
157991
+ id: "\uD83C\uDFA8-Color"
157992
+ })
157993
+ })
157994
+ })
157995
+ ]
157996
+ });
157997
+ };
157998
+ var $6b0ed1002bdc4a9f$export$2e2bcd8739ae039 = $6b0ed1002bdc4a9f$var$CustomAddOnIcon;
157999
+
158000
+
158001
+
158002
+
158003
+
158004
+ const $7906a010f67a4ff0$var$GSV = ()=>{
158005
+ return /*#__PURE__*/ (0, jsx_runtime.jsxs)("svg", {
158006
+ width: "685",
158007
+ height: "497",
158008
+ viewBox: "0 0 685 497",
158009
+ fill: "none",
158010
+ xmlns: "http://www.w3.org/2000/svg",
158011
+ children: [
158012
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("circle", {
158013
+ cx: "285.5",
158014
+ cy: "146.5",
158015
+ r: "56",
158016
+ stroke: "black",
158017
+ strokeWidth: "23"
158018
+ }),
158019
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("rect", {
158020
+ x: "12.5",
158021
+ y: "12.5",
158022
+ width: "660",
158023
+ height: "472",
158024
+ rx: "28.5",
158025
+ stroke: "black",
158026
+ strokeWidth: "25"
158027
+ }),
158028
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
158029
+ d: "M13 316L126.663 218.694C138.981 208.149 157.344 208.878 168.787 220.366L275.5 327.5M275.5 327.5L124 482M275.5 327.5L467.765 137.481C479.819 125.568 499.206 125.542 511.29 137.424L668 291.5",
158030
+ stroke: "black",
158031
+ strokeWidth: "24"
158032
+ })
158033
+ ]
158034
+ });
158035
+ };
158036
+ var $7906a010f67a4ff0$export$2e2bcd8739ae039 = $7906a010f67a4ff0$var$GSV;
158037
+
158038
+
158039
+
158040
+
158041
+ const $394f63d6507afbac$var$EPO = ()=>{
158042
+ return /*#__PURE__*/ (0, jsx_runtime.jsxs)("svg", {
158043
+ width: "247",
158044
+ height: "244",
158045
+ viewBox: "0 0 247 244",
158046
+ fill: "none",
158047
+ xmlns: "http://www.w3.org/2000/svg",
158048
+ xmlnsXlink: "http://www.w3.org/1999/xlink",
158049
+ children: [
158050
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
158051
+ d: "M96.5 82.3859V64.1552C96.5 62.5745 94.7528 61.6186 93.4216 62.4708L2.92164 120.41C2.34739 120.778 2 121.412 2 122.094V138.41C2 139.977 3.72032 140.935 5.0527 140.11L95.5527 84.0864C96.1416 83.7218 96.5 83.0785 96.5 82.3859Z",
158052
+ fill: "black",
158053
+ stroke: "black",
158054
+ strokeWidth: "3"
158055
+ }),
158056
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("rect", {
158057
+ x: "18",
158058
+ y: "86",
158059
+ width: "19",
158060
+ height: "155",
158061
+ rx: "2",
158062
+ fill: "black"
158063
+ }),
158064
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("rect", {
158065
+ x: "168",
158066
+ y: "153",
158067
+ width: "19",
158068
+ height: "88",
158069
+ rx: "2",
158070
+ fill: "black"
158071
+ }),
158072
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("rect", {
158073
+ x: "74",
158074
+ y: "153",
158075
+ width: "57",
158076
+ height: "91",
158077
+ fill: "black"
158078
+ }),
158079
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("rect", {
158080
+ x: "18",
158081
+ y: "225",
158082
+ width: "169",
158083
+ height: "19",
158084
+ rx: "2",
158085
+ fill: "black"
158086
+ }),
158087
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("rect", {
158088
+ x: "79",
158089
+ width: "168",
158090
+ height: "168",
158091
+ fill: "url(#pattern0_85_1450)"
158092
+ }),
158093
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("defs", {
158094
+ children: [
158095
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("pattern", {
158096
+ id: "pattern0_85_1450",
158097
+ patternContentUnits: "objectBoundingBox",
158098
+ width: "1",
158099
+ height: "1",
158100
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)("use", {
158101
+ xlinkHref: "#image0_85_1450",
158102
+ transform: "scale(0.0104167)"
158103
+ })
158104
+ }),
158105
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("image", {
158106
+ id: "image0_85_1450",
158107
+ width: "96",
158108
+ height: "96",
158109
+ xlinkHref: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFJUlEQVR4nO2dXWhdRRCAP6VKK4lCFIuKtD4E/0CrVlIQfTCgYFMFqxR8qIrFRkEtNCAKkoCCkkr9BRHqU6u+iYXWB32xoCAiSEK1FVuqBkGkqTZgtTa9KwsTkEvu3b33ntmz52Q+mJeQ3Z2duWfP7uzsHjAMwzAMwzAMwzAMwzCMPFgGDAFbgElgLzANHAVOAKdFTsjfpuV/JqXMkNRhdMBqYAzYD8wBrkeZk7rGpG5jEfrlF3sAaBRg9FbSkDZ8W33mCbgQeBaYVTR6KzkJvAIMLEVHrAAmChpiihiiJkSnJcEwcDgDw7sm8S/x9dR8nN+TgaFdQPaIrrXiOuBgBsZ1kfIDsIaa8ADwt4KRRpvaWVtw/V7njVScR4EzSr/SUWUHeJkHnqCiPK88TIwmcMCCPEfF2KpsfJfYAV6epiLcJ49u3RxwFniQzFmj9MJ1GTjASd9uJFP6Zfqm1fl/JdLpX+w3LBLlvBR4HfhK+Qk8nGscSWuRNQ+8DazsQJergDeBf5R08n3NivVKHZ0BbulxSPxeSbdswhYrJI5SdAe/Ay4vQL+LgG8U9DuaSwBvQqFzfwKDBep4CfCLgp6+76UyoBRS3lqRYXKu7P2EcYVO/QYsj2h7BHgV2Ak8ApwfUeZTBX29DUqbdmrsZL0R0fYLi5T7PMIJGxT0nS1rWrpFoTMuYrXpjfxHi7J+470d5wLHFXT2tkjOASUHDAbavatN2SMRen+koLN/+pKyWjF7YSDQ9jOB8n4R1o7tCjp7W6wiIWNKxncRiVSTgfL3BMpvUtLbOzYZnyg6oL9H528OlL9TSe99JGKZcjrJlYH2rw+U/1lWvq3kkJLec6nSIIcUje+A2yJ00Irv9CreNpWdfroOxtLHMjB2adPRHcqd2B+pxzblPNJuxE8Q1NmbYOtvMFIXv7L9PQPDL4i3jTrTCTryQQf6XCYzEJeBTJGAn0ra843ZfHkXOFWiA46RgFSp5PPAk13od4U4QishrJ34OJM6pxN36rUud558PurXiXX1tqmdA5xkItzeha7nRYQuKueAMk6zOJHPgJsy2TgqbQhK9RJ2LaQhjvBT0HM60HtXXV7CKaahLlKm5cRNDMsT6D5Vh4WY6+KJ2CG7XZQUik66ENMORbgu5X156bbDRyt/rXooQjsY53oQv1kf4sOqB+O0w9GuB5mNSGnZVvVwtNaGzAzweBt5MbKeOwL631/1DRmtLcljgTaviazn4UA9w1XfktTalD8ZkWTbKMAB6+qwKa+RltIALgi0G5OFHVoX3F2HtBStxKzhQJsvB8r/FZFV8VAdErO0pqMTgTYHAmnmfo0SYrIuqYkaybkHI+I7N7fI74xJzvV8WZfkXK0o40hEuxfLjtlOkc0Rq2DP1bLnXIv0dK0DGt9Gng/ohvfqdkBD64jSLgU9NyjM3Er99Wsf0nupQB1vbXOmoFs5ovikZnNM9a0COrlJpqe1PaaqfVD7Rxk+YuL9/+daxXyh3WRIn/JVBTNyy+GIJGMtNhSuk1tNvliKVxUgF1mkuqyjmXcStHlK7qnImnsTXVeT2gFn5fq1SpDiwqbUDniKiqF9ZVlKB1TuyrIUl/alcMB8F0nC2bFR6cWs7YBaXFu5gF3cmgFVubp4d87z/CIYVjwq6nqQ2l/e3bxqHc/o+vrxnAJrZXzA4XgJhl/SH3Bops8+YZIPqyTHpsiP+OyTOpOnjtTtM1YfSw5+q89YTcn/2GesDMMwDMMwDMMwDMMwDHLjP0UDH7djTjxQAAAAAElFTkSuQmCC"
158110
+ })
158111
+ ]
158112
+ })
158113
+ ]
158114
+ });
158115
+ };
158116
+ var $394f63d6507afbac$export$2e2bcd8739ae039 = $394f63d6507afbac$var$EPO;
158117
+
158118
+
158119
+
158120
+ // define the new custom section
158121
+ const $52be5db9307c4332$var$CustomAddOns = {
158122
+ name: "CustomAddOns",
158123
+ Tab: (0, es.observer)((props)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, side_panel.SectionTab), {
158124
+ name: "Add On's",
158125
+ ...props,
158126
+ iconSize: 20,
158127
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $6b0ed1002bdc4a9f$export$2e2bcd8739ae039), {})
158128
+ })),
158129
+ // we need observer to update component automatically on any store changes
158130
+ Panel: (0, es.observer)(({ store: store })=>{
158131
+ const dispatch = (0, useDispatch)();
158132
+ const handleAddElementOnScreen = (event, value, type)=>{
158133
+ event.preventDefault();
158134
+ const currentPage = store.activePage.toJSON();
158135
+ if (currentPage?.children?.length && currentPage.children.find((item)=>item.id === `gsv-image_${store.activePage.id}`)) {
158136
+ dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)((0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.GSV_RESTRICT_ONE_PER_PAGE));
158137
+ return;
158138
+ }
158139
+ if (type === "gsv") store.activePage?.addElement({
158140
+ id: `gsv-image_${store.activePage.id}`,
158141
+ type: "image",
158142
+ src: (0, $7ad22e5ca6c288ca$export$75535718f1551e4f),
158143
+ width: 287,
158144
+ height: 188,
158145
+ contentEditable: false,
158146
+ keepRatio: true,
158147
+ opacity: 1,
158148
+ custom: {
158149
+ elementType: value
158150
+ }
158151
+ });
158152
+ else if (type === "epo") store.activePage.addElement({
158153
+ type: "text",
158154
+ x: 100,
158155
+ y: 100,
158156
+ text: value,
158157
+ width: 150,
158158
+ contentEditable: false
158159
+ });
158160
+ };
158161
+ return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
158162
+ className: "dynamic-content",
158163
+ children: [
158164
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
158165
+ className: "dynamic-content__top",
158166
+ children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
158167
+ children: [
158168
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
158169
+ className: "title",
158170
+ children: "Optional Add-On's"
158171
+ }),
158172
+ " ",
158173
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
158174
+ fill: "var(--primary-color)",
158175
+ className: "infoIcon"
158176
+ }),
158177
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
158178
+ anchorSelect: ".infoIcon",
158179
+ place: "bottom",
158180
+ title: "Google Street View is a technology featured in Google Maps and Google Earth that provides interactive panoramas from positions along many streets in the world."
158181
+ })
158182
+ ]
158183
+ })
158184
+ }),
158185
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
158186
+ className: "addonBox",
158187
+ onClick: (event)=>handleAddElementOnScreen(event, "GOOGLE_STREET_VIEW", "gsv"),
158188
+ children: [
158189
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7906a010f67a4ff0$export$2e2bcd8739ae039), {}),
158190
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
158191
+ children: "Street View Property Image"
158192
+ }),
158193
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
158194
+ children: "+$0.02 per mail piece"
158195
+ })
158196
+ ]
158197
+ }),
158198
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
158199
+ className: "hidden-important addonBox",
158200
+ onClick: (event)=>handleAddElementOnScreen(event, "{{EST.PROP.OFFER}}", "epo"),
158201
+ children: [
158202
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $394f63d6507afbac$export$2e2bcd8739ae039), {}),
158203
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
158204
+ children: "Estimated Property Offer"
158205
+ }),
158206
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
158207
+ children: "+$0.02 per mail piece"
158208
+ })
158209
+ ]
158210
+ })
158211
+ ]
158212
+ });
158213
+ })
158214
+ };
158215
+ var $52be5db9307c4332$export$2e2bcd8739ae039 = $52be5db9307c4332$var$CustomAddOns;
157616
158216
 
157617
158217
 
157618
158218
  const $d303f0b433a1814c$var$SidePanel = (props)=>{
@@ -157627,23 +158227,33 @@ const $d303f0b433a1814c$var$SidePanel = (props)=>{
157627
158227
  sections: [
157628
158228
  ...props.currentTemplateType !== "Real Penned Letter" ? [
157629
158229
  {
157630
- ...(0, $c6f5440378b96420$export$2e2bcd8739ae039),
157631
- Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c6f5440378b96420$export$2e2bcd8739ae039).Panel, {
158230
+ ...(0, $e8f6665471b594e0$export$2e2bcd8739ae039),
158231
+ Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e8f6665471b594e0$export$2e2bcd8739ae039).Panel, {
157632
158232
  ...panelProps,
157633
158233
  platformName: props.platformName,
158234
+ defaultCategory: props.defaultCategory,
157634
158235
  onGetTemplates: props.onGetTemplates,
157635
- onGetOneTemplate: props.onGetOneTemplate
158236
+ onGetOneTemplate: props.onGetOneTemplate,
158237
+ selectedSection: props.selectedSection
157636
158238
  })
157637
158239
  }
157638
158240
  ] : [],
157639
158241
  ...sections,
157640
158242
  {
157641
- ...(0, $57048af01a29b1ce$export$2e2bcd8739ae039),
157642
- Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $57048af01a29b1ce$export$2e2bcd8739ae039).Panel, {
158243
+ ...(0, $d0a2370b36372b2d$export$2e2bcd8739ae039),
158244
+ Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d0a2370b36372b2d$export$2e2bcd8739ae039).Panel, {
157643
158245
  ...panelProps,
157644
158246
  onGetCustomFields: props.onGetCustomFields
157645
158247
  })
157646
- }
158248
+ },
158249
+ ...props.currentTemplateType !== "Real Penned Letter" ? [
158250
+ {
158251
+ ...(0, $52be5db9307c4332$export$2e2bcd8739ae039),
158252
+ Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $52be5db9307c4332$export$2e2bcd8739ae039).Panel, {
158253
+ ...panelProps
158254
+ })
158255
+ }
158256
+ ] : []
157647
158257
  ],
157648
158258
  defaultSection: "text"
157649
158259
  })
@@ -157657,9 +158267,10 @@ var $d303f0b433a1814c$export$2e2bcd8739ae039 = $d303f0b433a1814c$var$SidePanel;
157657
158267
 
157658
158268
 
157659
158269
  (0, polotno_config/* setUploadFunc */.Ut)((0, $dbaee5ca78364d67$export$a5575dbeeffdad98));
157660
- const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNavigate: onReturnAndNavigate, platformName: platformName, createTemplateRoute: createTemplateRoute, olcTemplate: olcTemplate, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
158270
+ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNavigate: onReturnAndNavigate, platformName: platformName, defaultCategory: defaultCategory, createTemplateRoute: createTemplateRoute, olcTemplate: olcTemplate, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
157661
158271
  const [isStoreUpdated, setIsStoreUpdated] = (0, react.useState)(false);
157662
158272
  const [switchTabCount, setSwitchTabCount] = (0, react.useState)(1);
158273
+ const [selectedSection, setSelectedSection] = (0, react.useState)("text");
157663
158274
  const { id: id } = (0, useParams)();
157664
158275
  const dispatch = (0, useDispatch)();
157665
158276
  const navigate = (0, dist_useNavigate)();
@@ -157682,9 +158293,14 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNaviga
157682
158293
  const handleVisibilityChange = ()=>{
157683
158294
  if (document.hidden) setSwitchTabCount((prev)=>prev + 1);
157684
158295
  };
158296
+ const handleClick = (event)=>{
158297
+ if (event.target instanceof Element && event.target.closest(".polotno-side-tabs-container") && store?.openedSidePanel !== "Templates") setSelectedSection(store?.openedSidePanel);
158298
+ };
158299
+ document.addEventListener("click", handleClick);
157685
158300
  document.addEventListener("visibilitychange", handleVisibilityChange);
157686
158301
  return ()=>{
157687
158302
  document.removeEventListener("visibilitychange", handleVisibilityChange);
158303
+ document.removeEventListener("click", handleClick);
157688
158304
  };
157689
158305
  }, []);
157690
158306
  (0, react.useEffect)(()=>{
@@ -157867,9 +158483,11 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNaviga
157867
158483
  store: store,
157868
158484
  currentTemplateType: currentTemplateType,
157869
158485
  platformName: platformName,
158486
+ defaultCategory: defaultCategory,
157870
158487
  onGetTemplates: onGetTemplates,
157871
158488
  onGetOneTemplate: onGetOneTemplate,
157872
- onGetCustomFields: onGetCustomFields
158489
+ onGetCustomFields: onGetCustomFields,
158490
+ selectedSection: selectedSection
157873
158491
  }),
157874
158492
  /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.WorkspaceWrap), {
157875
158493
  children: [
@@ -157914,7 +158532,7 @@ const $edeafd00018ca857$var$initializeStore = (secretKey)=>{
157914
158532
  showCredit: false
157915
158533
  });
157916
158534
  };
157917
- const $edeafd00018ca857$var$App = ({ secretKey: secretKey, onReturnAndNavigate: onReturnAndNavigate, platformName: platformName, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, styles: styles, olcTemplate: olcTemplate, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
158535
+ const $edeafd00018ca857$var$App = ({ secretKey: secretKey, onReturnAndNavigate: onReturnAndNavigate, platformName: platformName, defaultCategory: defaultCategory, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, styles: styles, olcTemplate: olcTemplate, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
157918
158536
  const [store, setStore] = (0, react.useState)($edeafd00018ca857$var$initializeStore(secretKey));
157919
158537
  const currentPath = window?.location?.pathname;
157920
158538
  (0, react.useEffect)(()=>{
@@ -157950,6 +158568,7 @@ const $edeafd00018ca857$var$App = ({ secretKey: secretKey, onReturnAndNavigate:
157950
158568
  store: store,
157951
158569
  olcTemplate: olcTemplate,
157952
158570
  platformName: platformName,
158571
+ defaultCategory: defaultCategory,
157953
158572
  onReturnAndNavigate: onReturnAndNavigate,
157954
158573
  createTemplateRoute: createTemplateRoute,
157955
158574
  onGetOneTemplate: onGetOneTemplate,
@@ -157972,11 +158591,12 @@ var $edeafd00018ca857$export$2e2bcd8739ae039 = $edeafd00018ca857$var$App;
157972
158591
 
157973
158592
 
157974
158593
 
157975
- const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, basicAuthUsername: basicAuthUsername, basicAuthPassword: basicAuthPassword, platformName: platformName, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, onReturnAndNavigate: onReturnAndNavigate, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
158594
+ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, basicAuthUsername: basicAuthUsername, basicAuthPassword: basicAuthPassword, platformName: platformName, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, defaultCategory: defaultCategory, sandbox: sandbox, onReturnAndNavigate: onReturnAndNavigate, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
157976
158595
  if (!container) throw new Error("Root element not found");
157977
158596
  if (!secretKey) throw new Error("secretKey not found");
157978
158597
  if (!basicAuthUsername) throw new Error("basicAuthUsername not found");
157979
158598
  if (!basicAuthPassword) throw new Error("basicAuthPassword not found");
158599
+ if (sandbox) (0, $717432aee8737b76$export$ba225133fb4a45c3)(sandbox);
157980
158600
  (0, $717432aee8737b76$export$9d2510767fe266f9)(basicAuthUsername);
157981
158601
  (0, $717432aee8737b76$export$4251d26568059eef)(basicAuthPassword);
157982
158602
  const root = (0, client).createRoot(container);
@@ -157989,6 +158609,7 @@ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey
157989
158609
  styles: styles,
157990
158610
  olcTemplate: olcTemplate,
157991
158611
  platformName: platformName,
158612
+ defaultCategory: defaultCategory,
157992
158613
  createTemplateRoute: createTemplateRoute,
157993
158614
  templateBuilderRoute: templateBuilderRoute,
157994
158615
  onReturnAndNavigate: onReturnAndNavigate,
@@ -158000,26 +158621,15 @@ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey
158000
158621
  })
158001
158622
  })
158002
158623
  }));
158624
+ //@ts-ignore
158625
+ return {
158626
+ destroy () {
158627
+ console.log("react destroy");
158628
+ root.unmount();
158629
+ }
158630
+ };
158003
158631
  };
158004
- var // Example to run the project locally for development. Comment out these lines when building the application
158005
- // const rootElement = document.getElementById('root');
158006
- // if (rootElement) {
158007
- // console.log("React SDK Loaded");
158008
- // TemplateBuilder({
158009
- // container: rootElement,
158010
- // secretKey: import.meta.env.VITE_APP_PLOTNO_API_KEY,
158011
- // basicAuthUsername: import.meta.env.VITE_APP_BASIC_AUTH_USERNAME,
158012
- // basicAuthPassword: import.meta.env.VITE_APP_BASIC_AUTH_PASSWORD,
158013
- // // onGetOneTemplate: getOneTemplate,
158014
- // // olcTemplate: olcTemplateData,
158015
- // // onGetTemplates: getAllTemplatesByTab,
158016
- // // onSubmit: createTemplate,
158017
- // styles: {}
158018
- // });
158019
- // } else {
158020
- // console.error("Root element '#root' not found in the document.");
158021
- // }
158022
- $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder;
158632
+ var $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder;
158023
158633
 
158024
158634
 
158025
158635
 
@@ -158030,8 +158640,6 @@ $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder
158030
158640
 
158031
158641
  /* harmony default export */ var Appvue_type_script_lang_js = ({
158032
158642
  name: "VueTemplateBuilder",
158033
- components: {
158034
- },
158035
158643
  props: {
158036
158644
  container: {
158037
158645
  type: [String, HTMLElement], // Updated to allow both string and HTMLElement
@@ -158069,6 +158677,14 @@ $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder
158069
158677
  type: Object,
158070
158678
  required: false
158071
158679
  },
158680
+ sandbox: {
158681
+ type: Boolean,
158682
+ required: false
158683
+ },
158684
+ defaultCategory: {
158685
+ type: Array,
158686
+ required: false
158687
+ },
158072
158688
  onGetOneTemplate: {
158073
158689
  type: Function,
158074
158690
  required: false
@@ -158090,14 +158706,24 @@ $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder
158090
158706
  required: false,
158091
158707
  }
158092
158708
  },
158709
+ data() {
158710
+ return {
158711
+ templateBuilderVueInstance: null,
158712
+ };
158713
+ },
158093
158714
  mounted() {
158094
158715
  let vm = this;
158095
158716
  console.log('vm', vm);
158096
158717
  this.initializeEditor(vm);
158097
158718
  },
158719
+ // eslint-disable-next-line vue/no-deprecated-destroyed-lifecycle
158720
+ destroyed() {
158721
+ this.templateBuilderVueInstance.destroy();
158722
+ },
158723
+
158098
158724
  methods: {
158099
158725
  initializeEditor(props) {
158100
- $24075a5d702d64b3$export$2e2bcd8739ae039({
158726
+ this.templateBuilderVueInstance = $24075a5d702d64b3$export$2e2bcd8739ae039({
158101
158727
  container: document.getElementById(props.container) || document.getElementById('builder'),
158102
158728
  secretKey: props.secretKey,
158103
158729
  basicAuthUsername: props.basicAuthUsername,
@@ -158107,6 +158733,8 @@ $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder
158107
158733
  createTemplateRoute: props.createTemplateRoute,
158108
158734
  templateBuilderRoute: props.templateBuilderRoute,
158109
158735
  olcTemplate: props.olcTemplate,
158736
+ sandbox: props.sandbox,
158737
+ defaultCategory: props.defaultCategory,
158110
158738
  onGetOneTemplate: props.onGetOneTemplate,
158111
158739
  onGetTemplates: props.onGetTemplates,
158112
158740
  onGetCustomFields: props.onGetCustomFields,
@@ -158251,6 +158879,8 @@ const src_TemplateBuilder = ({
158251
158879
  createTemplateRoute,
158252
158880
  templateBuilderRoute,
158253
158881
  olcTemplate,
158882
+ sandbox,
158883
+ defaultCategory,
158254
158884
  onGetOneTemplate,
158255
158885
  onGetTemplates,
158256
158886
  onGetCustomFields,
@@ -158267,6 +158897,8 @@ const src_TemplateBuilder = ({
158267
158897
  createTemplateRoute,
158268
158898
  templateBuilderRoute,
158269
158899
  olcTemplate,
158900
+ sandbox,
158901
+ defaultCategory,
158270
158902
  onGetOneTemplate,
158271
158903
  onGetTemplates,
158272
158904
  onGetCustomFields,
@@ -158274,9 +158906,15 @@ const src_TemplateBuilder = ({
158274
158906
  styles,
158275
158907
  };
158276
158908
 
158277
- new Vue({
158909
+ const vueInstance = new Vue({
158278
158910
  render: (h) => h(App, { props }),
158279
158911
  }).$mount(`#${container}`);
158912
+
158913
+ return {
158914
+ destroy() {
158915
+ vueInstance.$destroy();
158916
+ }
158917
+ };
158280
158918
  };
158281
158919
 
158282
158920
  /* harmony default export */ var src = (src_TemplateBuilder);