@openlettermarketing/olc-vue-sdk 0.0.9 → 0.0.11

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 (4) hide show
  1. package/build/index.js +318 -243
  2. package/build/index.js.map +1 -1
  3. package/package.json +3 -2
  4. package/build/index.d.ts +0 -28
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(--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__placeholder {\n color: var(--textColor);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--textColor);\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__menu-notice {\n cursor: not-allowed;\n color: var(--textColor);\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: var(--primaryColor);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--textColor);\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 flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--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 flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--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 width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primaryColor);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primaryColor);\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: var(--textColor) !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":"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,uBAAuB;EACvB,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,eAAe;EACf,WAAW;EACX,eAAe;EACf,iBAAiB;AACnB;;AAEA;EACE,qCAAqC;EACrC,uBAAuB;EACvB,kBAAkB;EAClB,YAAY;EACZ,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,uBAAuB;EACvB,WAAW;AACb;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,uBAAuB;EACvB,eAAe;AACjB;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,qCAAqC;EACrC,gBAAgB;AAClB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,4CAA4C;AAC9C;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,gBAAgB;EAChB,uBAAuB;EACvB,4CAA4C;EAC5C,eAAe;EACf,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,uCAAuC;EACvC,uBAAuB;AACzB;;AAEA;EACE,cAAc;EACd,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,QAAQ;EACR,YAAY;EACZ,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,uBAAuB;EACvB,SAAS;EACT,0CAA0C;AAC5C;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,SAAS;EACT,WAAW;EACX,aAAa;AACf;;AAEA;EACE,uBAAuB;EACvB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,qCAAqC;EACrC,4CAA4C;EAC5C,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,uBAAuB;EACvB,gBAAgB;EAChB,YAAY;EACZ,kBAAkB;EAClB,WAAW;EACX,iBAAiB;EACjB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,0CAA0C;AAC5C;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,uBAAuB;AACzB;;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,qCAAqC;AACvC;;AAEA;EACE,uCAAuC;AACzC;;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,wBAAwB;EACxB,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,wBAAwB;EACxB,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,wBAAwB;EACxB,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,eAAe;EACf,2BAA2B;EAC3B,mBAAmB;EACnB,SAAS;EACT,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,sCAAsC;EACtC,sCAAsC;EACtC,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,iCAAiC;EACjC,iCAAiC;AACnC;;AAEA;EACE,0BAA0B;EAC1B,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,wBAAwB;EACxB,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,eAAe;EACf,2BAA2B;EAC3B,uBAAuB;EACvB,SAAS;EACT,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,sCAAsC;EACtC,sCAAsC;EACtC,eAAe;EACf,sBAAsB;EACtB,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,kBAAkB;EAClB,2BAA2B;EAC3B,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,iCAAiC;EACjC,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,wBAAwB;EACxB,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,yCAAyC;EACzC,4CAA4C;EAC5C,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,uBAAuB;EACvB,kBAAkB;EAClB,qCAAqC;EACrC,4CAA4C;EAC5C,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,iCAAiC;EACjC,kBAAkB;EAClB,qCAAqC;EACrC,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,qCAAqC;AACvC;;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,uCAAuC;EACvC,sBAAsB;EACtB,mBAAmB;EACnB,UAAU;EACV,YAAY;EACZ,UAAU;EACV,0BAA0B;EAC1B,uBAAuB;EACvB,kBAAkB;EAClB,iDAAiD;AACnD;;AAEA;EACE,uBAAuB;EACvB,YAAY;EACZ,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,MAAM;EACN,UAAU;AACZ;;AAEA;EACE,eAAe;EACf,qBAAqB;AACvB;;AAEA;EACE,uBAAuB;EACvB,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,WAAW;EACX,eAAe;EACf,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,uBAAuB;EACvB,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,sCAAsC;EACtC,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,2BAA2B;AAC7B;;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,uDAAuD;AACzD;;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,kCAAkC;EAClC,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,qCAAqC;EACrC,kBAAkB;EAClB,uBAAuB;EACvB,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,iBAAiB;AACnB;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE;IACE,aAAa;EACf;AACF;;AAEA;EACE,4CAA4C;AAC9C;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,uCAAuC;EACvC,WAAW;EACX,0BAA0B;AAC5B;;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,sBAAsB;EACtB,+BAA+B;EAC/B,uBAAuB;EACvB,yBAAyB;EACzB,mBAAmB;EACnB,4BAA4B;EAC5B,2BAA2B;EAC3B,iBAAiB;EACjB,sBAAsB;EACtB,iBAAiB;AACnB;;AAEA;EACE,SAAS;EACT,iBAAiB;EACjB,0CAA0C;AAC5C;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,kDAAkD;AACpD;;AAEA;EACE;IACE,kEAAkE;EACpE;AACF;;AAEA;EACE,uBAAuB;EACvB,4CAA4C;EAC5C,wBAAwB;EACxB,6CAA6C;AAC/C;;AAEA;EACE,uBAAuB;EACvB,uBAAuB;AACzB;;AAEA;EACE,uBAAuB;AACzB;;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,kDAAkD;AACpD;;AAEA;EACE,kBAAkB;EAClB,kDAAkD;AACpD;;AAEA;EACE,kBAAkB;EAClB,kDAAkD;AACpD;;AAEA;EACE,kBAAkB;EAClB,kDAAkD;AACpD;;AAEA;EACE,kBAAkB;EAClB,kDAAkD;AACpD;;AAEA;EACE,kBAAkB;EAClB,kDAAkD;AACpD;;AAEA;EACE;IACE,kEAAkE;EACpE;AACF;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,4CAA4C;AAC9C;;AAEA;EACE,kBAAkB;EAClB,kDAAkD;AACpD;;AAEA;EACE;IACE,kEAAkE;EACpE;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(--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__placeholder {\n color: var(--textColor);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--textColor);\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__menu-notice {\n cursor: not-allowed;\n color: var(--textColor);\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: var(--primaryColor);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--textColor);\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 flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--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 flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--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 width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primaryColor);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primaryColor);\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: var(--textColor) !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":""}]);
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__placeholder {\n color: var(--textColor);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--textColor);\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 .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n cursor: not-allowed;\n color: var(--textColor);\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.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n color: #000;\n border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n color: #000;\n}\n\n.toast-container {\n z-index: 99999;\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: var(--primaryColor);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notificationTextColor);\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: #fff;\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--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 .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n border: 1.5px solid var(--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.alert {\n display: none;\n}\n\n@media (width <= 600px) {\n .alert {\n text-align: center;\n display: block;\n }\n\n .createTemplateMaindiv {\n display: none;\n }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--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 80px 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 flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--borderColor);\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 flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--borderColor);\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: #fff;\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.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(--modalBackgroundColor);\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 width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primaryColor);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primaryColor);\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 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 .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: #000;\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 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: #000 !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--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 > 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: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n.show-loader:after {\n content: \"\";\n border: 4px solid var(--primaryColor);\n border-right: 3px solid #0000;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n animation: 2s linear infinite circularAnimation;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n 0% {\n transform: translate(-50%, -50%)rotate(0);\n }\n\n 100% {\n transform: translate(-50%, -50%)rotate(360deg);\n }\n}\n\n.hide-loader:after {\n display: none !important;\n}\n\n:root {\n --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --secondaryColor: #fff8ee;\n --svgColor: #fdb515;\n --svgColorNotActive: #fdecd3;\n --textColor: #000;\n --modalBackgroundColor: #fff8ee;\n --notificationTextColor: #fff;\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(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .bp5-navbar {\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 .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(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root 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(--scrollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .polotno-panel-container > div > div, :root body .polotno-panel-container > div > div p {\n color: #000;\n}\n", "",{"version":3,"sources":["webpack://./src/components/TemplateBuilder/index.css"],"names":[],"mappings":"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","sourcesContent":[".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.basic-button {\n background-color: var(--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__placeholder {\n color: var(--textColor);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--textColor);\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 .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n cursor: not-allowed;\n color: var(--textColor);\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.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n color: #000;\n border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n color: #000;\n}\n\n.toast-container {\n z-index: 99999;\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: var(--primaryColor);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notificationTextColor);\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: #fff;\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--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 .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n border: 1.5px solid var(--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.alert {\n display: none;\n}\n\n@media (width <= 600px) {\n .alert {\n text-align: center;\n display: block;\n }\n\n .createTemplateMaindiv {\n display: none;\n }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--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 80px 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 flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--borderColor);\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 flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--borderColor);\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: #fff;\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.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(--modalBackgroundColor);\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 width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primaryColor);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primaryColor);\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 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 .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: #000;\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 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: #000 !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--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 > 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: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n.show-loader:after {\n content: \"\";\n border: 4px solid var(--primaryColor);\n border-right: 3px solid #0000;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n animation: 2s linear infinite circularAnimation;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n 0% {\n transform: translate(-50%, -50%)rotate(0);\n }\n\n 100% {\n transform: translate(-50%, -50%)rotate(360deg);\n }\n}\n\n.hide-loader:after {\n display: none !important;\n}\n\n:root {\n --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --secondaryColor: #fff8ee;\n --svgColor: #fdb515;\n --svgColorNotActive: #fdecd3;\n --textColor: #000;\n --modalBackgroundColor: #fff8ee;\n --notificationTextColor: #fff;\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(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .bp5-navbar {\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 .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(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root 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(--scrollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .polotno-panel-container > div > div, :root body .polotno-panel-container > div > div p {\n color: #000;\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=250962db
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=fe88bc7c
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=250962db
128716
+ ;// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=fe88bc7c
128717
128717
 
128718
128718
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
128719
128719
  var injectStylesIntoStyleTag = __webpack_require__(85072);
@@ -153030,29 +153030,6 @@ const $77d971be1e6bcd7c$export$1d2f21e549771e67 = async (endpoint, params)=>{
153030
153030
 
153031
153031
 
153032
153032
 
153033
- /**
153034
- * Makes an HTTP GET request to the 'templates' endpoint and dispatches an action with the retrieved data.
153035
- * @param {number} id - The ID of the template to retrieve.
153036
- * @param {function} dispatch - A function used to dispatch actions to the Redux store.
153037
- * @returns {void}
153038
- */ const $dbaee5ca78364d67$export$afe4a7b3b3722350 = (id, type = "edit")=>async (dispatch)=>{
153039
- try {
153040
- const { data: data } = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)(`/templates/${id}`);
153041
- dispatch({
153042
- type: (0, $e496cac0faa1ff17$export$1c6648626b31f20d),
153043
- payload: {
153044
- data: data.data,
153045
- type: type
153046
- }
153047
- });
153048
- dispatch({
153049
- type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
153050
- payload: true
153051
- });
153052
- } catch (error) {
153053
- return error.response;
153054
- }
153055
- };
153056
153033
  /**
153057
153034
  * Uploads a template using the provided template form data.
153058
153035
  *
@@ -153238,6 +153215,7 @@ const $b66d61b9e6770b52$export$d7a0b846d036443e = ()=>{
153238
153215
 
153239
153216
  // Default messages and Typography
153240
153217
  const $0b51cdcdcd2b1339$export$af7faffe10421f14 = {
153218
+ TEMPLATE_MESSAGE_ON_SMALL_SCREEN: "Template Builder is available on tablet and web view only.",
153241
153219
  GENERAL_ERROR: "Internal Server Error",
153242
153220
  TEMPLATE: {
153243
153221
  SEARCH_PLACE_HOLDER: "Search by template name or template ID",
@@ -154917,7 +154895,7 @@ const $3f4ef87f7a4a530a$var$errorStyles = {
154917
154895
  color: "var(--errorColor)",
154918
154896
  fontWeight: "400"
154919
154897
  };
154920
- const $3f4ef87f7a4a530a$var$GeneralSelect = ({ options: options, placeholder: placeholder, error: error, label: label, isError: isError, selectedValue: selectedValue, setSelectedValue: setSelectedValue })=>{
154898
+ const $3f4ef87f7a4a530a$var$GeneralSelect = ({ options: options, placeholder: placeholder, error: error, label: label, isError: isError, selectedValue: selectedValue, setSelectedValue: setSelectedValue, builderSelect: builderSelect })=>{
154921
154899
  return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
154922
154900
  className: "select-layout",
154923
154901
  children: [
@@ -154929,7 +154907,7 @@ const $3f4ef87f7a4a530a$var$GeneralSelect = ({ options: options, placeholder: pl
154929
154907
  options: options,
154930
154908
  onChange: setSelectedValue,
154931
154909
  styles: $3f4ef87f7a4a530a$var$colourStyles,
154932
- className: "generic-select-container",
154910
+ className: `generic-select-container ${builderSelect && "template-select"}`,
154933
154911
  classNamePrefix: "generic-select",
154934
154912
  placeholder: placeholder,
154935
154913
  blurInputOnSelect: true
@@ -154984,6 +154962,7 @@ const $6ca040a325a745aa$export$823cdc5238933767 = ()=>(dispatch)=>{
154984
154962
 
154985
154963
 
154986
154964
 
154965
+
154987
154966
  const $fb8d63cd819e9d3d$var$Cross = (props)=>{
154988
154967
  const { toast: toast } = props;
154989
154968
  return /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
@@ -155016,7 +154995,7 @@ const $a9c4d245899171bf$var$GenericSnackbar = ()=>{
155016
154995
  children: heading || "Notifications"
155017
154996
  }),
155018
154997
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155019
- children: message || ""
154998
+ children: message || (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).GENERAL_ERROR
155020
154999
  })
155021
155000
  ]
155022
155001
  });
@@ -155529,7 +155508,7 @@ const $ec73244cd7283520$var$errorStyles = {
155529
155508
  color: "var(--errorColor)",
155530
155509
  fontWeight: "400"
155531
155510
  };
155532
- const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, value: value, onChange: onChange, placeholder: placeholder, label: label, error: error, inputIcon: inputIcon = false, onClick: onClick, searchApplied: searchApplied, removeSearchInput: removeSearchInput, onKeyDown: onKeyDown })=>{
155511
+ const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, value: value, onChange: onChange, placeholder: placeholder, label: label, error: error, inputIcon: inputIcon = false, onClick: onClick, searchApplied: searchApplied, removeSearchInput: removeSearchInput, onKeyDown: onKeyDown, builderInput: builderInput })=>{
155533
155512
  const InputVariant = variant || "input";
155534
155513
  return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155535
155514
  className: "input-layout",
@@ -155546,7 +155525,7 @@ const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, v
155546
155525
  value: value,
155547
155526
  onChange: onChange,
155548
155527
  placeholder: placeholder,
155549
- className: "basic-input",
155528
+ className: `basic-input ${builderInput && "builder-input"}`,
155550
155529
  onKeyDown: onKeyDown
155551
155530
  }),
155552
155531
  inputIcon && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
@@ -155620,13 +155599,13 @@ const $dd071d7635be500b$var$footerButtonStyles = {
155620
155599
  minHeight: "40px",
155621
155600
  textTransform: "capitalize",
155622
155601
  borderRadius: "3px",
155623
- backgroundColor: "var(--mainBackgroundColor)",
155602
+ backgroundColor: "transparent",
155624
155603
  color: `var(--textColor)`,
155625
155604
  fontSize: `14px`,
155626
155605
  fontWeight: `500`
155627
155606
  };
155628
155607
  const $dd071d7635be500b$var$Images = {
155629
- "Postcards": /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a3dccc8cd7537679$export$2e2bcd8739ae039), {
155608
+ Postcards: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a3dccc8cd7537679$export$2e2bcd8739ae039), {
155630
155609
  fill: "var(--svgColor)"
155631
155610
  }),
155632
155611
  "Professional Letters": /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $4da602e86842d002$export$2e2bcd8739ae039), {
@@ -155645,7 +155624,7 @@ const $dd071d7635be500b$var$Images = {
155645
155624
  fill: "var(--svgColor)"
155646
155625
  })
155647
155626
  };
155648
- const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute })=>{
155627
+ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute, createTemplateRoute: createTemplateRoute })=>{
155649
155628
  const [isError, setIsError] = (0, react.useState)(false);
155650
155629
  const [envelopeType, setEnvelopeType] = (0, react.useState)([]);
155651
155630
  const title = (0, useSelector)((state)=>state.templates.title);
@@ -155693,205 +155672,216 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute })=>{
155693
155672
  }, [
155694
155673
  envelopeType
155695
155674
  ]);
155696
- return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155697
- className: "createTemplateMaindiv",
155675
+ return /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
155698
155676
  children: [
155677
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155678
+ className: "alert",
155679
+ children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE_MESSAGE_ON_SMALL_SCREEN
155680
+ }),
155699
155681
  /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155682
+ className: "createTemplateMaindiv",
155700
155683
  children: [
155701
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
155702
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
155703
- lg: 6,
155704
- md: 6,
155705
- sm: 12,
155706
- xs: 12,
155707
- children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155708
- className: "createTemplateHeader",
155709
- children: [
155710
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155711
- style: $dd071d7635be500b$var$templateHeadingStyles,
155712
- children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.TITLE
155713
- }),
155714
- /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155715
- className: "templateInputWrapper",
155716
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
155717
- type: "text",
155718
- value: title,
155719
- onChange: (e)=>{
155720
- dispatch((0, $dbaee5ca78364d67$export$c7c994d6f1f97f07)("title", e.target.value));
155721
- },
155722
- placeholder: "Template Name",
155723
- inputIcon: false,
155724
- error: !title.trim() && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_REQUIRED : title.length > 50 && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_LESS_50 : "",
155725
- label: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.TEMPLATE_LABEL
155726
- })
155727
- })
155728
- ]
155729
- })
155730
- })
155731
- }),
155732
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $234cc960d2851879$export$2e2bcd8739ae039), {}),
155733
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
155734
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
155735
- lg: 12,
155736
- md: 12,
155737
- sm: 12,
155738
- xs: 12,
155739
- children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155740
- className: "productTypeWrapper",
155741
- children: [
155742
- /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155743
- className: "productHeading",
155684
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155685
+ children: [
155686
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
155687
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
155688
+ lg: 6,
155689
+ md: 6,
155690
+ sm: 12,
155691
+ xs: 12,
155692
+ children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155693
+ className: "createTemplateHeader",
155744
155694
  children: [
155745
155695
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155746
- style: {
155747
- ...$dd071d7635be500b$var$templateTextStyles,
155748
- marginBottom: "0px"
155749
- },
155750
- children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.PRODUCT_LABEL
155696
+ style: $dd071d7635be500b$var$templateHeadingStyles,
155697
+ children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.TITLE
155751
155698
  }),
155752
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, NavLink), {
155753
- to: (0, $7ad22e5ca6c288ca$export$b14103b5b94712c4),
155754
- target: "_blank",
155755
- children: /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155756
- children: [
155757
- " ",
155758
- (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.LEARN_TEXT
155759
- ]
155699
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155700
+ className: "templateInputWrapper",
155701
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
155702
+ type: "text",
155703
+ value: title,
155704
+ onChange: (e)=>{
155705
+ dispatch((0, $dbaee5ca78364d67$export$c7c994d6f1f97f07)("title", e.target.value));
155706
+ },
155707
+ placeholder: "Template Name",
155708
+ inputIcon: false,
155709
+ error: !title.trim() && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_REQUIRED : title.length > 50 && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_LESS_50 : "",
155710
+ label: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.TEMPLATE_LABEL
155760
155711
  })
155761
155712
  })
155762
155713
  ]
155763
- }),
155764
- /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155765
- className: "productsWrapper",
155766
- children: sortedProducts && sortedProducts?.filter((prod)=>prod.windowed !== false).map((prod, index)=>{
155767
- return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155768
- className: `productCard ${prod.productType === (product && product.productType) ? "active" : ""} ${isError && !product ? "error" : ""} `,
155769
- onClick: ()=>dispatch((0, $dbaee5ca78364d67$export$f8e6fdbf45160f24)(prod)),
155714
+ })
155715
+ })
155716
+ }),
155717
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $234cc960d2851879$export$2e2bcd8739ae039), {}),
155718
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
155719
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
155720
+ lg: 12,
155721
+ md: 12,
155722
+ sm: 12,
155723
+ xs: 12,
155724
+ children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155725
+ className: "productTypeWrapper",
155726
+ children: [
155727
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155728
+ className: "productHeading",
155770
155729
  children: [
155771
- $dd071d7635be500b$var$Images[prod.productType],
155772
155730
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155773
- children: prod.productType
155731
+ style: {
155732
+ ...$dd071d7635be500b$var$templateTextStyles,
155733
+ marginBottom: "0px"
155734
+ },
155735
+ children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.PRODUCT_LABEL
155736
+ }),
155737
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, NavLink), {
155738
+ to: (0, $7ad22e5ca6c288ca$export$b14103b5b94712c4),
155739
+ target: "_blank",
155740
+ children: /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155741
+ children: [
155742
+ " ",
155743
+ (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.LEARN_TEXT
155744
+ ]
155745
+ })
155774
155746
  })
155775
155747
  ]
155776
- }, index);
155777
- })
155778
- }),
155779
- isError && !product && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155780
- className: "error-field",
155781
- children: [
155782
- "*",
155783
- (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.PRODUCT_TYPE_REQUIRED
155748
+ }),
155749
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155750
+ className: "productsWrapper",
155751
+ style: {
155752
+ marginBottom: product && (product.productType.includes("Postcards") || product.productType.includes("Professional Letters")) ? undefined : "100px"
155753
+ },
155754
+ children: sortedProducts && sortedProducts?.filter((prod)=>prod.windowed !== false).map((prod, index)=>{
155755
+ return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155756
+ className: `productCard ${prod.productType === (product && product.productType) ? "active" : ""} ${isError && !product ? "error" : ""} `,
155757
+ onClick: ()=>dispatch((0, $dbaee5ca78364d67$export$f8e6fdbf45160f24)(prod)),
155758
+ children: [
155759
+ $dd071d7635be500b$var$Images[prod.productType],
155760
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155761
+ children: prod.productType
155762
+ })
155763
+ ]
155764
+ }, index);
155765
+ })
155766
+ }),
155767
+ isError && !product && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155768
+ className: "error-field",
155769
+ children: [
155770
+ "*",
155771
+ (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.PRODUCT_TYPE_REQUIRED
155772
+ ]
155773
+ })
155784
155774
  ]
155785
155775
  })
155786
- ]
155787
- })
155788
- })
155789
- }),
155790
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $234cc960d2851879$export$2e2bcd8739ae039), {}),
155791
- product && product.productType === "Professional Letters" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
155792
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
155793
- lg: 6,
155794
- md: 6,
155795
- sm: 6,
155796
- xs: 12,
155797
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155798
- className: "templateSelectWrapper",
155799
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $3f4ef87f7a4a530a$export$2e2bcd8739ae039), {
155800
- className: "",
155801
- //@ts-ignore
155802
- selectedValue: envelopeType,
155803
- //@ts-ignore
155804
- setSelectedValue: setEnvelopeType,
155805
- //@ts-ignore
155806
- options: (0, $ad01ab85e9f42d02$export$dcaac635f59e4181),
155807
- placeholder: "Envelope Type",
155808
- error: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.ENVELOPE_TYPE_REQUIRED,
155809
- isError: isError,
155810
- label: "Envelope Type*"
155811
155776
  })
155812
- })
155813
- })
155814
- }),
155815
- product && product?.productType === "Postcards" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
155816
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
155817
- lg: 12,
155818
- md: 12,
155819
- sm: 12,
155820
- xs: 12,
155821
- children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155822
- className: "postCardSizeWrapper",
155823
- children: [
155824
- /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155825
- className: "postCardHeading",
155826
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155827
- style: $dd071d7635be500b$var$templateTextStyles,
155828
- children: "Postcard Size*"
155777
+ }),
155778
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $234cc960d2851879$export$2e2bcd8739ae039), {}),
155779
+ product && product.productType === "Professional Letters" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
155780
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
155781
+ lg: 6,
155782
+ md: 6,
155783
+ sm: 12,
155784
+ xs: 12,
155785
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155786
+ className: "templateSelectWrapper",
155787
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $3f4ef87f7a4a530a$export$2e2bcd8739ae039), {
155788
+ className: "",
155789
+ //@ts-ignore
155790
+ selectedValue: envelopeType,
155791
+ //@ts-ignore
155792
+ setSelectedValue: setEnvelopeType,
155793
+ //@ts-ignore
155794
+ options: (0, $ad01ab85e9f42d02$export$dcaac635f59e4181),
155795
+ placeholder: "Envelope Type",
155796
+ error: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.ENVELOPE_TYPE_REQUIRED,
155797
+ isError: isError,
155798
+ label: "Envelope Type*"
155829
155799
  })
155830
- }),
155831
- /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155832
- className: "postCardWrapper",
155833
- children: product?.size.sort((a, b)=>a.id.localeCompare(b.id)).map((type, index)=>{
155834
- const size = type.size.split("x");
155835
- return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155836
- onClick: ()=>dispatch((0, $dbaee5ca78364d67$export$6689c052aee06540)({
155837
- ...type,
155838
- size: product.size,
155839
- selectedSize: type.size
155840
- }, "Postcards")),
155841
- className: index === 0 ? `postCard postCard-small ${product.selectedSize === type.size ? "active" : ""}` : index === 1 ? `postCard postCard-mid ${product.selectedSize === type.size ? "active" : ""}` : index === 2 ? `postCard postCard-large ${product.selectedSize === type.size ? "active" : ""}` : `postCard ${product.selectedSize === type.size ? "active" : ""}`,
155842
- children: [
155843
- /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155800
+ })
155801
+ })
155802
+ }),
155803
+ product && product?.productType === "Postcards" && product?.size && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
155804
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
155805
+ lg: 12,
155806
+ md: 12,
155807
+ sm: 12,
155808
+ xs: 12,
155809
+ children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155810
+ className: "postCardSizeWrapper",
155811
+ children: [
155812
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155813
+ className: "postCardHeading",
155814
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155815
+ style: $dd071d7635be500b$var$templateTextStyles,
155816
+ children: "Postcard Size*"
155817
+ })
155818
+ }),
155819
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155820
+ className: "postCardWrapper",
155821
+ children: product?.size.sort((a, b)=>a.id.localeCompare(b.id)).map((type, index)=>{
155822
+ const size = type.size.split("x");
155823
+ return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155824
+ onClick: ()=>dispatch((0, $dbaee5ca78364d67$export$6689c052aee06540)({
155825
+ ...type,
155826
+ size: product.size,
155827
+ selectedSize: type.size
155828
+ }, "Postcards")),
155829
+ className: index === 0 ? `postCard postCard-small ${product.selectedSize === type.size ? "active" : ""}` : index === 1 ? `postCard postCard-mid ${product.selectedSize === type.size ? "active" : ""}` : index === 2 ? `postCard postCard-large ${product.selectedSize === type.size ? "active" : ""}` : `postCard ${product.selectedSize === type.size ? "active" : ""}`,
155844
155830
  children: [
155845
- size[0],
155846
- "\u201D x ",
155847
- size[1],
155848
- '"'
155831
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155832
+ children: [
155833
+ size[0],
155834
+ "\u201D x ",
155835
+ size[1],
155836
+ '"'
155837
+ ]
155838
+ }),
155839
+ index === 0 ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $40b9cb0f42773a1d$export$2e2bcd8739ae039), {}) : index === 1 ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $2a03e2090a94ae64$export$2e2bcd8739ae039), {}) : /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e3c98ae575b9bdc0$export$2e2bcd8739ae039), {})
155849
155840
  ]
155850
- }),
155851
- index === 0 ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $40b9cb0f42773a1d$export$2e2bcd8739ae039), {}) : index === 1 ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $2a03e2090a94ae64$export$2e2bcd8739ae039), {}) : /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e3c98ae575b9bdc0$export$2e2bcd8739ae039), {})
155841
+ }, index);
155842
+ })
155843
+ }),
155844
+ isError && product && product.productType === "Postcards" && !product.selectedSize && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155845
+ className: "error-field",
155846
+ children: [
155847
+ "*",
155848
+ (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.POSTCARD_SIZE_REQUIRED
155852
155849
  ]
155853
- }, index);
155854
- })
155855
- }),
155856
- isError && product && product.productType === "Postcards" && !product.selectedSize && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155857
- className: "error-field",
155858
- children: [
155859
- "*",
155860
- (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.POSTCARD_SIZE_REQUIRED
155850
+ })
155861
155851
  ]
155862
155852
  })
155863
- ]
155853
+ })
155864
155854
  })
155855
+ ]
155856
+ }),
155857
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155858
+ className: "footerBtns",
155859
+ children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155860
+ className: "createTemplateBtns",
155861
+ children: [
155862
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
155863
+ style: {
155864
+ ...$dd071d7635be500b$var$footerButtonStyles,
155865
+ border: "0.5px solid var(--borderColor)"
155866
+ },
155867
+ onClick: ()=>navigate(returnRoute ? returnRoute : createTemplateRoute || "/create-template"),
155868
+ children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.CANCEL_BUTTON
155869
+ }),
155870
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
155871
+ style: {
155872
+ ...$dd071d7635be500b$var$footerButtonStyles,
155873
+ color: "#ffffff",
155874
+ backgroundColor: "var(--primaryColor)"
155875
+ },
155876
+ onClick: handleNext,
155877
+ children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.SUBMIT_BUTTON
155878
+ })
155879
+ ]
155865
155880
  })
155866
- })
155881
+ }),
155882
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a9c4d245899171bf$export$2e2bcd8739ae039), {})
155867
155883
  ]
155868
- }),
155869
- /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
155870
- className: "footerBtns",
155871
- children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
155872
- className: "createTemplateBtns",
155873
- children: [
155874
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
155875
- style: {
155876
- ...$dd071d7635be500b$var$footerButtonStyles,
155877
- border: "0.5px solid var(--borderColor)"
155878
- },
155879
- onClick: ()=>navigate(returnRoute ? returnRoute : "/create-template"),
155880
- children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.CANCEL_BUTTON
155881
- }),
155882
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
155883
- style: {
155884
- ...$dd071d7635be500b$var$footerButtonStyles,
155885
- color: "#ffffff",
155886
- backgroundColor: "var(--primaryColor)"
155887
- },
155888
- onClick: handleNext,
155889
- children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.SUBMIT_BUTTON
155890
- })
155891
- ]
155892
- })
155893
- }),
155894
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a9c4d245899171bf$export$2e2bcd8739ae039), {})
155884
+ })
155895
155885
  ]
155896
155886
  });
155897
155887
  };
@@ -155910,6 +155900,7 @@ var $dd071d7635be500b$export$2e2bcd8739ae039 = $dd071d7635be500b$var$CreateTempl
155910
155900
 
155911
155901
 
155912
155902
 
155903
+
155913
155904
  // Define the type for the element being added
155914
155905
  const $14dc1102dd22ee0f$export$fac40f04596fc189 = (store)=>{
155915
155906
  const page = store.pages[0];
@@ -156113,7 +156104,7 @@ var $9d3950b100c0523a$export$2e2bcd8739ae039 = $9d3950b100c0523a$var$CircularPro
156113
156104
 
156114
156105
 
156115
156106
  const $c8f7718e9f3db339$var$buttonStyles = {
156116
- color: "var(--mainBackgroundColor)",
156107
+ color: "#fff",
156117
156108
  backgroundColor: "var(--primaryColor)",
156118
156109
  maxWidth: "100px",
156119
156110
  minHeight: "40px",
@@ -156193,7 +156184,7 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
156193
156184
  style: {
156194
156185
  ...$c8f7718e9f3db339$var$buttonStyles,
156195
156186
  color: "var(--textColor)",
156196
- backgroundColor: "var(--mainBackgroundColor)"
156187
+ backgroundColor: "#fff"
156197
156188
  },
156198
156189
  children: cancelText
156199
156190
  }),
@@ -156310,7 +156301,7 @@ const $8c59b172071542b8$var$ModalCross = (props)=>{
156310
156301
  cx: "13",
156311
156302
  cy: "13",
156312
156303
  r: "12",
156313
- "stroke-width": "2"
156304
+ strokeWidth: "2"
156314
156305
  })
156315
156306
  ]
156316
156307
  });
@@ -156443,7 +156434,7 @@ var $6612202931a08516$export$2e2bcd8739ae039 = $6612202931a08516$var$editPencilI
156443
156434
  */ const $d31b9bd88e5dcf67$var$buttonStyles = {
156444
156435
  maxWidth: "120px",
156445
156436
  minHeight: "40px",
156446
- backgroundColor: "var(--mainBackgroundColor)",
156437
+ backgroundColor: "#fff",
156447
156438
  color: "var(--textColor)",
156448
156439
  border: "0.5px solid var(--borderColor)",
156449
156440
  fontSize: "15px",
@@ -156454,7 +156445,7 @@ const $d31b9bd88e5dcf67$var$progressStyles = {
156454
156445
  height: "20px",
156455
156446
  border: "2px solid var(--primaryColor)"
156456
156447
  };
156457
- const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: returnRoute, isStoreUpdated: isStoreUpdated, onSubmit: onSubmit })=>{
156448
+ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: returnRoute, createTemplateRoute: createTemplateRoute, isStoreUpdated: isStoreUpdated, onSubmit: onSubmit })=>{
156458
156449
  const [showNavigateDialog, setShowNavigateDialog] = (0, react.useState)(false);
156459
156450
  const [isShowModel, setIsShowModel] = (0, react.useState)({
156460
156451
  open: false,
@@ -156491,7 +156482,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
156491
156482
  };
156492
156483
  const handleBackPress = ()=>{
156493
156484
  if (isStoreUpdated) setShowNavigateDialog(!showNavigateDialog);
156494
- else handleNavigation(returnRoute ? returnRoute : "/create-template");
156485
+ else handleNavigation(returnRoute ? returnRoute : createTemplateRoute || "/create-template");
156495
156486
  };
156496
156487
  const handleNavigation = async (route = "/")=>{
156497
156488
  handleClearFilters();
@@ -156630,7 +156621,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
156630
156621
  showNavigateDialog && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $b3fd558411fcaf23$export$2e2bcd8739ae039), {
156631
156622
  open: showNavigateDialog,
156632
156623
  handleClose: ()=>setShowNavigateDialog(false),
156633
- handleNavigateAction: ()=>handleNavigation(returnRoute ? returnRoute : "/create-template")
156624
+ handleNavigateAction: ()=>handleNavigation(returnRoute ? returnRoute : createTemplateRoute || "/create-template")
156634
156625
  }),
156635
156626
  isShowModel?.open && isShowModel?.model === "edit" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $706ecd46c5fca617$export$2e2bcd8739ae039), {
156636
156627
  open: isShowModel?.open,
@@ -156707,7 +156698,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
156707
156698
  ...$d31b9bd88e5dcf67$var$buttonStyles,
156708
156699
  border: "none",
156709
156700
  backgroundColor: "var(--primaryColor)",
156710
- color: "var(--mainBackgroundColor)"
156701
+ color: "#fff"
156711
156702
  },
156712
156703
  onClick: ()=>handleChangeModel("save"),
156713
156704
  children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SUBMIT_BUTTON
@@ -156741,6 +156732,7 @@ var $d31b9bd88e5dcf67$export$2e2bcd8739ae039 = $d31b9bd88e5dcf67$var$TopNavigati
156741
156732
 
156742
156733
 
156743
156734
 
156735
+
156744
156736
 
156745
156737
 
156746
156738
  const $21e11f889f8068bf$var$templateDefaultDesign = (props)=>{
@@ -156796,7 +156788,7 @@ const $c6f5440378b96420$var$loadDialogStyles = {
156796
156788
  minHeight: "285px"
156797
156789
  };
156798
156790
  const $c6f5440378b96420$var$templateTextStyles = {
156799
- color: `var(--textColor)`,
156791
+ color: `#000`,
156800
156792
  fontSize: `12px`,
156801
156793
  fontStyle: `normal`,
156802
156794
  fontWeight: `500`,
@@ -156812,7 +156804,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
156812
156804
  fill: "var(--textColor)"
156813
156805
  })
156814
156806
  })),
156815
- Panel: (0, es.observer)(({ store: store, onGetTemplates: onGetTemplates })=>{
156807
+ Panel: (0, es.observer)(({ store: store, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates })=>{
156816
156808
  const dispatch = (0, useDispatch)();
156817
156809
  const [currentTemplateType, setCurrentTemplateType] = (0, react.useState)((0, $7ad22e5ca6c288ca$export$d30c048b3f9a13c1)[0]);
156818
156810
  const [selectedCategory, setSelectedCategory] = (0, react.useState)(null);
@@ -156910,9 +156902,26 @@ const $c6f5440378b96420$var$customTemplateSection = {
156910
156902
  if (initialCall) page = 1;
156911
156903
  getTemplatesByTab(page);
156912
156904
  };
156913
- const handleLoadTemplate = (id)=>{
156914
- dispatch((0, $dbaee5ca78364d67$export$afe4a7b3b3722350)(id, "copy"));
156915
- handleDialogChange("");
156905
+ const handleLoadTemplate = async (id, type = "edit")=>{
156906
+ if (onGetOneTemplate) try {
156907
+ const template = await onGetOneTemplate(id);
156908
+ dispatch({
156909
+ type: (0, $e496cac0faa1ff17$export$1c6648626b31f20d),
156910
+ payload: {
156911
+ data: template,
156912
+ type: type
156913
+ }
156914
+ });
156915
+ dispatch({
156916
+ type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
156917
+ payload: true
156918
+ });
156919
+ } catch (error) {
156920
+ return error;
156921
+ } finally{
156922
+ handleDialogChange("");
156923
+ }
156924
+ else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please provide onGetOneTemplate handler to load this template"));
156916
156925
  };
156917
156926
  const handleDialogChange = (model = "")=>{
156918
156927
  setIsShowDialog((prev)=>({
@@ -157095,6 +157104,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
157095
157104
  options: (0, $7ad22e5ca6c288ca$export$d30c048b3f9a13c1),
157096
157105
  setSelectedValue: setCurrentTemplateType,
157097
157106
  selectedValue: currentTemplateType,
157107
+ builderSelect: true,
157098
157108
  // @ts-ignore
157099
157109
  search: ()=>{},
157100
157110
  updateErrors: ()=>{},
@@ -157111,6 +157121,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
157111
157121
  options: templateCategories,
157112
157122
  setSelectedValue: setSelectedCategory,
157113
157123
  selectedValue: selectedCategory,
157124
+ builderSelect: true,
157114
157125
  // @ts-ignore
157115
157126
  search: ()=>{},
157116
157127
  updateErrors: ()=>{},
@@ -157128,6 +157139,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
157128
157139
  type: "text",
157129
157140
  value: search,
157130
157141
  name: "search",
157142
+ builderInput: true,
157131
157143
  // @ts-ignore
157132
157144
  onKeyDown: searchKeyDown,
157133
157145
  onChange: (e)=>setSearch(e.target.value.trimStart()),
@@ -157425,7 +157437,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
157425
157437
  children: "Contact Fields"
157426
157438
  }),
157427
157439
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
157428
- fill: "var(--primaryColor)",
157440
+ fill: "#000",
157429
157441
  className: "infoIcon"
157430
157442
  }),
157431
157443
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
@@ -157535,7 +157547,8 @@ const $d303f0b433a1814c$var$SidePanel = (props)=>{
157535
157547
  ...(0, $c6f5440378b96420$export$2e2bcd8739ae039),
157536
157548
  Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c6f5440378b96420$export$2e2bcd8739ae039).Panel, {
157537
157549
  ...panelProps,
157538
- onGetTemplates: props.onGetTemplates
157550
+ onGetTemplates: props.onGetTemplates,
157551
+ onGetOneTemplate: props.onGetOneTemplate
157539
157552
  })
157540
157553
  }
157541
157554
  ] : [],
@@ -157558,7 +157571,7 @@ var $d303f0b433a1814c$export$2e2bcd8739ae039 = $d303f0b433a1814c$var$SidePanel;
157558
157571
 
157559
157572
 
157560
157573
  (0, polotno_config/* setUploadFunc */.Ut)((0, $dbaee5ca78364d67$export$a5575dbeeffdad98));
157561
- const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: returnRoute, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
157574
+ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: returnRoute, createTemplateRoute: createTemplateRoute, olcTemplate: olcTemplate, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
157562
157575
  const [isStoreUpdated, setIsStoreUpdated] = (0, react.useState)(false);
157563
157576
  const [switchTabCount, setSwitchTabCount] = (0, react.useState)(1);
157564
157577
  const { id: id } = (0, useParams)();
@@ -157571,12 +157584,12 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: retu
157571
157584
  const containerStyle = {
157572
157585
  width: "100vw",
157573
157586
  height: "90vh",
157574
- position: "relative",
157575
- backgroundColor: "var(--mainBackgroundColor) !important"
157587
+ position: "relative"
157576
157588
  };
157577
157589
  (0, react.useEffect)(()=>{
157578
157590
  handleLoadTemplate();
157579
157591
  }, [
157592
+ olcTemplate,
157580
157593
  template
157581
157594
  ]);
157582
157595
  // Event listener for visibility change
@@ -157590,14 +157603,35 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: retu
157590
157603
  };
157591
157604
  }, []);
157592
157605
  (0, react.useEffect)(()=>{
157593
- if (!product) navigate("/create-template");
157606
+ if (!product && !olcTemplate && !id) navigate(createTemplateRoute || "/create-template");
157594
157607
  }, []);
157608
+ // @ts-ignore
157595
157609
  (0, react.useEffect)(()=>{
157596
- if (product) {
157610
+ if (product || id && onGetOneTemplate) {
157597
157611
  (0, polotno_config/* setGoogleFonts */.O3)((0, (/*@__PURE__*/$parcel$interopDefault($6095227f2f4b1a81$exports))));
157598
- // remove this component from the history stack
157599
- if (id) // @ts-ignore
157600
- dispatch((0, $dbaee5ca78364d67$export$afe4a7b3b3722350)(id));
157612
+ if (id && onGetOneTemplate) try {
157613
+ onGetOneTemplate(id).then((template)=>{
157614
+ if (template) {
157615
+ dispatch({
157616
+ type: (0, $e496cac0faa1ff17$export$1c6648626b31f20d),
157617
+ payload: {
157618
+ data: template
157619
+ }
157620
+ });
157621
+ dispatch({
157622
+ type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
157623
+ payload: true
157624
+ });
157625
+ } else {
157626
+ dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Unable to load the Template"));
157627
+ setTimeout(()=>{
157628
+ navigate(createTemplateRoute || "/create-template");
157629
+ }, 1000);
157630
+ }
157631
+ });
157632
+ } catch (error) {
157633
+ return error;
157634
+ }
157601
157635
  else if (store.pages.length === 0) createInitialPage();
157602
157636
  fetchCustomFields();
157603
157637
  const handleChange = ()=>{
@@ -157689,17 +157723,18 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: retu
157689
157723
  }
157690
157724
  };
157691
157725
  const handleLoadTemplate = async ()=>{
157692
- if (template) {
157726
+ const existingTemplate = olcTemplate || template;
157727
+ if (existingTemplate) {
157693
157728
  const workspaceElement = document.querySelector(".polotno-workspace-container");
157694
157729
  if (workspaceElement) workspaceElement.classList.add("show-loader");
157695
157730
  // @ts-ignore
157696
- const paperDimensions = template?.product?.paperSize.split("x");
157731
+ const paperDimensions = existingTemplate?.product?.paperSize.split("x");
157697
157732
  store.setUnit({
157698
157733
  unit: "in",
157699
157734
  dpi: 96
157700
157735
  });
157701
157736
  store.setSize(+paperDimensions[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610), +paperDimensions[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610));
157702
- const jsonData = await (0, $ad01ab85e9f42d02$export$c706fc9cfb842dce)(template?.templateUrl);
157737
+ const jsonData = await (0, $ad01ab85e9f42d02$export$c706fc9cfb842dce)(existingTemplate?.templateUrl);
157703
157738
  store.loadJSON(jsonData);
157704
157739
  await store.waitLoading();
157705
157740
  setIsStoreUpdated(false);
@@ -157721,6 +157756,7 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: retu
157721
157756
  store: store,
157722
157757
  isStoreUpdated: isStoreUpdated,
157723
157758
  returnRoute: returnRoute,
157759
+ createTemplateRoute: createTemplateRoute,
157724
157760
  onSubmit: onSubmit
157725
157761
  }),
157726
157762
  /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.PolotnoContainer), {
@@ -157729,6 +157765,7 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: retu
157729
157765
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d303f0b433a1814c$export$2e2bcd8739ae039), {
157730
157766
  store: store,
157731
157767
  currentTemplateType: currentTemplateType,
157768
+ onGetOneTemplate: onGetOneTemplate,
157732
157769
  onGetTemplates: onGetTemplates,
157733
157770
  onGetCustomFields: onGetCustomFields
157734
157771
  }),
@@ -157773,11 +157810,11 @@ const $edeafd00018ca857$var$initializeStore = (secretKey)=>{
157773
157810
  showCredit: false
157774
157811
  });
157775
157812
  };
157776
- const $edeafd00018ca857$var$App = ({ secretKey: secretKey, returnRoute: returnRoute, styles: styles, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
157813
+ const $edeafd00018ca857$var$App = ({ secretKey: secretKey, returnRoute: returnRoute, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, styles: styles, olcTemplate: olcTemplate, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
157777
157814
  const [store, setStore] = (0, react.useState)($edeafd00018ca857$var$initializeStore(secretKey));
157778
157815
  const currentPath = window?.location?.pathname;
157779
157816
  (0, react.useEffect)(()=>{
157780
- if (currentPath === "/create-template") {
157817
+ {
157781
157818
  const newStore = $edeafd00018ca857$var$initializeStore(secretKey);
157782
157819
  setStore(newStore);
157783
157820
  }
@@ -157788,23 +157825,27 @@ const $edeafd00018ca857$var$App = ({ secretKey: secretKey, returnRoute: returnRo
157788
157825
  :root {
157789
157826
  ${styles ? Object.entries(styles.root).map(([key, value])=>`${key}: ${value};`).join(" ") : ""}
157790
157827
  }
157791
- body { background: var(--mainBackgroundColor);}` : (0, ht)`<></>`;
157828
+ ` : (0, ht)`<></>`;
157792
157829
  return /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
157793
157830
  children: [
157794
157831
  /*#__PURE__*/ (0, jsx_runtime.jsx)(GlobalStyle, {}),
157795
157832
  /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, Routes), {
157796
157833
  children: [
157797
157834
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, Route), {
157798
- path: "/create-template",
157835
+ path: createTemplateRoute || "/create-template",
157799
157836
  element: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $dd071d7635be500b$export$2e2bcd8739ae039), {
157800
- returnRoute: returnRoute
157837
+ returnRoute: returnRoute,
157838
+ createTemplateRoute: createTemplateRoute
157801
157839
  })
157802
157840
  }),
157803
157841
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, Route), {
157804
- path: "/template-builder",
157842
+ path: templateBuilderRoute || "/template-builder/:id?",
157805
157843
  element: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $6248df0c26b0b2d9$export$2e2bcd8739ae039), {
157806
157844
  store: store,
157845
+ olcTemplate: olcTemplate,
157807
157846
  returnRoute: returnRoute,
157847
+ createTemplateRoute: createTemplateRoute,
157848
+ onGetOneTemplate: onGetOneTemplate,
157808
157849
  onGetTemplates: onGetTemplates,
157809
157850
  onGetCustomFields: onGetCustomFields,
157810
157851
  onSubmit: onSubmit
@@ -157824,7 +157865,7 @@ var $edeafd00018ca857$export$2e2bcd8739ae039 = $edeafd00018ca857$var$App;
157824
157865
 
157825
157866
 
157826
157867
 
157827
- const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, basicAuthUsername: basicAuthUsername, basicAuthPassword: basicAuthPassword, returnRoute: returnRoute, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
157868
+ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, basicAuthUsername: basicAuthUsername, basicAuthPassword: basicAuthPassword, returnRoute: returnRoute, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
157828
157869
  if (!container) throw new Error("Root element not found");
157829
157870
  if (!secretKey) throw new Error("secretKey not found");
157830
157871
  if (!basicAuthUsername) throw new Error("basicAuthUsername not found");
@@ -157839,10 +157880,14 @@ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey
157839
157880
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $edeafd00018ca857$export$2e2bcd8739ae039), {
157840
157881
  secretKey: secretKey,
157841
157882
  styles: styles,
157883
+ olcTemplate: olcTemplate,
157842
157884
  returnRoute: returnRoute,
157843
- onSubmit: onSubmit,
157885
+ createTemplateRoute: createTemplateRoute,
157886
+ templateBuilderRoute: templateBuilderRoute,
157887
+ onGetOneTemplate: onGetOneTemplate,
157844
157888
  onGetTemplates: onGetTemplates,
157845
- onGetCustomFields: onGetCustomFields
157889
+ onGetCustomFields: onGetCustomFields,
157890
+ onSubmit: onSubmit
157846
157891
  })
157847
157892
  })
157848
157893
  })
@@ -157857,6 +157902,8 @@ var // Example to run the project locally for development. Comment out these lin
157857
157902
  // secretKey: import.meta.env.VITE_APP_PLOTNO_API_KEY,
157858
157903
  // basicAuthUsername: import.meta.env.VITE_APP_BASIC_AUTH_USERNAME,
157859
157904
  // basicAuthPassword: import.meta.env.VITE_APP_BASIC_AUTH_PASSWORD,
157905
+ // // onGetOneTemplate: getOneTemplate,
157906
+ // // olcTemplate: olcTemplateData,
157860
157907
  // // onGetTemplates: getAllTemplatesByTab,
157861
157908
  // styles: {}
157862
157909
  // });
@@ -157897,6 +157944,22 @@ $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder
157897
157944
  type: String,
157898
157945
  required: false
157899
157946
  },
157947
+ createTemplateRoute: {
157948
+ type: String,
157949
+ required: false
157950
+ },
157951
+ templateBuilderRoute: {
157952
+ type: String,
157953
+ required: false
157954
+ },
157955
+ olcTemplate: {
157956
+ type: Object,
157957
+ required: false
157958
+ },
157959
+ onGetOneTemplate: {
157960
+ type: Function,
157961
+ required: false
157962
+ },
157900
157963
  onGetTemplates: {
157901
157964
  type: Function,
157902
157965
  required: false
@@ -157927,6 +157990,10 @@ $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder
157927
157990
  basicAuthUsername: props.basicAuthUsername,
157928
157991
  basicAuthPassword: props.basicAuthPassword,
157929
157992
  returnRoute: props.returnRoute,
157993
+ createTemplateRoute: props.createTemplateRoute,
157994
+ templateBuilderRoute: props.templateBuilderRoute,
157995
+ olcTemplate: props.olcTemplate,
157996
+ onGetOneTemplate: props.onGetOneTemplate,
157930
157997
  onGetTemplates: props.onGetTemplates,
157931
157998
  onGetCustomFields: props.onGetCustomFields,
157932
157999
  onSubmit: props.onSubmit,
@@ -158066,6 +158133,10 @@ const src_TemplateBuilder = ({
158066
158133
  basicAuthUsername,
158067
158134
  basicAuthPassword,
158068
158135
  returnRoute,
158136
+ createTemplateRoute,
158137
+ templateBuilderRoute,
158138
+ olcTemplate,
158139
+ onGetOneTemplate,
158069
158140
  onGetTemplates,
158070
158141
  onGetCustomFields,
158071
158142
  onSubmit,
@@ -158077,6 +158148,10 @@ const src_TemplateBuilder = ({
158077
158148
  basicAuthUsername,
158078
158149
  basicAuthPassword,
158079
158150
  returnRoute,
158151
+ createTemplateRoute,
158152
+ templateBuilderRoute,
158153
+ olcTemplate,
158154
+ onGetOneTemplate,
158080
158155
  onGetTemplates,
158081
158156
  onGetCustomFields,
158082
158157
  onSubmit,