@openlettermarketing/olc-vue-sdk 0.0.5 → 0.0.7

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 +268 -152
  2. package/build/index.js.map +1 -1
  3. package/package.json +1 -1
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(--primaryColor);\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}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\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(--selectTextColor);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\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 background-color: var(--selectBgColor);\n border: .5px solid var(--selectBorderColor);\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__single-value {\n color: var(--selectTextColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--selectBorderColor);\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(--selectBorderColor);\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__menu {\n background-color: var(--selectMenuBgColor);\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__option {\n text-align: left;\n color: var(--selectOptionTextColor);\n border-bottom: .5px solid var(--selectOptionBorderColor);\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(--selectOptionFocusedColor);\n color: var(--selectOptionFocusedTextColor);\n}\n\n.toast-container {\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: #ef7820;\n}\n\n.toast-container .basic-toast button {\n opacity: 1;\n}\n\n.toast-container .basic-toast button svg {\n fill: #fff;\n width: 20px;\n height: 20px;\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: 10px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: #fff;\n margin: 0;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\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 font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--inputBorderColor);\n background-color: var(--inputBgColor);\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(--inputTextColor);\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: Inter !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(--inputTextColor);\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 .focused {\n background-color: var(--inputSearchAppliedBg);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\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(--textColor);\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(--primaryColor);\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(--textColor);\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(--red);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\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(--textColor);\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(--red);\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 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\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(--red);\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-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\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(--primaryColor);\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 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(--borderColor);\n background: var(--productCardBgColor);\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(--productCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\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(--red);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--red);\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 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\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(--borderColor);\n background: var(--postCardBgColor);\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(--postCardSVGColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--postCardBackgroundColorActive);\n border-color: var(--primaryColor);\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(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\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(--red);\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(--borderColor);\n background-color: var(--footerBgColor);\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 .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--secondaryButtonTextColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--secondaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--primaryButtonTextColor);\n text-align: center;\n background-color: var(--primaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--red);\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.basic-progress .hide-loader .loader {\n display: none !important;\n}\n\n.modal {\n z-index: 99999;\n background-color: #0006;\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(--dialogModalBgColor);\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(--dialogModalTextColor);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n color: var(--dialogModalTextColor);\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 10px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n color: var(--dialogModalTextColor);\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--dialogModalTextColor);\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 fill: var(--dialogModalSVGColor);\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-footer {\n color: var(--dialogModalTextColor);\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 background: var(--topbarBgColor);\n border-bottom: .5px solid var(--borderColor);\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 position: absolute;\n top: 0;\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(--textColor);\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: var(--iconHoverBgColor);\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\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.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n background-color: var(--sidepanelBgColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 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-icon {\n width: 20px;\n height: 20px;\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(--primaryColor);\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(--customFieldBorderColor);\n text-align: center;\n color: var(--customFieldTextColor);\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: var(--customFieldCopySVGColor) !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 {\n background-color: var(--sidepanelBgColor);\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(--sidepanelTextColor);\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(--sidepanelOptionHoverColor);\n opacity: .8;\n color: var(--sidepanelTextColorHover);\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(--primaryColor);\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(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\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(--primaryColor);\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(--primaryColor);\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: var(--textColor);\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.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --sb-track-color: #fff8ee;\n --sb-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --svgColor: #fdb515;\n --svgColorSecondary: #ed5c2f;\n --mainBackgroundColor: #fff;\n --textColor: #000;\n --productCardBgColor: #fff;\n --productCardBackgroundColorActive: #fff8ee;\n --postCardBgColor: #fff;\n --postCardBackgroundColorActive: #fff8ee;\n --postCardSVGColor: #fdecd3;\n --inputBgColor: #fff;\n --inputTextColor: #000;\n --inputBorderColor: #303030;\n --inputSearchAppliedBg: #fff8ee;\n --inputSearchIcon: #303030;\n --selectBgColor: transparent;\n --selectTextColor: #000;\n --selectBorderColor: #303030;\n --selectMenuBgColor: #fff;\n --selectOptionTextColor: #000;\n --selectOptionBorderColor: #5454544d;\n --selectOptionFocusedColor: #fff8ee;\n --selectOptionFocusedTextColor: #000;\n --selectOptionSelectedColor: #fff8ee;\n --selectOptionSelectedTextColor: #000;\n --selectOptionSelectedBg: #fff8ee;\n --topbarBgColor: #fff;\n --sidepanelBgColor: #fff;\n --sidepanelTextColor: #303030;\n --sidepanelSVGColor: #303030;\n --sidepanelSVGColorActive: #ed5c2f;\n --sidepanelOptionHoverColor: #fff8ee;\n --sidepanelTextColorHover: #ed5c2f;\n --customFieldBorderColor: #303030;\n --customFieldTextColor: #303030;\n --customFieldCopySVGColor: #303030;\n --cardBgColor: transparent;\n --cardTextColor: #000;\n --dialogModalBgColor: #fff8ee;\n --dialogModalHeadingColor: #ed5c2f;\n --dialogModalTextColor: #000;\n --dialogModalSVGColor: #ed5c2f;\n --borderColor: #00000080;\n --secondaryButtonBgColor: #fff;\n --secondaryButtonTextColor: #000;\n --primaryButtonBgColor: #ed5c2f;\n --primaryButtonTextColor: #fff;\n --iconHoverBgColor: #00000013;\n --footerBgColor: #fff;\n --red: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: Inter !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n\n:root body .bp5-navbar {\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n z-index: auto !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--cardTextColor);\n background-color: var(--cardBgColor);\n}\n\n:root body .bp5-navbar .polotno-close-panel .bp5-button-text {\n color: var(--textColor);\n}\n\n:root body .bp5-navbar > div {\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container body, :root body .polotno-panel-container > div body, :root body .polotno-panel-container > div > div body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n", "",{"version":3,"sources":["webpack://./src/components/TemplateBuilder/index.css"],"names":[],"mappings":"AAAA;EACE,WAAW;EACX,SAAS;EACT,gBAAgB;AAClB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,qCAAqC;EACrC,WAAW;EACX,eAAe;EACf,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,sBAAsB;EACtB,YAAY;EACZ,eAAe;EACf,eAAe;EACf,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,WAAW;EACX,mBAAmB;AACrB;;AAEA;EACE,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,QAAQ;EACR,WAAW;EACX,aAAa;AACf;;AAEA;EACE,6BAA6B;EAC7B,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,eAAe;EACf,WAAW;EACX,eAAe;EACf,iBAAiB;AACnB;;AAEA;EACE,sCAAsC;EACtC,2CAA2C;EAC3C,kBAAkB;EAClB,YAAY;EACZ,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,6BAA6B;EAC7B,eAAe;AACjB;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,2CAA2C;EAC3C,gBAAgB;AAClB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,gBAAgB;EAChB,mCAAmC;EACnC,wDAAwD;EACxD,eAAe;EACf,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,iDAAiD;EACjD,0CAA0C;AAC5C;;AAEA;EACE,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,UAAU;EACV,WAAW;EACX,YAAY;AACd;;AAEA;EACE,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,WAAW;EACX,SAAS;AACX;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,SAAS;EACT,WAAW;EACX,aAAa;AACf;;AAEA;EACE,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,0CAA0C;EAC1C,qCAAqC;EACrC,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,4BAA4B;EAC5B,gBAAgB;EAChB,YAAY;EACZ,kBAAkB;EAClB,WAAW;EACX,iBAAiB;EACjB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,6BAA6B;AAC/B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,4BAA4B;AAC9B;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,yBAAyB;EACzB,UAAU;EACV,YAAY;EACZ,kBAAkB;EAClB,MAAM;EACN,WAAW;AACb;;AAEA;EACE,eAAe;EACf,kBAAkB;AACpB;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,eAAe;EACf,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,YAAY;EACZ,gCAAgC;EAChC,WAAW;EACX,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,iBAAiB;EACjB,oBAAoB;AACtB;;AAEA;EACE,uBAAuB;EACvB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,uBAAuB;EACvB,SAAS;EACT,gBAAgB;EAChB,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,uBAAuB;EACvB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;EACjB,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,iBAAiB;EACjB,oBAAoB;AACtB;;AAEA;EACE,0BAA0B;EAC1B,mBAAmB;EACnB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;EACjB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;EACpB,2BAA2B;AAC7B;;AAEA;EACE,qBAAqB;EACrB,oBAAoB;AACtB;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,iBAAiB;EACjB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;EACpB,2BAA2B;AAC7B;;AAEA;EACE,iBAAiB;EACjB,eAAe;AACjB;;AAEA;EACE,uBAAuB;EACvB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;EAC1B,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,+BAA+B;AACjC;;AAEA;EACE,2BAA2B;EAC3B,mBAAmB;EACnB,SAAS;EACT,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,sCAAsC;EACtC,qCAAqC;EACrC,eAAe;EACf,sBAAsB;EACtB,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,iBAAiB;EACjB,2BAA2B;EAC3B,aAAa;AACf;;AAEA;EACE,mDAAmD;EACnD,iCAAiC;AACnC;;AAEA;EACE,0BAA0B;EAC1B,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,iBAAiB;EACjB,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,qBAAqB;EACrB,eAAe;AACjB;;AAEA;EACE,uBAAuB;EACvB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,uBAAuB;EACvB,SAAS;EACT,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,sCAAsC;EACtC,kCAAkC;EAClC,eAAe;EACf,sBAAsB;EACtB,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,kBAAkB;EAClB,2BAA2B;EAC3B,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,gDAAgD;EAChD,iCAAiC;AACnC;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,0BAA0B;EAC1B,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,iBAAiB;EACjB,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,yCAAyC;EACzC,sCAAsC;EACtC,WAAW;EACX,eAAe;EACf,SAAS;AACX;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,SAAS;EACT,4BAA4B;EAC5B,aAAa;AACf;;AAEA;EACE,0BAA0B;EAC1B,kBAAkB;EAClB,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;EACtC,kBAAkB;EAClB,qCAAqC;EACrC,+CAA+C;EAC/C,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,oCAAoC;EACpC,kBAAkB;EAClB,6CAA6C;EAC7C,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,eAAe;EACf,kBAAkB;EAClB,WAAW;EACX,0EAA0E;AAC5E;;AAEA;EACE;IACE,wEAAwE;EAC1E;;EAEA;IACE,4EAA4E;EAC9E;;EAEA;IACE,kFAAkF;EACpF;;EAEA;IACE,+EAA+E;EACjF;;EAEA;IACE,mFAAmF;EACrF;;EAEA;IACE,0FAA0F;EAC5F;;EAEA;IACE,sFAAsF;EACxF;AACF;;AAEA;EACE;IACE,6BAA6B;EAC/B;;EAEA;IACE,kCAAkC;EACpC;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,oCAAoC;EACtC;AACF;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,cAAc;EACd,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,eAAe;EACf,MAAM;EACN,OAAO;EACP,cAAc;AAChB;;AAEA;EACE,2CAA2C;EAC3C,sBAAsB;EACtB,mBAAmB;EACnB,UAAU;EACV,YAAY;EACZ,UAAU;EACV,0BAA0B;EAC1B,uBAAuB;EACvB,kBAAkB;EAClB,iDAAiD;AACnD;;AAEA;EACE,kCAAkC;EAClC,YAAY;EACZ,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,kCAAkC;EAClC,YAAY;EACZ,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,MAAM;EACN,WAAW;AACb;;AAEA;EACE,kCAAkC;EAClC,eAAe;EACf,qBAAqB;AACvB;;AAEA;EACE,kCAAkC;EAClC,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,gCAAgC;EAChC,WAAW;EACX,eAAe;EACf,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,kCAAkC;EAClC,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,WAAW;EACX,iBAAiB;EACjB,aAAa;EACb,kBAAkB;EAClB,YAAY;AACd;;AAEA;EACE;IACE,UAAU;IACV,WAAW;EACb;;EAEA;IACE,UAAU;IACV,MAAM;EACR;AACF;;AAEA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,4BAA4B;EAC5B,yBAAyB;AAC3B;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,sBAAsB;EACtB,SAAS;EACT,oBAAoB;EACpB,aAAa;AACf;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,aAAa;AACf;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,qBAAqB;EACrB,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,0BAA0B;EAC1B,kBAAkB;EAClB,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;EAC1B,kBAAkB;EAClB,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,4BAA4B;EAC5B,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,mBAAmB;EACnB,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,4BAA4B;EAC5B,yBAAyB;AAC3B;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,sBAAsB;EACtB,SAAS;EACT,aAAa;EACb,+BAA+B;AACjC;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,aAAa;AACf;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,qBAAqB;EACrB,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,0BAA0B;EAC1B,kBAAkB;EAClB,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;EAC1B,6BAA6B;AAC/B;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,4BAA4B;EAC5B,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;EACnB,2BAA2B;EAC3B,2BAA2B;AAC7B;;AAEA;EACE,WAAW;EACX,mBAAmB;EACnB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;EACnB,2BAA2B;EAC3B,2BAA2B;AAC7B;;AAEA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,4BAA4B;EAC5B,yBAAyB;AAC3B;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;EACnB,+BAA+B;AACjC;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,cAAc;EACd,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,0BAA0B;EAC1B,kBAAkB;EAClB,WAAW;EACX,mBAAmB;AACrB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,cAAc;AAChB;;AAEA;EACE,0BAA0B;EAC1B,kBAAkB;EAClB,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,4BAA4B;EAC5B,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,mBAAmB;EACnB,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,gCAAgC;EAChC,4CAA4C;EAC5C,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,SAAS;EACT,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,MAAM;AACR;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,QAAQ;EACR,aAAa;AACf;;AAEA;EACE,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,uBAAuB;EACvB,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,YAAY;EACZ,+BAA+B;EAC/B,aAAa;AACf;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,0BAA0B;EAC1B,uBAAuB;EACvB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;EACnB,2BAA2B;AAC7B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,oBAAoB;AACtB;;AAEA;EACE,eAAe;EACf,yBAAyB;EACzB,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,QAAQ;EACR,aAAa;AACf;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,oBAAoB;AACtB;;AAEA;EACE,cAAc;EACd,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,0BAA0B;EAC1B,kBAAkB;EAClB,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,cAAc;EACd,eAAe;EACf,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,eAAe;EACf,0BAA0B;EAC1B,kBAAkB;EAClB,YAAY;EACZ,aAAa;EACb,iBAAiB;AACnB;;AAEA;EACE,iBAAiB;EACjB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,aAAa;EACb,2BAA2B;AAC7B;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,oDAAoD;AACtD;;AAEA;EACE,WAAW;EACX,qBAAqB;AACvB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,YAAY;EACZ,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,uBAAuB;EACvB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,mBAAmB;EACnB,SAAS;EACT,WAAW;EACX,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,4BAA4B;EAC5B,kBAAkB;EAClB,YAAY;EACZ,gBAAgB;EAChB,YAAY;EACZ,iBAAiB;EACjB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,sBAAsB;EACtB,UAAU;EACV,WAAW;EACX,kBAAkB;EAClB,UAAU;AACZ;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,eAAe;EACf,eAAe;EACf,kBAAkB;EAClB,SAAS;EACT,WAAW;AACb;;AAEA;EACE,6BAA6B;EAC7B,sBAAsB;EACtB,qBAAqB;EACrB,iCAAiC;EACjC,qBAAqB;EACrB,iCAAiC;EACjC,uCAAuC;AACzC;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,mBAAmB;EACnB,8BAA8B;EAC9B,mBAAmB;EACnB,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,0BAA0B;EAC1B,iBAAiB;EACjB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,eAAe;EACf,WAAW;EACX,YAAY;AACd;;AAEA;EACE,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,gDAAgD;EAChD,kBAAkB;EAClB,kCAAkC;EAClC,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,iBAAiB;AACnB;;AAEA;EACE,+CAA+C;AACjD;;AAEA;EACE;IACE,aAAa;EACf;AACF;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,gCAAgC;AAClC;;AAEA;EACE,kDAAkD;EAClD,WAAW;EACX,qCAAqC;AACvC;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,4CAA4C;AAC9C;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,yBAAyB;EACzB,yBAAyB;EACzB,uBAAuB;EACvB,mBAAmB;EACnB,4BAA4B;EAC5B,2BAA2B;EAC3B,iBAAiB;EACjB,0BAA0B;EAC1B,2CAA2C;EAC3C,uBAAuB;EACvB,wCAAwC;EACxC,2BAA2B;EAC3B,oBAAoB;EACpB,sBAAsB;EACtB,2BAA2B;EAC3B,+BAA+B;EAC/B,0BAA0B;EAC1B,4BAA4B;EAC5B,uBAAuB;EACvB,4BAA4B;EAC5B,yBAAyB;EACzB,6BAA6B;EAC7B,oCAAoC;EACpC,mCAAmC;EACnC,oCAAoC;EACpC,oCAAoC;EACpC,qCAAqC;EACrC,iCAAiC;EACjC,qBAAqB;EACrB,wBAAwB;EACxB,6BAA6B;EAC7B,4BAA4B;EAC5B,kCAAkC;EAClC,oCAAoC;EACpC,kCAAkC;EAClC,iCAAiC;EACjC,+BAA+B;EAC/B,kCAAkC;EAClC,0BAA0B;EAC1B,qBAAqB;EACrB,6BAA6B;EAC7B,kCAAkC;EAClC,4BAA4B;EAC5B,8BAA8B;EAC9B,wBAAwB;EACxB,8BAA8B;EAC9B,gCAAgC;EAChC,+BAA+B;EAC/B,8BAA8B;EAC9B,6BAA6B;EAC7B,qBAAqB;EACrB,UAAU;AACZ;;AAEA;EACE,SAAS;EACT,iBAAiB;EACjB,6BAA6B;AAC/B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE;IACE,4DAA4D;EAC9D;AACF;;AAEA;EACE,uBAAuB;EACvB,4CAA4C;EAC5C,wBAAwB;AAC1B;;AAEA;EACE,2BAA2B;EAC3B,oCAAoC;AACtC;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,6CAA6C;AAC/C;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE;IACE,4DAA4D;EAC9D;AACF","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(--primaryColor);\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}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\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(--selectTextColor);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\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 background-color: var(--selectBgColor);\n border: .5px solid var(--selectBorderColor);\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__single-value {\n color: var(--selectTextColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--selectBorderColor);\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(--selectBorderColor);\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__menu {\n background-color: var(--selectMenuBgColor);\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__option {\n text-align: left;\n color: var(--selectOptionTextColor);\n border-bottom: .5px solid var(--selectOptionBorderColor);\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(--selectOptionFocusedColor);\n color: var(--selectOptionFocusedTextColor);\n}\n\n.toast-container {\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: #ef7820;\n}\n\n.toast-container .basic-toast button {\n opacity: 1;\n}\n\n.toast-container .basic-toast button svg {\n fill: #fff;\n width: 20px;\n height: 20px;\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: 10px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: #fff;\n margin: 0;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\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 font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--inputBorderColor);\n background-color: var(--inputBgColor);\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(--inputTextColor);\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: Inter !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(--inputTextColor);\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 .focused {\n background-color: var(--inputSearchAppliedBg);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\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(--textColor);\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(--primaryColor);\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(--textColor);\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(--red);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\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(--textColor);\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(--red);\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 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\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(--red);\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-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\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(--primaryColor);\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 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(--borderColor);\n background: var(--productCardBgColor);\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(--productCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\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(--red);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--red);\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 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\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(--borderColor);\n background: var(--postCardBgColor);\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(--postCardSVGColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--postCardBackgroundColorActive);\n border-color: var(--primaryColor);\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(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\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(--red);\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(--borderColor);\n background-color: var(--footerBgColor);\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 .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--secondaryButtonTextColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--secondaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--primaryButtonTextColor);\n text-align: center;\n background-color: var(--primaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--red);\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.basic-progress .hide-loader .loader {\n display: none !important;\n}\n\n.modal {\n z-index: 99999;\n background-color: #0006;\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(--dialogModalBgColor);\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(--dialogModalTextColor);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n color: var(--dialogModalTextColor);\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 10px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n color: var(--dialogModalTextColor);\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--dialogModalTextColor);\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 fill: var(--dialogModalSVGColor);\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-footer {\n color: var(--dialogModalTextColor);\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 background: var(--topbarBgColor);\n border-bottom: .5px solid var(--borderColor);\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 position: absolute;\n top: 0;\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(--textColor);\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: var(--iconHoverBgColor);\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\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.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n background-color: var(--sidepanelBgColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 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-icon {\n width: 20px;\n height: 20px;\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(--primaryColor);\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(--customFieldBorderColor);\n text-align: center;\n color: var(--customFieldTextColor);\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: var(--customFieldCopySVGColor) !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 {\n background-color: var(--sidepanelBgColor);\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(--sidepanelTextColor);\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(--sidepanelOptionHoverColor);\n opacity: .8;\n color: var(--sidepanelTextColorHover);\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(--primaryColor);\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(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\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(--primaryColor);\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(--primaryColor);\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: var(--textColor);\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.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --sb-track-color: #fff8ee;\n --sb-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --svgColor: #fdb515;\n --svgColorSecondary: #ed5c2f;\n --mainBackgroundColor: #fff;\n --textColor: #000;\n --productCardBgColor: #fff;\n --productCardBackgroundColorActive: #fff8ee;\n --postCardBgColor: #fff;\n --postCardBackgroundColorActive: #fff8ee;\n --postCardSVGColor: #fdecd3;\n --inputBgColor: #fff;\n --inputTextColor: #000;\n --inputBorderColor: #303030;\n --inputSearchAppliedBg: #fff8ee;\n --inputSearchIcon: #303030;\n --selectBgColor: transparent;\n --selectTextColor: #000;\n --selectBorderColor: #303030;\n --selectMenuBgColor: #fff;\n --selectOptionTextColor: #000;\n --selectOptionBorderColor: #5454544d;\n --selectOptionFocusedColor: #fff8ee;\n --selectOptionFocusedTextColor: #000;\n --selectOptionSelectedColor: #fff8ee;\n --selectOptionSelectedTextColor: #000;\n --selectOptionSelectedBg: #fff8ee;\n --topbarBgColor: #fff;\n --sidepanelBgColor: #fff;\n --sidepanelTextColor: #303030;\n --sidepanelSVGColor: #303030;\n --sidepanelSVGColorActive: #ed5c2f;\n --sidepanelOptionHoverColor: #fff8ee;\n --sidepanelTextColorHover: #ed5c2f;\n --customFieldBorderColor: #303030;\n --customFieldTextColor: #303030;\n --customFieldCopySVGColor: #303030;\n --cardBgColor: transparent;\n --cardTextColor: #000;\n --dialogModalBgColor: #fff8ee;\n --dialogModalHeadingColor: #ed5c2f;\n --dialogModalTextColor: #000;\n --dialogModalSVGColor: #ed5c2f;\n --borderColor: #00000080;\n --secondaryButtonBgColor: #fff;\n --secondaryButtonTextColor: #000;\n --primaryButtonBgColor: #ed5c2f;\n --primaryButtonTextColor: #fff;\n --iconHoverBgColor: #00000013;\n --footerBgColor: #fff;\n --red: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: Inter !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n\n:root body .bp5-navbar {\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n z-index: auto !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--cardTextColor);\n background-color: var(--cardBgColor);\n}\n\n:root body .bp5-navbar .polotno-close-panel .bp5-button-text {\n color: var(--textColor);\n}\n\n:root body .bp5-navbar > div {\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container body, :root body .polotno-panel-container > div body, :root body .polotno-panel-container > div > div body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\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(--primaryColor);\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}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\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(--textColor);\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(--borderColor);\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__single-value {\n color: var(--textColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--borderColor);\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(--borderColor);\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__menu {\n background-color: var(--mainBackgroundColor);\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__option {\n text-align: left;\n color: var(--textColor);\n border-bottom: .5px solid var(--borderColor);\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(--secondaryColor);\n color: var(--textColor);\n}\n\n.toast-container {\n z-index: 99999;\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: #ef7820;\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: #fff;\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(--textColor);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--borderColor);\n background-color: var(--mainBackgroundColor);\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(--textColor);\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(--textColor);\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(--errorColor);\n}\n\n.input-layout .focused {\n background-color: var(--secondaryColor);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\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(--textColor);\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(--primaryColor);\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(--textColor);\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(--errorColor);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\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(--textColor);\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(--errorColor);\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 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\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(--errorColor);\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-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\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(--primaryColor);\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 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(--borderColor);\n background: var(--mainBackgroundColor);\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(--secondaryColor);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\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(--errorColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--errorColor);\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 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\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(--borderColor);\n background: var(--mainBackgroundColor);\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(--svgColorNotActive);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondaryColor);\n border-color: var(--primaryColor);\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(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\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(--errorColor);\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(--borderColor);\n background-color: var(--mainBackgroundColor);\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 .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--textColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--mainBackgroundColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--mainBackgroundColor);\n text-align: center;\n background-color: var(--primaryColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--errorColor);\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.basic-progress .hide-loader .loader {\n display: none !important;\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(--secondaryColor);\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(--textColor);\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(--textColor);\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 fill: var(--primaryColor);\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-footer {\n color: var(--textColor);\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 background: var(--mainBackgroundColor);\n border-bottom: .5px solid var(--borderColor);\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 position: absolute;\n top: 0;\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(--textColor);\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(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\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.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n background-color: var(--mainBackgroundColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 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-icon {\n width: 20px;\n height: 20px;\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(--primaryColor);\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(--borderColor);\n text-align: center;\n color: var(--textColor);\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: var(--textColor) !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 {\n background-color: var(--mainBackgroundColor);\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(--textColor);\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(--secondaryColor);\n opacity: .8;\n color: var(--primaryColor);\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(--primaryColor);\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(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\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(--primaryColor);\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(--primaryColor);\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: var(--textColor);\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.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --font-family: \"Inter\";\n --srollbar-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --secondaryColor: #fff8ee;\n --svgColor: #fdb515;\n --svgColorNotActive: #fdecd3;\n --mainBackgroundColor: #fff;\n --textColor: #000;\n --borderColor: #303030;\n --errorColor: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: var(--font-family) !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--srollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .bp5-navbar {\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--textColor);\n background-color: #0000;\n}\n\n:root body .bp5-navbar .polotno-close-panel .bp5-button-text {\n color: var(--textColor);\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container body, :root body .polotno-panel-container > div body, :root body .polotno-panel-container > div > div body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--srollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .bp5-popover-content > div > div > div::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n}\n\n:root body .bp5-popover-content > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .bp5-popover-content > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .bp5-popover-content > div > div > div body {\n scrollbar-color: var(--srollbar-thumb-color) var(--secondaryColor);\n }\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(--primaryColor);\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}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\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(--textColor);\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(--borderColor);\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__single-value {\n color: var(--textColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--borderColor);\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(--borderColor);\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__menu {\n background-color: var(--mainBackgroundColor);\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__option {\n text-align: left;\n color: var(--textColor);\n border-bottom: .5px solid var(--borderColor);\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(--secondaryColor);\n color: var(--textColor);\n}\n\n.toast-container {\n z-index: 99999;\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: #ef7820;\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: #fff;\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(--textColor);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--borderColor);\n background-color: var(--mainBackgroundColor);\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(--textColor);\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(--textColor);\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(--errorColor);\n}\n\n.input-layout .focused {\n background-color: var(--secondaryColor);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\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(--textColor);\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(--primaryColor);\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(--textColor);\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(--errorColor);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\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(--textColor);\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(--errorColor);\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 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\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(--errorColor);\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-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\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(--primaryColor);\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 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(--borderColor);\n background: var(--mainBackgroundColor);\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(--secondaryColor);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\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(--errorColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--errorColor);\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 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\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(--borderColor);\n background: var(--mainBackgroundColor);\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(--svgColorNotActive);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondaryColor);\n border-color: var(--primaryColor);\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(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\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(--errorColor);\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(--borderColor);\n background-color: var(--mainBackgroundColor);\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 .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--textColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--mainBackgroundColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--mainBackgroundColor);\n text-align: center;\n background-color: var(--primaryColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--errorColor);\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.basic-progress .hide-loader .loader {\n display: none !important;\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(--secondaryColor);\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(--textColor);\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(--textColor);\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 fill: var(--primaryColor);\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-footer {\n color: var(--textColor);\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 background: var(--mainBackgroundColor);\n border-bottom: .5px solid var(--borderColor);\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 position: absolute;\n top: 0;\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(--textColor);\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(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\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.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n background-color: var(--mainBackgroundColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 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-icon {\n width: 20px;\n height: 20px;\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(--primaryColor);\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(--borderColor);\n text-align: center;\n color: var(--textColor);\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: var(--textColor) !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 {\n background-color: var(--mainBackgroundColor);\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(--textColor);\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(--secondaryColor);\n opacity: .8;\n color: var(--primaryColor);\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(--primaryColor);\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(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\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(--primaryColor);\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(--primaryColor);\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: var(--textColor);\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.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --font-family: \"Inter\";\n --srollbar-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --secondaryColor: #fff8ee;\n --svgColor: #fdb515;\n --svgColorNotActive: #fdecd3;\n --mainBackgroundColor: #fff;\n --textColor: #000;\n --borderColor: #303030;\n --errorColor: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: var(--font-family) !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--srollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .bp5-navbar {\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--textColor);\n background-color: #0000;\n}\n\n:root body .bp5-navbar .polotno-close-panel .bp5-button-text {\n color: var(--textColor);\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container body, :root body .polotno-panel-container > div body, :root body .polotno-panel-container > div > div body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--srollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .bp5-popover-content > div > div > div::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n}\n\n:root body .bp5-popover-content > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .bp5-popover-content > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .bp5-popover-content > div > div > div body {\n scrollbar-color: var(--srollbar-thumb-color) var(--secondaryColor);\n }\n}\n"],"sourceRoot":""}]);
50375
50375
  // Exports
50376
50376
  /* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
50377
50377
 
@@ -128703,7 +128703,7 @@ if (inBrowser) {
128703
128703
 
128704
128704
 
128705
128705
 
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=5c3efe80
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=250962db
128707
128707
  var render = function render() {
128708
128708
  var _vm = this,
128709
128709
  _c = _vm._self._c
@@ -128713,7 +128713,7 @@ var staticRenderFns = []
128713
128713
  render._withStripped = true
128714
128714
 
128715
128715
 
128716
- ;// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=5c3efe80
128716
+ ;// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=250962db
128717
128717
 
128718
128718
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
128719
128719
  var injectStylesIntoStyleTag = __webpack_require__(85072);
@@ -137527,9 +137527,9 @@ var _400_update = injectStylesIntoStyleTag_default()(_400/* default */.A, _400_o
137527
137527
 
137528
137528
  /* harmony default export */ var inter_400 = (_400/* default */.A && _400/* default */.A.locals ? _400/* default */.A.locals : undefined);
137529
137529
 
137530
- // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/@fontsource/inter/700.css
137531
- var _700 = __webpack_require__(72804);
137532
- ;// CONCATENATED MODULE: ./node_modules/@fontsource/inter/700.css
137530
+ // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/@fontsource/inter/500.css
137531
+ var _500 = __webpack_require__(88498);
137532
+ ;// CONCATENATED MODULE: ./node_modules/@fontsource/inter/500.css
137533
137533
 
137534
137534
 
137535
137535
 
@@ -137541,20 +137541,20 @@ var _700 = __webpack_require__(72804);
137541
137541
 
137542
137542
 
137543
137543
 
137544
- var _700_options = {};
137544
+ var _500_options = {};
137545
137545
 
137546
- _700_options.styleTagTransform = (styleTagTransform_default());
137547
- _700_options.setAttributes = (setAttributesWithoutAttributes_default());
137548
- _700_options.insert = insertBySelector_default().bind(null, "head");
137549
- _700_options.domAPI = (styleDomAPI_default());
137550
- _700_options.insertStyleElement = (insertStyleElement_default());
137546
+ _500_options.styleTagTransform = (styleTagTransform_default());
137547
+ _500_options.setAttributes = (setAttributesWithoutAttributes_default());
137548
+ _500_options.insert = insertBySelector_default().bind(null, "head");
137549
+ _500_options.domAPI = (styleDomAPI_default());
137550
+ _500_options.insertStyleElement = (insertStyleElement_default());
137551
137551
 
137552
- var _700_update = injectStylesIntoStyleTag_default()(_700/* default */.A, _700_options);
137552
+ var _500_update = injectStylesIntoStyleTag_default()(_500/* default */.A, _500_options);
137553
137553
 
137554
137554
 
137555
137555
 
137556
137556
 
137557
- /* harmony default export */ var inter_700 = (_700/* default */.A && _700/* default */.A.locals ? _700/* default */.A.locals : undefined);
137557
+ /* harmony default export */ var inter_500 = (_500/* default */.A && _500/* default */.A.locals ? _500/* default */.A.locals : undefined);
137558
137558
 
137559
137559
  // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/@fontsource/inter/600.css
137560
137560
  var _600 = __webpack_require__(60137);
@@ -137585,9 +137585,9 @@ var _600_update = injectStylesIntoStyleTag_default()(_600/* default */.A, _600_o
137585
137585
 
137586
137586
  /* harmony default export */ var inter_600 = (_600/* default */.A && _600/* default */.A.locals ? _600/* default */.A.locals : undefined);
137587
137587
 
137588
- // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/@fontsource/inter/500.css
137589
- var _500 = __webpack_require__(88498);
137590
- ;// CONCATENATED MODULE: ./node_modules/@fontsource/inter/500.css
137588
+ // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/@fontsource/inter/700.css
137589
+ var _700 = __webpack_require__(72804);
137590
+ ;// CONCATENATED MODULE: ./node_modules/@fontsource/inter/700.css
137591
137591
 
137592
137592
 
137593
137593
 
@@ -137599,20 +137599,20 @@ var _500 = __webpack_require__(88498);
137599
137599
 
137600
137600
 
137601
137601
 
137602
- var _500_options = {};
137602
+ var _700_options = {};
137603
137603
 
137604
- _500_options.styleTagTransform = (styleTagTransform_default());
137605
- _500_options.setAttributes = (setAttributesWithoutAttributes_default());
137606
- _500_options.insert = insertBySelector_default().bind(null, "head");
137607
- _500_options.domAPI = (styleDomAPI_default());
137608
- _500_options.insertStyleElement = (insertStyleElement_default());
137604
+ _700_options.styleTagTransform = (styleTagTransform_default());
137605
+ _700_options.setAttributes = (setAttributesWithoutAttributes_default());
137606
+ _700_options.insert = insertBySelector_default().bind(null, "head");
137607
+ _700_options.domAPI = (styleDomAPI_default());
137608
+ _700_options.insertStyleElement = (insertStyleElement_default());
137609
137609
 
137610
- var _500_update = injectStylesIntoStyleTag_default()(_500/* default */.A, _500_options);
137610
+ var _700_update = injectStylesIntoStyleTag_default()(_700/* default */.A, _700_options);
137611
137611
 
137612
137612
 
137613
137613
 
137614
137614
 
137615
- /* harmony default export */ var inter_500 = (_500/* default */.A && _500/* default */.A.locals ? _500/* default */.A.locals : undefined);
137615
+ /* harmony default export */ var inter_700 = (_700/* default */.A && _700/* default */.A.locals ? _700/* default */.A.locals : undefined);
137616
137616
 
137617
137617
  ;// CONCATENATED MODULE: ./node_modules/immer/dist/immer.mjs
137618
137618
  // src/utils/env.ts
@@ -152899,7 +152899,7 @@ var $ad568a7ac4136873$export$2e2bcd8739ae039 = $ad568a7ac4136873$var$store;
152899
152899
 
152900
152900
 
152901
152901
 
152902
- const $7ad22e5ca6c288ca$export$c3ee1e672e1e24e7 = "https://api.openletterconnect.com/api/v1";
152902
+ const $7ad22e5ca6c288ca$export$c3ee1e672e1e24e7 = "https://api.openletterconnect.com/api/v1/sdk";
152903
152903
  const $7ad22e5ca6c288ca$export$6032165a31897610 = 96;
152904
152904
  const $7ad22e5ca6c288ca$export$882f44a34ce19ae0 = "https://api.openletterconnect.com/api/v1/download/s3/openletterconnect/assets/preview/one-barcode.png";
152905
152905
  const $7ad22e5ca6c288ca$export$b14103b5b94712c4 = "https://help.openletterconnect.com/getting-support/designing-your-mailers/wip-designing-mail-creatives/wip-mail-piece-design-specs";
@@ -152932,13 +152932,36 @@ const $7ad22e5ca6c288ca$export$e75e577b199ead61 = [
152932
152932
  ];
152933
152933
 
152934
152934
 
152935
+ let $717432aee8737b76$export$4c3a79da664857a5 = "";
152936
+ let $717432aee8737b76$export$e484206ee977114e = "";
152937
+ const $717432aee8737b76$export$2cdf1b96a9f86d16 = (text)=>{
152938
+ navigator.clipboard.writeText(text).then(()=>{}).catch((err)=>{
152939
+ console.error("Failed to copy text: ", err);
152940
+ });
152941
+ };
152942
+ const $717432aee8737b76$export$8b5260d2c1269447 = ()=>{
152943
+ return $717432aee8737b76$export$4c3a79da664857a5;
152944
+ };
152945
+ const $717432aee8737b76$export$750bdf4bac68fe69 = ()=>{
152946
+ return $717432aee8737b76$export$e484206ee977114e;
152947
+ };
152948
+ const $717432aee8737b76$export$9d2510767fe266f9 = (name)=>{
152949
+ $717432aee8737b76$export$4c3a79da664857a5 = name;
152950
+ };
152951
+ const $717432aee8737b76$export$4251d26568059eef = (password)=>{
152952
+ $717432aee8737b76$export$e484206ee977114e = password;
152953
+ };
152954
+
152955
+
152956
+ const $f081c02ac731d950$var$base64Credentials = ()=>btoa(`${(0, $717432aee8737b76$export$8b5260d2c1269447)()}:${(0, $717432aee8737b76$export$750bdf4bac68fe69)()}`);
152935
152957
  const $f081c02ac731d950$var$getHeaders = (additionalHeaders = {})=>({
152936
152958
  "Content-Type": "application/json",
152937
152959
  "Accept": "application/json",
152960
+ "Authorization": `Basic ${$f081c02ac731d950$var$base64Credentials()}`,
152938
152961
  ...additionalHeaders
152939
152962
  });
152940
152963
  const $f081c02ac731d950$var$fetchWrapper = async (endpoint, options)=>{
152941
- const url = new URL(`${(0, $7ad22e5ca6c288ca$export$c3ee1e672e1e24e7)}/${endpoint}`);
152964
+ const url = new URL(`${(0, $7ad22e5ca6c288ca$export$c3ee1e672e1e24e7)}${endpoint}`);
152942
152965
  if (options.method === "GET" && options.params) Object.entries(options.params).forEach(([key, value])=>{
152943
152966
  url.searchParams.append(key, value);
152944
152967
  });
@@ -153014,7 +153037,7 @@ const $77d971be1e6bcd7c$export$1d2f21e549771e67 = async (endpoint, params)=>{
153014
153037
  * @returns {void}
153015
153038
  */ const $dbaee5ca78364d67$export$afe4a7b3b3722350 = (id, type = "edit")=>async (dispatch)=>{
153016
153039
  try {
153017
- const { data: data } = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)(`templates/${id}`);
153040
+ const { data: data } = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)(`/templates/${id}`);
153018
153041
  dispatch({
153019
153042
  type: (0, $e496cac0faa1ff17$export$1c6648626b31f20d),
153020
153043
  payload: {
@@ -153038,7 +153061,7 @@ const $77d971be1e6bcd7c$export$1d2f21e549771e67 = async (endpoint, params)=>{
153038
153061
  * @throws {Error} - If an error occurs during the upload process.
153039
153062
  */ const $dbaee5ca78364d67$export$bbcabe93832383b3 = async (templateFormData)=>{
153040
153063
  try {
153041
- const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("templates/upload", templateFormData);
153064
+ const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("/templates/upload", templateFormData);
153042
153065
  return response;
153043
153066
  } catch (error) {
153044
153067
  return error.response;
@@ -153051,7 +153074,7 @@ const $77d971be1e6bcd7c$export$1d2f21e549771e67 = async (endpoint, params)=>{
153051
153074
  * @returns {Promise<object>} - A promise that resolves to the response from the successful request or the error response if an error occurs.
153052
153075
  */ const $dbaee5ca78364d67$export$7b7ae612b60e1630 = async (data)=>{
153053
153076
  try {
153054
- const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("templates", data);
153077
+ const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("/templates", data);
153055
153078
  return response;
153056
153079
  } catch (error) {
153057
153080
  return error.response;
@@ -153065,7 +153088,7 @@ const $77d971be1e6bcd7c$export$1d2f21e549771e67 = async (endpoint, params)=>{
153065
153088
  * @returns {Promise<object>} - A promise that resolves to the response from the successful request or the error response if an error occurs.
153066
153089
  */ const $dbaee5ca78364d67$export$efe36ac11163df30 = async (id, data)=>{
153067
153090
  try {
153068
- const response = await (0, $77d971be1e6bcd7c$export$b76953f99ab2be78)(`templates/${id}`, data);
153091
+ const response = await (0, $77d971be1e6bcd7c$export$b76953f99ab2be78)(`/templates/${id}`, data);
153069
153092
  return response;
153070
153093
  } catch (error) {
153071
153094
  return error.response;
@@ -153113,7 +153136,7 @@ const $77d971be1e6bcd7c$export$1d2f21e549771e67 = async (endpoint, params)=>{
153113
153136
  try {
153114
153137
  const formData = new FormData();
153115
153138
  formData.append("image", file);
153116
- const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("templates/uploadFile", formData);
153139
+ const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("/uploadFile", formData);
153117
153140
  return response?.data?.data?.filePath;
153118
153141
  } catch (error) {
153119
153142
  return error?.response;
@@ -153189,7 +153212,7 @@ const $77d971be1e6bcd7c$export$1d2f21e549771e67 = async (endpoint, params)=>{
153189
153212
  * @throws {object} - The error response if there is an error.
153190
153213
  */ const $dbaee5ca78364d67$export$202033b5492f87a7 = async ()=>{
153191
153214
  try {
153192
- const response = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)("templates/categories");
153215
+ const response = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)("/categories");
153193
153216
  return response;
153194
153217
  } catch (error) {
153195
153218
  return error.response;
@@ -154886,7 +154909,7 @@ const $3f4ef87f7a4a530a$var$colourStyles = {
154886
154909
  option: (styles, { isDisabled: isDisabled, isFocused: isFocused, isSelected: isSelected })=>{
154887
154910
  return {
154888
154911
  ...styles,
154889
- backgroundColor: isDisabled ? undefined : isSelected && isFocused ? "var(--selectOptionSelectedBg)" : isFocused && !isSelected ? "var(--selectOptionFocusedColor)" : undefined
154912
+ backgroundColor: isDisabled ? undefined : isSelected && isFocused ? "var(--secondaryColor)" : isFocused && !isSelected ? "var(--secondaryColor)" : undefined
154890
154913
  };
154891
154914
  }
154892
154915
  };
@@ -154960,6 +154983,27 @@ const $6ca040a325a745aa$export$823cdc5238933767 = ()=>(dispatch)=>{
154960
154983
 
154961
154984
 
154962
154985
 
154986
+
154987
+ const $fb8d63cd819e9d3d$var$Cross = (props)=>{
154988
+ const { toast: toast } = props;
154989
+ return /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
154990
+ width: "22",
154991
+ height: "22",
154992
+ viewBox: "0 0 22 22",
154993
+ fill: "none",
154994
+ xmlns: "http://www.w3.org/2000/svg",
154995
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
154996
+ fillRule: "evenodd",
154997
+ clipRule: "evenodd",
154998
+ d: "M2.11597 10.866C2.11597 8.40681 3.09286 6.04839 4.83173 4.30951C6.57061 2.57064 8.92903 1.59375 11.3882 1.59375C13.8473 1.59375 16.2057 2.57064 17.9446 4.30951C19.6835 6.04839 20.6604 8.40681 20.6604 10.866C20.6604 13.3251 19.6835 15.6835 17.9446 17.4224C16.2057 19.1613 13.8473 20.1382 11.3882 20.1382C8.92903 20.1382 6.57061 19.1613 4.83173 17.4224C3.09286 15.6835 2.11597 13.3251 2.11597 10.866ZM11.3882 2.92375C9.28176 2.92375 7.26164 3.76052 5.77218 5.24997C4.28273 6.73942 3.44597 8.75955 3.44597 10.866C3.44597 12.9724 4.28273 14.9925 5.77218 16.4819C7.26164 17.9714 9.28176 18.8082 11.3882 18.8082C13.4946 18.8082 15.5147 17.9714 17.0042 16.4819C18.4936 14.9925 19.3304 12.9724 19.3304 10.866C19.3304 8.75955 18.4936 6.73942 17.0042 5.24997C15.5147 3.76052 13.4946 2.92375 11.3882 2.92375ZM14.6838 7.57175C14.815 7.70302 14.8887 7.88104 14.8887 8.06665C14.8887 8.25227 14.815 8.43028 14.6838 8.56155L12.378 10.866L14.6838 13.1704C14.8152 13.3018 14.8891 13.4801 14.8891 13.666C14.8891 13.8518 14.8152 14.0301 14.6838 14.1616C14.5523 14.293 14.3741 14.3668 14.1882 14.3668C14.0023 14.3668 13.824 14.293 13.6926 14.1616L11.3882 11.8558L9.08377 14.1616C9.01868 14.2266 8.94142 14.2783 8.85638 14.3135C8.77135 14.3487 8.68021 14.3668 8.58817 14.3668C8.49613 14.3668 8.40499 14.3487 8.31995 14.3135C8.23492 14.2783 8.15765 14.2266 8.09257 14.1616C8.02748 14.0965 7.97586 14.0192 7.94063 13.9342C7.90541 13.8491 7.88728 13.758 7.88728 13.666C7.88728 13.5739 7.90541 13.4828 7.94063 13.3977C7.97586 13.3127 8.02748 13.2354 8.09257 13.1704L10.3984 10.866L8.09257 8.56155C7.96113 8.43011 7.88728 8.25184 7.88728 8.06595C7.88728 7.88006 7.96113 7.70179 8.09257 7.57035C8.22401 7.43891 8.40228 7.36507 8.58817 7.36507C8.77405 7.36507 8.95233 7.43891 9.08377 7.57035L11.3882 9.87615L13.6926 7.57035C13.7576 7.50516 13.8348 7.45344 13.9199 7.41815C14.0049 7.38286 14.0961 7.3647 14.1882 7.3647C14.2802 7.3647 14.3714 7.38286 14.4565 7.41815C14.5415 7.45344 14.6187 7.50656 14.6838 7.57175Z",
154999
+ fill: toast ? `#fff` : `var(--textColor)`
155000
+ })
155001
+ });
155002
+ };
155003
+ var $fb8d63cd819e9d3d$export$2e2bcd8739ae039 = $fb8d63cd819e9d3d$var$Cross;
155004
+
155005
+
155006
+
154963
155007
  const $a9c4d245899171bf$var$GenericSnackbar = ()=>{
154964
155008
  const open = (0, useSelector)((state)=>state.snackbarReducers.snackbar.open);
154965
155009
  const heading = (0, useSelector)((state)=>state.snackbarReducers.snackbar.heading);
@@ -154969,19 +155013,24 @@ const $a9c4d245899171bf$var$GenericSnackbar = ()=>{
154969
155013
  className: "toast-content",
154970
155014
  children: [
154971
155015
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
154972
- children: heading || ""
155016
+ children: heading || "Notifications"
154973
155017
  }),
154974
155018
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
154975
155019
  children: message || ""
154976
155020
  })
154977
155021
  ]
154978
155022
  });
154979
- const notify = ()=>(0, react_toastify_esm_B)(Element);
155023
+ const notify = ()=>(0, react_toastify_esm_B)(Element, {
155024
+ toastId: "myToast"
155025
+ });
154980
155026
  (0, react.useEffect)(()=>{
154981
155027
  if (open) {
154982
155028
  notify();
154983
155029
  dispatch((0, $6ca040a325a745aa$export$823cdc5238933767)());
154984
155030
  }
155031
+ (0, react_toastify_esm_B).clearWaitingQueue({
155032
+ containerId: "myToast"
155033
+ });
154985
155034
  }, [
154986
155035
  open
154987
155036
  ]);
@@ -154991,7 +155040,11 @@ const $a9c4d245899171bf$var$GenericSnackbar = ()=>{
154991
155040
  toastClassName: "basic-toast",
154992
155041
  bodyClassName: "toast-body",
154993
155042
  hideProgressBar: true,
154994
- autoClose: 3000
155043
+ autoClose: 3000,
155044
+ closeButton: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $fb8d63cd819e9d3d$export$2e2bcd8739ae039), {
155045
+ toast: true
155046
+ }),
155047
+ closeOnClick: true
154995
155048
  });
154996
155049
  };
154997
155050
  var $a9c4d245899171bf$export$2e2bcd8739ae039 = $a9c4d245899171bf$var$GenericSnackbar;
@@ -155486,7 +155539,7 @@ const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, v
155486
155539
  children: label ? label : ""
155487
155540
  }),
155488
155541
  /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155489
- className: `input-with-icon ${searchApplied && "focused"}`,
155542
+ className: `input-with-icon ${searchApplied && "focused"} ${error ? "errorBorder" : ""}`,
155490
155543
  children: [
155491
155544
  /*#__PURE__*/ (0, jsx_runtime.jsx)(InputVariant, {
155492
155545
  type: type,
@@ -155502,7 +155555,7 @@ const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, v
155502
155555
  className: "cancel-input-button",
155503
155556
  onClick: removeSearchInput,
155504
155557
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d1daedf6fbcf28dd$export$2e2bcd8739ae039), {
155505
- fill: "var(--inputSearchIcon)"
155558
+ fill: "var(--borderColor)"
155506
155559
  })
155507
155560
  }) : null,
155508
155561
  /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
@@ -155567,8 +155620,8 @@ const $dd071d7635be500b$var$footerButtonStyles = {
155567
155620
  minHeight: "40px",
155568
155621
  textTransform: "capitalize",
155569
155622
  borderRadius: "3px",
155570
- backgroundColor: "var(--secondaryButtonBgColor)",
155571
- color: `var(--secondaryButtonTextColor)`,
155623
+ backgroundColor: "var(--mainBackgroundColor)",
155624
+ color: `var(--textColor)`,
155572
155625
  fontSize: `14px`,
155573
155626
  fontWeight: `500`
155574
155627
  };
@@ -155830,7 +155883,7 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute })=>{
155830
155883
  style: {
155831
155884
  ...$dd071d7635be500b$var$footerButtonStyles,
155832
155885
  color: "#ffffff",
155833
- backgroundColor: "var(--primaryButtonBgColor)"
155886
+ backgroundColor: "var(--primaryColor)"
155834
155887
  },
155835
155888
  onClick: handleNext,
155836
155889
  children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.SUBMIT_BUTTON
@@ -156058,9 +156111,10 @@ var $9d3950b100c0523a$export$2e2bcd8739ae039 = $9d3950b100c0523a$var$CircularPro
156058
156111
 
156059
156112
 
156060
156113
 
156114
+
156061
156115
  const $c8f7718e9f3db339$var$buttonStyles = {
156062
- color: "var(--primaryButtonTextColor)",
156063
- backgroundColor: "var(--primaryButtonBgColor)",
156116
+ color: "var(--mainBackgroundColor)",
156117
+ backgroundColor: "var(--primaryColor)",
156064
156118
  maxWidth: "100px",
156065
156119
  minHeight: "40px",
156066
156120
  border: "0.5px solid var(--borderColor)",
@@ -156068,12 +156122,12 @@ const $c8f7718e9f3db339$var$buttonStyles = {
156068
156122
  };
156069
156123
  const $c8f7718e9f3db339$var$heading = {
156070
156124
  fontSize: "22px",
156071
- color: "var(--dialogModalHeadingColor)",
156125
+ color: "var(--primaryColor)",
156072
156126
  fontWeight: "600"
156073
156127
  };
156074
156128
  const $c8f7718e9f3db339$var$subHeadingStyle = {
156075
156129
  fontSize: "16px",
156076
- color: "var(--dialogModalTextColor)",
156130
+ color: "var(--textColor)",
156077
156131
  fontWeight: "600",
156078
156132
  textAlign: "center"
156079
156133
  };
@@ -156099,13 +156153,13 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
156099
156153
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
156100
156154
  className: "close",
156101
156155
  onClick: handleClose,
156102
- children: "\xd7"
156156
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $fb8d63cd819e9d3d$export$2e2bcd8739ae039), {})
156103
156157
  })
156104
156158
  }),
156105
156159
  /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
156106
156160
  className: "modal-body",
156107
156161
  children: [
156108
- /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
156162
+ icon && /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
156109
156163
  className: "modal-icon",
156110
156164
  children: icon
156111
156165
  }),
@@ -156138,8 +156192,8 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
156138
156192
  onClick: onCancel,
156139
156193
  style: {
156140
156194
  ...$c8f7718e9f3db339$var$buttonStyles,
156141
- color: "var(--secondaryButtonTextColor)",
156142
- backgroundColor: "var(--secondaryButtonBgColor)"
156195
+ color: "var(--textColor)",
156196
+ backgroundColor: "var(--mainBackgroundColor)"
156143
156197
  },
156144
156198
  children: cancelText
156145
156199
  }),
@@ -156227,16 +156281,13 @@ var $f8816ee2d46ac0fb$export$2e2bcd8739ae039 = $f8816ee2d46ac0fb$var$SaveTemplat
156227
156281
  const $8c59b172071542b8$var$ModalCross = (props)=>{
156228
156282
  const { disabled: disabled, fill: fill } = props;
156229
156283
  return /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
156230
- width: "21",
156231
- height: "22",
156232
- viewBox: "0 0 21 22",
156233
- fill: "none",
156234
156284
  xmlns: "http://www.w3.org/2000/svg",
156285
+ height: "24px",
156286
+ viewBox: "0 -960 960 960",
156287
+ width: "24px",
156288
+ fill: disabled ? "grey" : fill,
156235
156289
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
156236
- fillRule: "evenodd",
156237
- clipRule: "evenodd",
156238
- d: "M1.22803 10.6482C1.22803 8.18904 2.20492 5.83062 3.94379 4.09174C5.68267 2.35287 8.04109 1.37598 10.5002 1.37598C12.9594 1.37598 15.3178 2.35287 17.0567 4.09174C18.7955 5.83062 19.7724 8.18904 19.7724 10.6482C19.7724 13.1073 18.7955 15.4657 17.0567 17.2046C15.3178 18.9435 12.9594 19.9204 10.5002 19.9204C8.04109 19.9204 5.68267 18.9435 3.94379 17.2046C2.20492 15.4657 1.22803 13.1073 1.22803 10.6482ZM10.5002 2.70598C8.39383 2.70598 6.3737 3.54274 4.88424 5.03219C3.39479 6.52165 2.55803 8.54177 2.55803 10.6482C2.55803 12.7546 3.39479 14.7747 4.88424 16.2642C6.3737 17.7536 8.39383 18.5904 10.5002 18.5904C12.6066 18.5904 14.6268 17.7536 16.1162 16.2642C17.6057 14.7747 18.4424 12.7546 18.4424 10.6482C18.4424 8.54177 17.6057 6.52165 16.1162 5.03219C14.6268 3.54274 12.6066 2.70598 10.5002 2.70598ZM13.7958 7.35398C13.9271 7.48525 14.0008 7.66326 14.0008 7.84888C14.0008 8.03449 13.9271 8.21251 13.7958 8.34378L11.49 10.6482L13.7958 12.9526C13.9273 13.084 14.0011 13.2623 14.0011 13.4482C14.0011 13.6341 13.9273 13.8123 13.7958 13.9438C13.6644 14.0752 13.4861 14.1491 13.3002 14.1491C13.1143 14.1491 12.9361 14.0752 12.8046 13.9438L10.5002 11.638L8.19583 13.9438C8.13074 14.0089 8.05348 14.0605 7.96845 14.0957C7.88341 14.1309 7.79227 14.1491 7.70023 14.1491C7.60819 14.1491 7.51705 14.1309 7.43201 14.0957C7.34698 14.0605 7.26971 14.0089 7.20463 13.9438C7.13954 13.8787 7.08792 13.8014 7.0527 13.7164C7.01747 13.6314 6.99934 13.5402 6.99934 13.4482C6.99934 13.3561 7.01747 13.265 7.0527 13.18C7.08792 13.0949 7.13954 13.0177 7.20463 12.9526L9.51043 10.6482L7.20463 8.34378C7.07319 8.21234 6.99934 8.03406 6.99934 7.84818C6.99934 7.66229 7.07319 7.48402 7.20463 7.35258C7.33607 7.22114 7.51434 7.14729 7.70023 7.14729C7.88611 7.14729 8.06439 7.22114 8.19583 7.35258L10.5002 9.65838L12.8046 7.35258C12.8697 7.28739 12.9469 7.23567 13.0319 7.20038C13.117 7.16509 13.2082 7.14693 13.3002 7.14693C13.3923 7.14693 13.4835 7.16509 13.5685 7.20038C13.6536 7.23567 13.7308 7.28879 13.7958 7.35398Z",
156239
- fill: disabled ? "gray" : fill
156290
+ d: "m336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"
156240
156291
  })
156241
156292
  });
156242
156293
  };
@@ -156253,14 +156304,12 @@ var $8c59b172071542b8$export$2e2bcd8739ae039 = $8c59b172071542b8$var$ModalCross;
156253
156304
  * @returns {JSX.Element} The duplicate template modal component.
156254
156305
  *
156255
156306
  */ const $b3fd558411fcaf23$var$cancelDialogStyles = {
156256
- maxWidth: "450px",
156257
- minHeight: "260px"
156307
+ maxWidth: "407px",
156308
+ minHeight: "258px"
156258
156309
  };
156259
156310
  const $b3fd558411fcaf23$var$ConfirmNavigateDialog = ({ open: open, handleClose: handleClose, handleNavigateAction: handleNavigateAction })=>{
156260
156311
  return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c8f7718e9f3db339$export$2e2bcd8739ae039), {
156261
- icon: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $8c59b172071542b8$export$2e2bcd8739ae039), {
156262
- fill: "var(--primaryColor)"
156263
- }),
156312
+ icon: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $8c59b172071542b8$export$2e2bcd8739ae039), {}),
156264
156313
  customStyles: $b3fd558411fcaf23$var$cancelDialogStyles,
156265
156314
  open: open,
156266
156315
  handleClose: handleClose,
@@ -156370,8 +156419,8 @@ var $6612202931a08516$export$2e2bcd8739ae039 = $6612202931a08516$var$editPencilI
156370
156419
  */ const $d31b9bd88e5dcf67$var$buttonStyles = {
156371
156420
  maxWidth: "120px",
156372
156421
  minHeight: "40px",
156373
- backgroundColor: "var(--secondaryButtonBgColor)",
156374
- color: "var(--secondaryButtonTextColor)",
156422
+ backgroundColor: "var(--mainBackgroundColor)",
156423
+ color: "var(--textColor)",
156375
156424
  border: "0.5px solid var(--borderColor)",
156376
156425
  fontSize: "15px",
156377
156426
  fontWeight: "500"
@@ -156634,7 +156683,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
156634
156683
  ...$d31b9bd88e5dcf67$var$buttonStyles,
156635
156684
  border: "none",
156636
156685
  backgroundColor: "var(--primaryColor)",
156637
- color: "var(--primaryButtonTextColor)"
156686
+ color: "var(--mainBackgroundColor)"
156638
156687
  },
156639
156688
  onClick: ()=>handleChangeModel("save"),
156640
156689
  children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SUBMIT_BUTTON
@@ -156668,7 +156717,6 @@ var $d31b9bd88e5dcf67$export$2e2bcd8739ae039 = $d31b9bd88e5dcf67$var$TopNavigati
156668
156717
 
156669
156718
 
156670
156719
 
156671
-
156672
156720
 
156673
156721
 
156674
156722
  const $21e11f889f8068bf$var$templateDefaultDesign = (props)=>{
@@ -156716,8 +156764,12 @@ var $afa975ba1b70ddf3$export$2e2bcd8739ae039 = $afa975ba1b70ddf3$var$CustomTempl
156716
156764
 
156717
156765
 
156718
156766
  const $c6f5440378b96420$var$designDialogStyles = {
156719
- maxWidth: "600px",
156720
- minHeight: "270px"
156767
+ maxWidth: "430px",
156768
+ minHeight: "265px"
156769
+ };
156770
+ const $c6f5440378b96420$var$loadDialogStyles = {
156771
+ maxWidth: "430px",
156772
+ minHeight: "285px"
156721
156773
  };
156722
156774
  const $c6f5440378b96420$var$templateTextStyles = {
156723
156775
  color: `var(--textColor)`,
@@ -156733,7 +156785,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
156733
156785
  name: "Templates",
156734
156786
  ...props,
156735
156787
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $afa975ba1b70ddf3$export$2e2bcd8739ae039), {
156736
- fill: "var(--sidepanelSVGColor)"
156788
+ fill: "var(--textColor)"
156737
156789
  })
156738
156790
  })),
156739
156791
  Panel: (0, es.observer)(({ store: store, onGetTemplates: onGetTemplates })=>{
@@ -156747,6 +156799,14 @@ const $c6f5440378b96420$var$customTemplateSection = {
156747
156799
  const [olcTemplates, setOlcTemplates] = (0, react.useState)([]);
156748
156800
  const [searchApplied, setSearchApplied] = (0, react.useState)(false);
156749
156801
  const [search, setSearch] = (0, react.useState)("");
156802
+ const [pagination, setPagination] = (0, react.useState)({
156803
+ count: 0,
156804
+ currentPage: 0,
156805
+ perPage: 0
156806
+ });
156807
+ const paginationRef = (0, react.useRef)(pagination);
156808
+ const searchRef = (0, react.useRef)(search);
156809
+ const currentTemplateTypeRef = (0, react.useRef)(currentTemplateType);
156750
156810
  const templates = (0, useSelector)((state)=>state.templates.templates);
156751
156811
  const template = (0, useSelector)((state)=>state.templates.template);
156752
156812
  const templatesPagination = (0, useSelector)((state)=>state.templates.templatesPagination);
@@ -156761,27 +156821,48 @@ const $c6f5440378b96420$var$customTemplateSection = {
156761
156821
  setSelectedRecord(record);
156762
156822
  handleDialogChange("load-template");
156763
156823
  };
156764
- const getTemplatesByTab = async ()=>{
156824
+ const getTemplatesByTab = async (page = 1)=>{
156765
156825
  const payload = {
156766
- tab: currentTemplateType?.id === "1" ? "my-templates" : currentTemplateType?.id === "2" ? "team-templates" : "olc-templates",
156767
- page: 1,
156768
- pageSize: 500,
156826
+ tab: currentTemplateTypeRef.current?.id === "1" ? "my-templates" : currentTemplateTypeRef.current?.id === "2" ? "team-templates" : "olc-templates",
156827
+ page: page,
156828
+ pageSize: 10,
156769
156829
  productId: product?.id
156770
156830
  };
156771
- search.length ? payload.search = search : undefined;
156772
- currentTemplateType?.id === "3" ? payload.categoryIds = selectedCategory?.id.split(",") : undefined;
156831
+ searchRef.current.length ? payload.search = searchRef.current : undefined;
156832
+ currentTemplateTypeRef.current?.id === "3" ? payload.categoryIds = selectedCategory?.id.split(",") : undefined;
156773
156833
  if (onGetTemplates) {
156774
156834
  const templates = await onGetTemplates(payload);
156775
- if (templates.length) {
156776
- if (currentTemplateType?.id === "1") setMyTemplates(templates);
156777
- else if (currentTemplateType?.id === "2") setTeamTemplates(templates);
156778
- else setOlcTemplates(templates);
156835
+ if (templates?.rows) {
156836
+ const newTemplates = templates.rows;
156837
+ if (currentTemplateTypeRef.current?.id === "1") {
156838
+ if (templates.currentPage === 1) setMyTemplates(newTemplates);
156839
+ else setMyTemplates((prevTemplates)=>[
156840
+ ...prevTemplates,
156841
+ ...newTemplates
156842
+ ]);
156843
+ } else if (currentTemplateTypeRef.current?.id === "2") {
156844
+ if (templates.currentPage === 1) setTeamTemplates(newTemplates);
156845
+ else setTeamTemplates((prevTemplates)=>[
156846
+ ...prevTemplates,
156847
+ ...newTemplates
156848
+ ]);
156849
+ } else if (currentTemplateTypeRef.current?.id === "3") {
156850
+ if (templates.currentPage === 1) setOlcTemplates(newTemplates);
156851
+ else setOlcTemplates((prevTemplates)=>[
156852
+ ...prevTemplates,
156853
+ ...newTemplates
156854
+ ]);
156855
+ }
156856
+ setPagination({
156857
+ count: templates.count,
156858
+ currentPage: templates.currentPage,
156859
+ perPage: templates.perPage
156860
+ });
156779
156861
  }
156780
- } else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please provide onGetTemplates handler via Props to load templates"));
156862
+ }
156781
156863
  };
156782
- // TODO Call New Route / Recive via Props for Templates Category
156783
156864
  const getAllCategories = async ()=>{
156784
- const categories = dispatch((0, $dbaee5ca78364d67$export$202033b5492f87a7));
156865
+ const categories = await dispatch((0, $dbaee5ca78364d67$export$202033b5492f87a7));
156785
156866
  if (categories?.status === 200) setTemplateCategories(categories?.data?.data.filter((item)=>item.totalTemplates > 0).map((item)=>({
156786
156867
  ...item,
156787
156868
  label: item.title
@@ -156800,10 +156881,10 @@ const $c6f5440378b96420$var$customTemplateSection = {
156800
156881
  const searchKeyDown = (event)=>{
156801
156882
  if (event.key === "Enter") handleSearch();
156802
156883
  };
156803
- const handleLoadAllTemplate = (pagination = false, initialCall = false)=>{
156804
- let page = pagination ? ++templates.currentPage : templates.currentPage;
156884
+ const handleLoadAllTemplate = (dynamicPagination = false, initialCall = false)=>{
156885
+ let page = dynamicPagination ? ++paginationRef.current.currentPage : paginationRef.current.currentPage;
156805
156886
  if (initialCall) page = 1;
156806
- // Call getAllTemplates if required.
156887
+ getTemplatesByTab(page);
156807
156888
  };
156808
156889
  const handleLoadTemplate = (id)=>{
156809
156890
  dispatch((0, $dbaee5ca78364d67$export$afe4a7b3b3722350)(id, "copy"));
@@ -156891,13 +156972,29 @@ const $c6f5440378b96420$var$customTemplateSection = {
156891
156972
  if (!search) {
156892
156973
  setSearchApplied(false);
156893
156974
  setSearch("");
156894
- getTemplatesByTab();
156975
+ setTimeout(()=>{
156976
+ getTemplatesByTab();
156977
+ }, 100);
156895
156978
  }
156896
156979
  }, [
156897
156980
  search
156898
156981
  ]);
156899
156982
  (0, react.useEffect)(()=>{
156900
- handleLoadAllTemplate(true, true);
156983
+ searchRef.current = search;
156984
+ }, [
156985
+ search
156986
+ ]);
156987
+ (0, react.useEffect)(()=>{
156988
+ currentTemplateTypeRef.current = currentTemplateType;
156989
+ }, [
156990
+ currentTemplateType
156991
+ ]);
156992
+ (0, react.useEffect)(()=>{
156993
+ paginationRef.current = pagination;
156994
+ }, [
156995
+ pagination
156996
+ ]);
156997
+ (0, react.useEffect)(()=>{
156901
156998
  getAllCategories();
156902
156999
  return ()=>{
156903
157000
  dispatch((0, $dbaee5ca78364d67$export$1e6ea60acfeb7da4)());
@@ -156909,15 +157006,16 @@ const $c6f5440378b96420$var$customTemplateSection = {
156909
157006
  currentTemplateType,
156910
157007
  selectedCategory
156911
157008
  ]);
157009
+ const handleScroll = ()=>{
157010
+ const div = document.querySelector(".polotno-panel-container");
157011
+ if (div) {
157012
+ const isAtBottom = div.scrollTop + div.clientHeight >= div.scrollHeight;
157013
+ const isNeedToLoadMore = paginationRef.current.currentPage * paginationRef.current.perPage < paginationRef.current.count;
157014
+ if (isAtBottom && !templatesPagination.loading && isNeedToLoadMore) handleLoadAllTemplate(true);
157015
+ }
157016
+ };
156912
157017
  (0, react.useEffect)(()=>{
156913
157018
  const div = document.querySelector(".polotno-panel-container");
156914
- const handleScroll = ()=>{
156915
- if (div) {
156916
- const isAtBottom = div.scrollTop + div.clientHeight >= div.scrollHeight;
156917
- const isNeedToLoadMore = templates.currentPage * templates.perPage < templates.count;
156918
- if (isAtBottom && !templatesPagination.loading && isNeedToLoadMore) handleLoadAllTemplate(true);
156919
- }
156920
- };
156921
157019
  if (div) {
156922
157020
  div.removeEventListener("scroll", handleScroll);
156923
157021
  div.addEventListener("scroll", handleScroll);
@@ -156932,9 +157030,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
156932
157030
  className: "custom-template-section",
156933
157031
  children: [
156934
157032
  isShowDialog.open && isShowDialog.model === "design-own" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c8f7718e9f3db339$export$2e2bcd8739ae039), {
156935
- icon: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $8c59b172071542b8$export$2e2bcd8739ae039), {
156936
- fill: "var(--primaryColor)"
156937
- }),
157033
+ icon: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $8c59b172071542b8$export$2e2bcd8739ae039), {}),
156938
157034
  title: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DESIGN_YOUR_OWN.TITLE,
156939
157035
  subHeading: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DESIGN_YOUR_OWN.HEADING,
156940
157036
  description: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DESIGN_YOUR_OWN.PARAGRAPH,
@@ -156955,7 +157051,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
156955
157051
  handleClose: ()=>handleDialogChange(""),
156956
157052
  onCancel: ()=>handleDialogChange(""),
156957
157053
  onSubmit: ()=>handleLoadTemplate(selectedRecord?.id),
156958
- customStyles: $c6f5440378b96420$var$designDialogStyles,
157054
+ customStyles: $c6f5440378b96420$var$loadDialogStyles,
156959
157055
  cancelText: "Cancel",
156960
157056
  submitText: "OK"
156961
157057
  }),
@@ -157025,7 +157121,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
157025
157121
  onClick: ()=>handleDialogChange("design-own"),
157026
157122
  children: [
157027
157123
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $21e11f889f8068bf$export$2e2bcd8739ae039), {
157028
- fill: "var(--svgColorSecondary)"
157124
+ fill: "var(--primaryColor)"
157029
157125
  }),
157030
157126
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157031
157127
  style: $c6f5440378b96420$var$templateTextStyles,
@@ -157124,12 +157220,6 @@ const $7d1ce187c1ab3d01$var$GeneralTooltip = ({ anchorSelect: anchorSelect, plac
157124
157220
  var $7d1ce187c1ab3d01$export$2e2bcd8739ae039 = $7d1ce187c1ab3d01$var$GeneralTooltip;
157125
157221
 
157126
157222
 
157127
- const $717432aee8737b76$export$2cdf1b96a9f86d16 = (text)=>{
157128
- navigator.clipboard.writeText(text).then(()=>{}).catch((err)=>{
157129
- console.error("Failed to copy text: ", err);
157130
- });
157131
- };
157132
-
157133
157223
 
157134
157224
 
157135
157225
 
@@ -157237,7 +157327,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
157237
157327
  name: "Fields",
157238
157328
  ...props,
157239
157329
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c63ab7ca46bc9f98$export$2e2bcd8739ae039), {
157240
- fill: "var(--sidepanelSVGColor)"
157330
+ fill: "var(--textColor)"
157241
157331
  })
157242
157332
  })),
157243
157333
  Panel: (0, es.observer)(({ store: store, onGetCustomFields: onGetCustomFields })=>{
@@ -157257,7 +157347,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
157257
157347
  type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
157258
157348
  payload: customFields
157259
157349
  });
157260
- } else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please add onGetCustomFields handler Via Props to load all custom fields"));
157350
+ }
157261
157351
  };
157262
157352
  (0, react.useEffect)(()=>{
157263
157353
  fetchCustomFields();
@@ -157347,54 +157437,58 @@ const $57048af01a29b1ce$var$customFieldSection = {
157347
157437
  place: "bottom",
157348
157438
  title: "Copy"
157349
157439
  }),
157350
- /*#__PURE__*/ (0, jsx_runtime.jsx)("hr", {
157351
- className: "divider"
157352
- }),
157353
- /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157354
- className: "dynamic-content__top",
157440
+ onGetCustomFields && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
157355
157441
  children: [
157442
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("hr", {
157443
+ className: "divider"
157444
+ }),
157356
157445
  /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157446
+ className: "dynamic-content__top",
157357
157447
  children: [
157358
- /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
157359
- className: "title",
157360
- children: "Custom Fields"
157361
- }),
157362
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
157363
- fill: "var(--primaryColor)",
157364
- className: "custom"
157448
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157449
+ children: [
157450
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
157451
+ className: "title",
157452
+ children: "Custom Fields"
157453
+ }),
157454
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
157455
+ fill: "var(--primaryColor)",
157456
+ className: "custom"
157457
+ }),
157458
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
157459
+ anchorSelect: ".custom",
157460
+ place: "bottom",
157461
+ title: "You can add custom fields to your template."
157462
+ })
157463
+ ]
157365
157464
  }),
157366
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
157367
- anchorSelect: ".custom",
157368
- place: "bottom",
157369
- title: "You can add custom fields to your template."
157465
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
157466
+ onClick: handleShowDialog
157370
157467
  })
157371
157468
  ]
157372
157469
  }),
157373
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
157374
- onClick: handleShowDialog
157375
- })
157470
+ customFields?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157471
+ style: {
157472
+ display: "flex",
157473
+ alignItems: "center"
157474
+ },
157475
+ children: [
157476
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
157477
+ className: "contact-element",
157478
+ onClick: (event)=>handleAddElementOnScreen(event, key, "click"),
157479
+ children: value
157480
+ }),
157481
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
157482
+ style: $57048af01a29b1ce$var$iconButtonStyles,
157483
+ onClick: ()=>copyCustomFieldText(key),
157484
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
157485
+ className: "copy"
157486
+ })
157487
+ })
157488
+ ]
157489
+ }, i))
157376
157490
  ]
157377
- }),
157378
- customFields?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157379
- style: {
157380
- display: "flex",
157381
- alignItems: "center"
157382
- },
157383
- children: [
157384
- /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
157385
- className: "contact-element",
157386
- onClick: (event)=>handleAddElementOnScreen(event, key, "click"),
157387
- children: value
157388
- }),
157389
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
157390
- style: $57048af01a29b1ce$var$iconButtonStyles,
157391
- onClick: ()=>copyCustomFieldText(key),
157392
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
157393
- className: "copy"
157394
- })
157395
- })
157396
- ]
157397
- }, i))
157491
+ })
157398
157492
  ]
157399
157493
  });
157400
157494
  })
@@ -157412,7 +157506,7 @@ const $d303f0b433a1814c$var$SidePanel = (props)=>{
157412
157506
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, side_panel.SidePanel), {
157413
157507
  store: props.store,
157414
157508
  sections: [
157415
- ...props.currentTemplateType !== "Real Penned Letter" ? [
157509
+ ...props.currentTemplateType !== "Real Penned Letter" && props.onGetTemplates ? [
157416
157510
  {
157417
157511
  ...(0, $c6f5440378b96420$export$2e2bcd8739ae039),
157418
157512
  Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c6f5440378b96420$export$2e2bcd8739ae039).Panel, {
@@ -157705,9 +157799,14 @@ var $edeafd00018ca857$export$2e2bcd8739ae039 = $edeafd00018ca857$var$App;
157705
157799
 
157706
157800
 
157707
157801
 
157708
- const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, returnRoute: returnRoute, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
157802
+
157803
+ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, basicAuthUsername: basicAuthUsername, basicAuthPassword: basicAuthPassword, returnRoute: returnRoute, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
157709
157804
  if (!container) throw new Error("Root element not found");
157710
157805
  if (!secretKey) throw new Error("secretKey not found");
157806
+ if (!basicAuthUsername) throw new Error("basicAuthUsername not found");
157807
+ if (!basicAuthPassword) throw new Error("basicAuthPassword not found");
157808
+ (0, $717432aee8737b76$export$9d2510767fe266f9)(basicAuthUsername);
157809
+ (0, $717432aee8737b76$export$4251d26568059eef)(basicAuthPassword);
157711
157810
  const root = (0, client).createRoot(container);
157712
157811
  root.render(/*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
157713
157812
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, Provider_default), {
@@ -157732,6 +157831,9 @@ var // Example to run the project locally for development. Comment out these lin
157732
157831
  // TemplateBuilder({
157733
157832
  // container: rootElement,
157734
157833
  // secretKey: import.meta.env.VITE_APP_PLOTNO_API_KEY,
157834
+ // basicAuthUsername: import.meta.env.VITE_APP_BASIC_AUTH_USERNAME,
157835
+ // basicAuthPassword: import.meta.env.VITE_APP_BASIC_AUTH_PASSWORD,
157836
+ // // onGetTemplates: getAllTemplatesByTab,
157735
157837
  // styles: {}
157736
157838
  // });
157737
157839
  // } else {
@@ -157759,6 +157861,14 @@ $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder
157759
157861
  type: String,
157760
157862
  required: true
157761
157863
  },
157864
+ basicAuthUsername: {
157865
+ type: String,
157866
+ required: true
157867
+ },
157868
+ basicAuthPassword: {
157869
+ type: String,
157870
+ required: true
157871
+ },
157762
157872
  returnRoute: {
157763
157873
  type: String,
157764
157874
  required: false
@@ -157782,7 +157892,7 @@ $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder
157782
157892
  },
157783
157893
  mounted() {
157784
157894
  let vm = this;
157785
- console.log('vm',vm);
157895
+ console.log('vm', vm);
157786
157896
  this.initializeEditor(vm);
157787
157897
  },
157788
157898
  methods: {
@@ -157790,11 +157900,13 @@ $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder
157790
157900
  $24075a5d702d64b3$export$2e2bcd8739ae039({
157791
157901
  container: document.getElementById(props.container) || document.getElementById('builder'),
157792
157902
  secretKey: props.secretKey,
157903
+ basicAuthUsername: props.basicAuthUsername,
157904
+ basicAuthPassword: props.basicAuthPassword,
157793
157905
  returnRoute: props.returnRoute,
157794
157906
  onGetTemplates: props.onGetTemplates,
157795
157907
  onGetCustomFields: props.onGetCustomFields,
157796
157908
  onSubmit: props.onSubmit,
157797
- styles:props.styles,
157909
+ styles: props.styles,
157798
157910
  });
157799
157911
  }
157800
157912
  }
@@ -157927,6 +158039,8 @@ var component = normalizeComponent(
157927
158039
  const src_TemplateBuilder = ({
157928
158040
  container,
157929
158041
  secretKey,
158042
+ basicAuthUsername,
158043
+ basicAuthPassword,
157930
158044
  returnRoute,
157931
158045
  onGetTemplates,
157932
158046
  onGetCustomFields,
@@ -157936,6 +158050,8 @@ const src_TemplateBuilder = ({
157936
158050
  const props = {
157937
158051
  container,
157938
158052
  secretKey,
158053
+ basicAuthUsername,
158054
+ basicAuthPassword,
157939
158055
  returnRoute,
157940
158056
  onGetTemplates,
157941
158057
  onGetCustomFields,