npm - @openlettermarketing/olc-vue-sdk - Versions diffs - 0.0.11 → 0.0.12 - Mend

@openlettermarketing/olc-vue-sdk 0.0.11 → 0.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/build/index.js CHANGED Viewed

@@ -50371,7 +50371,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ":root{--rt-color-white:#fff;--rt-color
 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()));
 // Module
-___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":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, ".basic-typo {\n  width: 100%;\n  margin: 0;\n  font-weight: 500;\n}\n\n.basic-typo h1 {\n  font-size: 50px;\n}\n\n.basic-typo h2 {\n  font-size: 45px;\n}\n\n.basic-typo h3 {\n  font-size: 40px;\n}\n\n.basic-typo h4 {\n  font-size: 35px;\n}\n\n.basic-typo h5 {\n  font-size: 30px;\n}\n\n.basic-typo h6 {\n  font-size: 25px;\n}\n\n.basic-typo p {\n  font-size: 18px;\n}\n\n.basic-button {\n  background-color: var(--primary-color);\n  color: #fff;\n  cursor: pointer;\n  border-radius: 4px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  max-width: fit-content;\n  height: 100%;\n  padding: 0 10px;\n  font-size: 16px;\n  font-weight: 600;\n  display: flex;\n}\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(--text-color);\n  margin-bottom: 5px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.select-layout .generic-select-container {\n  cursor: pointer;\n  width: 100%;\n  font-size: 16px;\n  line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n  border: .5px solid var(--border-color);\n  background-color: #0000;\n  border-radius: 7px;\n  height: 100%;\n  min-height: 55px;\n  padding-left: 10px;\n  font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__placeholder {\n  color: var(--text-color);\n  opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n  color: var(--text-color);\n  font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n  border: .5px solid var(--border-color);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n  opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n  border: .5px solid var(--border-color);\n  box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n  transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n  display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__clear-indicator svg {\n  cursor: pointer;\n  width: 15px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n  padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  cursor: not-allowed;\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n  text-align: left;\n  color: var(--text-color);\n  border-bottom: .5px solid var(--border-color);\n  cursor: pointer;\n  padding: auto 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  background-color: var(--secondary-color);\n  color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n  color: #000;\n  border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  color: #000;\n}\n\n.toast-container {\n  z-index: 99999;\n  width: 100%;\n  min-width: 400px;\n  max-width: fit-content;\n}\n\n.toast-container .basic-toast {\n  background-color: var(--primary-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 5px;\n  height: 100%;\n  max-height: 50px;\n  display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n  color: var(--notification-text-color);\n  margin: 0;\n  font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n  font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n  width: 25px;\n  height: 18px;\n}\n\n.input-layout {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 10px;\n  width: 100%;\n  display: flex;\n}\n\n.input-layout .basic-label {\n  color: var(--text-color);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n  border: .5px solid var(--border-color);\n  background: #fff;\n  border-radius: 7px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-height: 55px;\n  display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n  color: var(--text-color);\n  background: none;\n  border: none;\n  border-radius: 7px;\n  width: 100%;\n  padding: 5px 20px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 24px;\n  font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n  outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n  opacity: .5;\n  color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n  color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n  content: \"\";\n  background-color: #303030;\n  width: 1px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n  width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n  border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n  background-color: var(--secondary-color);\n}\n\n.basic-divider {\n  border: none;\n  border-top: .5px solid #0000004d;\n  width: 100%;\n  max-width: 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(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  margin-top: 20px;\n  margin-bottom: 10px;\n  display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n  cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n  accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n  outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n  cursor: pointer;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n  color: var(--error-color);\n  margin-left: 5px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n  margin: 0 40px;\n  padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n  color: var(--primary-color);\n  margin-bottom: 20px;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n  color: var(--text-color);\n  margin-bottom: 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n  color: var(--error-color);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n  margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n  margin: 20px 40px 80px;\n  padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n  color: var(--text-color);\n  margin-bottom: 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n  color: var(--error-color);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n  margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n  margin: 0 40px;\n  padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n  color: var(--primary-color);\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 25px;\n  margin-top: 20px;\n  display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n  border: .45px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 6.299px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 17px;\n  width: 100%;\n  max-width: 185px;\n  height: 100%;\n  min-height: 135px;\n  transition: all .1s ease-in;\n  display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n  background: var(--secondary-color);\n  border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n  color: var(--primary-color);\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n  margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n  border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n  color: var(--error-color);\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n  margin: 0 40px 80px;\n  padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  margin-top: 20px;\n  display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n  border: .45px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 6.299px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  padding: 13px 20px;\n  transition: all .1s ease-in;\n  display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n  margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n  fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n  background: var(--secondary-color);\n  border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n  margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n  fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n  color: var(--primary-color);\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n  width: 100%;\n  max-width: 150px;\n  height: 100%;\n  min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n  width: 100%;\n  max-width: 196px;\n  height: 100%;\n  min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n  width: 100%;\n  max-width: 248px;\n  height: 100%;\n  min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n  color: var(--error-color);\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n  border-top: .5px solid var(--border-color);\n  background-color: #fff;\n  width: 100%;\n  position: fixed;\n  bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n  justify-content: flex-end;\n  align-items: center;\n  gap: 20px;\n  padding: 14px 95px 14px 35px;\n  display: flex;\n}\n\n.mb-5 {\n  margin-bottom: 6rem !important;\n}\n\n.error {\n  border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n  aspect-ratio: 1;\n  border-radius: 50%;\n  width: 50px;\n  animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n  0% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n  }\n\n  12.5% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n  }\n\n  25% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n  }\n\n  50% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  62.5% {\n    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  75% {\n    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  100% {\n    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n  }\n}\n\n@keyframes l20-2 {\n  0% {\n    transform: scaleY(1)rotate(0);\n  }\n\n  49.99% {\n    transform: scaleY(1)rotate(135deg);\n  }\n\n  50% {\n    transform: scaleY(-1)rotate(0);\n  }\n\n  100% {\n    transform: scaleY(-1)rotate(-135deg);\n  }\n}\n\n.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(--modal-background-color);\n  border: 1px solid #888;\n  border-radius: 11px;\n  width: 80%;\n  margin: auto;\n  padding: 0;\n  animation-name: animatetop;\n  animation-duration: .4s;\n  position: relative;\n  box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n  color: var(--text-color);\n  height: 100%;\n  min-height: 20px;\n  position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n  float: right;\n  font-size: 28px;\n  font-weight: bold;\n  position: absolute;\n  top: 0;\n  right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n  color: var(--text-color);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 2px 16px;\n  display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n  width: 100%;\n  max-width: 60px;\n  height: 100%;\n  min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n  mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n  fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n  stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n  color: var(--text-color);\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  width: 100%;\n  padding: 2px 16px;\n  display: flex;\n  position: absolute;\n  bottom: 10px;\n}\n\n@keyframes animatetop {\n  from {\n    opacity: 0;\n    top: -300px;\n  }\n\n  to {\n    opacity: 1;\n    top: 0;\n  }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 433px !important;\n  height: 100% !important;\n  max-height: 290px !important;\n  margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n  flex-direction: column;\n  gap: 20px;\n  padding: 16px 16px 0;\n  display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n  text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n  color: #ed5c2f;\n  text-align: center;\n  margin-top: 10px;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n  color: #000;\n  text-align: center;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n  color: #000;\n  text-align: center;\n  letter-spacing: .28px;\n  margin: 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 5px;\n  width: 100%;\n  max-width: 107px;\n  height: 100%;\n  min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n  opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 407px !important;\n  height: 100% !important;\n  max-height: 258px !important;\n  margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n  flex-direction: column;\n  gap: 10px;\n  display: flex;\n  padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n  text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n  color: #ed5c2f;\n  text-align: center;\n  margin-top: 12px;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n  color: #000;\n  text-align: center;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n  color: #000;\n  text-align: center;\n  letter-spacing: .28px;\n  margin: 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  min-width: 100px !important;\n  min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  max-width: 146px !important;\n  min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 623px !important;\n  height: 100% !important;\n  max-height: 230px !important;\n  margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n  padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n  padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n  color: #303030;\n  margin: 10px 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 5px;\n  width: 100%;\n  max-width: 107px;\n  height: 100%;\n  min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.top-navigation-container {\n  border-bottom: .5px solid var(--border-color);\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  max-height: 70px;\n  margin: 0;\n  padding: 23px 20px;\n  display: flex;\n  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(--text-color);\n  margin-bottom: 0;\n  font-size: 16px;\n  font-weight: 400;\n  overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n  cursor: pointer;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  padding: 5px;\n  transition: all .1s ease-in-out;\n  display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n  background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n  fill: var(--text-color);\n}\n\n.top-navigation-container button {\n  text-transform: capitalize;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n  padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n  justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n  gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.polotno-panel-container {\n  overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n  display: \"flex\";\n  flex-wrap: \"wrap\";\n  overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n  color: #ed5c2f;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n  cursor: pointer;\n  border: .5px solid #303030;\n  border-radius: 3px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n  display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n  color: #303030;\n  margin-top: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n  cursor: pointer;\n  border: .5px solid #303030;\n  border-radius: 3px;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.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  width: 100%;\n  max-width: 480px;\n}\n\n@media (width <= 800px) {\n  .templateTabsWrapper {\n    max-width: none !important;\n  }\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(--text-color);\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.searchWrapper {\n  justify-content: flex-start;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  display: flex;\n  position: relative;\n}\n\n.searchWrapper .searchInput {\n  color: #000;\n  background: #fff;\n  border: .5px solid #44424180;\n  border-radius: 3px;\n  width: 514px;\n  max-width: 520px;\n  height: 40px;\n  padding: 5px 20px;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n  display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n  color: #ed5c2f;\n  position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n  content: \"\";\n  opacity: .5;\n  background-color: #000;\n  width: 1px;\n  height: 90%;\n  position: absolute;\n  left: -5px;\n}\n\n.searchWrapper .searchApplied {\n  background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n  padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n  opacity: .6;\n  cursor: pointer;\n  font-size: 18px;\n  position: absolute;\n  top: 10px;\n  right: 55px;\n}\n\n.basic-tooltip {\n  text-align: center !important;\n  color: #000 !important;\n  opacity: 1 !important;\n  background-color: #fff !important;\n  width: 90% !important;\n  max-width: fit-content !important;\n  box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-icon {\n  width: 20px;\n  height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  margin: 8px auto;\n  display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n  color: var(--primaryColor);\n  margin-right: 5px;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n  cursor: pointer;\n  width: 12px;\n  height: 12px;\n}\n\n.dynamic-content .divider {\n  color: #44424145;\n  margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n  border: .5px solid var(--border-color);\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(--text-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n  background-color: var(--secondary-color);\n  opacity: .8;\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n  fill: var(--primary-color) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n  display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n  background-color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n  outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n  color: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n  outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n  background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n  z-index: 2200 !important;\n}\n\n.show-loader:after {\n  content: \"\";\n  border: 4px solid var(--primary-color);\n  border-right: 3px solid #0000;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  width: 50px;\n  height: 50px;\n  animation: 2s linear infinite circularAnimation;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n  0% {\n    transform: translate(-50%, -50%)rotate(0);\n  }\n\n  100% {\n    transform: translate(-50%, -50%)rotate(360deg);\n  }\n}\n\n.hide-loader:after {\n  display: none !important;\n}\n\n:root {\n  --font-family: \"Inter\";\n  --scrollbar-thumb-color: #ffdfc2;\n  --primary-color: #ed5c2f;\n  --secondary-color: #fff8ee;\n  --svg-color: #fdb515;\n  --svg-color-not-active: #fdecd3;\n  --text-color: #000;\n  --modal-background-color: #fff8ee;\n  --notification-text-color: #fff;\n  --border-color: #303030;\n  --error-color: 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(--secondary-color) !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(--secondary-color);\n  }\n}\n\n:root body .bp5-navbar {\n  z-index: auto !important;\n  border-bottom: 1px solid #1114181a !important;\n}\n\n@media (width <= 800px) {\n  :root body .bp5-navbar {\n    z-index: 100 !important;\n  }\n}\n\n:root body .bp5-navbar .bp5-card {\n  color: var(--text-color);\n  background-color: #0000;\n}\n\n@media (width <= 800px) {\n  :root body .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n    justify-content: center !important;\n  }\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(--secondary-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--secondary-color) !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(--secondary-color);\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(--primary-color);\n  color: #fff;\n  cursor: pointer;\n  border-radius: 4px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  max-width: fit-content;\n  height: 100%;\n  padding: 0 10px;\n  font-size: 16px;\n  font-weight: 600;\n  display: flex;\n}\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(--text-color);\n  margin-bottom: 5px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.select-layout .generic-select-container {\n  cursor: pointer;\n  width: 100%;\n  font-size: 16px;\n  line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n  border: .5px solid var(--border-color);\n  background-color: #0000;\n  border-radius: 7px;\n  height: 100%;\n  min-height: 55px;\n  padding-left: 10px;\n  font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__placeholder {\n  color: var(--text-color);\n  opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n  color: var(--text-color);\n  font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n  border: .5px solid var(--border-color);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n  opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n  border: .5px solid var(--border-color);\n  box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n  transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n  display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__clear-indicator svg {\n  cursor: pointer;\n  width: 15px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n  padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  cursor: not-allowed;\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n  text-align: left;\n  color: var(--text-color);\n  border-bottom: .5px solid var(--border-color);\n  cursor: pointer;\n  padding: auto 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  background-color: var(--secondary-color);\n  color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n  color: #000;\n  border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  color: #000;\n}\n\n.toast-container {\n  z-index: 99999;\n  width: 100%;\n  min-width: 400px;\n  max-width: fit-content;\n}\n\n.toast-container .basic-toast {\n  background-color: var(--primary-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 5px;\n  height: 100%;\n  max-height: 50px;\n  display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n  color: var(--notification-text-color);\n  margin: 0;\n  font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n  font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n  width: 25px;\n  height: 18px;\n}\n\n.input-layout {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 10px;\n  width: 100%;\n  display: flex;\n}\n\n.input-layout .basic-label {\n  color: var(--text-color);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n  border: .5px solid var(--border-color);\n  background: #fff;\n  border-radius: 7px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-height: 55px;\n  display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n  color: var(--text-color);\n  background: none;\n  border: none;\n  border-radius: 7px;\n  width: 100%;\n  padding: 5px 20px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 24px;\n  font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n  outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n  opacity: .5;\n  color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n  color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n  content: \"\";\n  background-color: #303030;\n  width: 1px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n  width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n  border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n  background-color: var(--secondary-color);\n}\n\n.basic-divider {\n  border: none;\n  border-top: .5px solid #0000004d;\n  width: 100%;\n  max-width: 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(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  margin-top: 20px;\n  margin-bottom: 10px;\n  display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n  cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n  accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n  outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n  cursor: pointer;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n  color: var(--error-color);\n  margin-left: 5px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n  margin: 0 40px;\n  padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n  color: var(--primary-color);\n  margin-bottom: 20px;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n  color: var(--text-color);\n  margin-bottom: 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n  color: var(--error-color);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n  margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n  margin: 20px 40px 80px;\n  padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n  color: var(--text-color);\n  margin-bottom: 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n  color: var(--error-color);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n  margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n  margin: 0 40px;\n  padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n  color: var(--primary-color);\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 25px;\n  margin-top: 20px;\n  display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n  border: .45px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 6.299px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 17px;\n  width: 100%;\n  max-width: 185px;\n  height: 100%;\n  min-height: 135px;\n  transition: all .1s ease-in;\n  display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n  background: var(--secondary-color);\n  border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n  color: var(--primary-color);\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n  margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n  border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n  color: var(--error-color);\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n  margin: 0 40px 80px;\n  padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  margin-top: 20px;\n  display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n  border: .45px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 6.299px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  padding: 13px 20px;\n  transition: all .1s ease-in;\n  display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n  margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n  fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n  background: var(--secondary-color);\n  border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n  margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n  fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n  color: var(--primary-color);\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n  width: 100%;\n  max-width: 150px;\n  height: 100%;\n  min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n  width: 100%;\n  max-width: 196px;\n  height: 100%;\n  min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n  width: 100%;\n  max-width: 248px;\n  height: 100%;\n  min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n  color: var(--error-color);\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n  border-top: .5px solid var(--border-color);\n  background-color: #fff;\n  width: 100%;\n  position: fixed;\n  bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n  justify-content: flex-end;\n  align-items: center;\n  gap: 20px;\n  padding: 14px 95px 14px 35px;\n  display: flex;\n}\n\n.mb-5 {\n  margin-bottom: 6rem !important;\n}\n\n.error {\n  border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n  aspect-ratio: 1;\n  border-radius: 50%;\n  width: 50px;\n  animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n  0% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n  }\n\n  12.5% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n  }\n\n  25% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n  }\n\n  50% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  62.5% {\n    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  75% {\n    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  100% {\n    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n  }\n}\n\n@keyframes l20-2 {\n  0% {\n    transform: scaleY(1)rotate(0);\n  }\n\n  49.99% {\n    transform: scaleY(1)rotate(135deg);\n  }\n\n  50% {\n    transform: scaleY(-1)rotate(0);\n  }\n\n  100% {\n    transform: scaleY(-1)rotate(-135deg);\n  }\n}\n\n.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(--modal-background-color);\n  border: 1px solid #888;\n  border-radius: 11px;\n  width: 80%;\n  margin: auto;\n  padding: 0;\n  animation-name: animatetop;\n  animation-duration: .4s;\n  position: relative;\n  box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n  color: var(--text-color);\n  height: 100%;\n  min-height: 20px;\n  position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n  float: right;\n  font-size: 28px;\n  font-weight: bold;\n  position: absolute;\n  top: 0;\n  right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n  color: var(--text-color);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 2px 16px;\n  display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n  width: 100%;\n  max-width: 60px;\n  height: 100%;\n  min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n  mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n  fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n  stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n  color: var(--text-color);\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  width: 100%;\n  padding: 2px 16px;\n  display: flex;\n  position: absolute;\n  bottom: 10px;\n}\n\n@keyframes animatetop {\n  from {\n    opacity: 0;\n    top: -300px;\n  }\n\n  to {\n    opacity: 1;\n    top: 0;\n  }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 433px !important;\n  height: 100% !important;\n  max-height: 290px !important;\n  margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n  flex-direction: column;\n  gap: 20px;\n  padding: 16px 16px 0;\n  display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n  text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n  color: #ed5c2f;\n  text-align: center;\n  margin-top: 10px;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n  color: #000;\n  text-align: center;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n  color: #000;\n  text-align: center;\n  letter-spacing: .28px;\n  margin: 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 5px;\n  width: 100%;\n  max-width: 107px;\n  height: 100%;\n  min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n  opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 407px !important;\n  height: 100% !important;\n  max-height: 258px !important;\n  margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n  flex-direction: column;\n  gap: 10px;\n  display: flex;\n  padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n  text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n  color: #ed5c2f;\n  text-align: center;\n  margin-top: 12px;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n  color: #000;\n  text-align: center;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n  color: #000;\n  text-align: center;\n  letter-spacing: .28px;\n  margin: 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  min-width: 100px !important;\n  min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  max-width: 146px !important;\n  min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 623px !important;\n  height: 100% !important;\n  max-height: 230px !important;\n  margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n  padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n  padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n  color: #303030;\n  margin: 10px 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 5px;\n  width: 100%;\n  max-width: 107px;\n  height: 100%;\n  min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.top-navigation-container {\n  border-bottom: .5px solid var(--border-color);\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  max-height: 70px;\n  margin: 0;\n  padding: 23px 20px;\n  display: flex;\n  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(--text-color);\n  margin-bottom: 0;\n  font-size: 16px;\n  font-weight: 400;\n  overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n  cursor: pointer;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  padding: 5px;\n  transition: all .1s ease-in-out;\n  display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n  background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n  fill: var(--text-color);\n}\n\n.top-navigation-container button {\n  text-transform: capitalize;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n  padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n  justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n  gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.polotno-panel-container {\n  overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n  display: \"flex\";\n  flex-wrap: \"wrap\";\n  overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n  color: #ed5c2f;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n  cursor: pointer;\n  border: .5px solid #303030;\n  border-radius: 3px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n  display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n  color: #303030;\n  margin-top: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n  cursor: pointer;\n  border: .5px solid #303030;\n  border-radius: 3px;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.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  width: 100%;\n  max-width: 480px;\n}\n\n@media (width <= 800px) {\n  .templateTabsWrapper {\n    max-width: none !important;\n  }\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(--text-color);\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.searchWrapper {\n  justify-content: flex-start;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  display: flex;\n  position: relative;\n}\n\n.searchWrapper .searchInput {\n  color: #000;\n  background: #fff;\n  border: .5px solid #44424180;\n  border-radius: 3px;\n  width: 514px;\n  max-width: 520px;\n  height: 40px;\n  padding: 5px 20px;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n  display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n  color: #ed5c2f;\n  position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n  content: \"\";\n  opacity: .5;\n  background-color: #000;\n  width: 1px;\n  height: 90%;\n  position: absolute;\n  left: -5px;\n}\n\n.searchWrapper .searchApplied {\n  background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n  padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n  opacity: .6;\n  cursor: pointer;\n  font-size: 18px;\n  position: absolute;\n  top: 10px;\n  right: 55px;\n}\n\n.basic-tooltip {\n  text-align: center !important;\n  color: #000 !important;\n  opacity: 1 !important;\n  background-color: #fff !important;\n  width: 90% !important;\n  max-width: fit-content !important;\n  box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-icon {\n  width: 20px;\n  height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  margin: 8px auto;\n  display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n  color: var(--primaryColor);\n  margin-right: 5px;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n  cursor: pointer;\n  width: 12px;\n  height: 12px;\n}\n\n.dynamic-content .divider {\n  color: #44424145;\n  margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n  border: .5px solid var(--border-color);\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(--text-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n  background-color: var(--secondary-color);\n  opacity: .8;\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n  fill: var(--primary-color) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n  display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n  background-color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n  outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n  color: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n  outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n  background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n  z-index: 2200 !important;\n}\n\n.show-loader:after {\n  content: \"\";\n  border: 4px solid var(--primary-color);\n  border-right: 3px solid #0000;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  width: 50px;\n  height: 50px;\n  animation: 2s linear infinite circularAnimation;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n  0% {\n    transform: translate(-50%, -50%)rotate(0);\n  }\n\n  100% {\n    transform: translate(-50%, -50%)rotate(360deg);\n  }\n}\n\n.hide-loader:after {\n  display: none !important;\n}\n\n:root {\n  --font-family: \"Inter\";\n  --scrollbar-thumb-color: #ffdfc2;\n  --primary-color: #ed5c2f;\n  --secondary-color: #fff8ee;\n  --svg-color: #fdb515;\n  --svg-color-not-active: #fdecd3;\n  --text-color: #000;\n  --modal-background-color: #fff8ee;\n  --notification-text-color: #fff;\n  --border-color: #303030;\n  --error-color: 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(--secondary-color) !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(--secondary-color);\n  }\n}\n\n:root body .bp5-navbar {\n  z-index: auto !important;\n  border-bottom: 1px solid #1114181a !important;\n}\n\n@media (width <= 800px) {\n  :root body .bp5-navbar {\n    z-index: 100 !important;\n  }\n}\n\n:root body .bp5-navbar .bp5-card {\n  color: var(--text-color);\n  background-color: #0000;\n}\n\n@media (width <= 800px) {\n  :root body .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n    justify-content: center !important;\n  }\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(--secondary-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--secondary-color) !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(--secondary-color);\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":""}]);
 // Exports
 /* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
@@ -143374,270 +143374,8 @@ function objectSpread2_objectSpread2(e) {
   return e;
 }
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
-var objectWithoutPropertiesLoose = __webpack_require__(98587);
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
-function _objectWithoutProperties(e, t) {
-  if (null == e) return {};
-  var o,
-    r,
-    i = (0,objectWithoutPropertiesLoose/* default */.A)(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-  }
-  return i;
-}
-;// CONCATENATED MODULE: ./node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
-var useStateManager_7e1e8489_esm_excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
-function useStateManager(_ref) {
-  var _ref$defaultInputValu = _ref.defaultInputValue,
-    defaultInputValue = _ref$defaultInputValu === void 0 ? '' : _ref$defaultInputValu,
-    _ref$defaultMenuIsOpe = _ref.defaultMenuIsOpen,
-    defaultMenuIsOpen = _ref$defaultMenuIsOpe === void 0 ? false : _ref$defaultMenuIsOpe,
-    _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? null : _ref$defaultValue,
-    propsInputValue = _ref.inputValue,
-    propsMenuIsOpen = _ref.menuIsOpen,
-    propsOnChange = _ref.onChange,
-    propsOnInputChange = _ref.onInputChange,
-    propsOnMenuClose = _ref.onMenuClose,
-    propsOnMenuOpen = _ref.onMenuOpen,
-    propsValue = _ref.value,
-    restSelectProps = _objectWithoutProperties(_ref, useStateManager_7e1e8489_esm_excluded);
-  var _useState = (0,react.useState)(propsInputValue !== undefined ? propsInputValue : defaultInputValue),
-    _useState2 = _slicedToArray(_useState, 2),
-    stateInputValue = _useState2[0],
-    setStateInputValue = _useState2[1];
-  var _useState3 = (0,react.useState)(propsMenuIsOpen !== undefined ? propsMenuIsOpen : defaultMenuIsOpen),
-    _useState4 = _slicedToArray(_useState3, 2),
-    stateMenuIsOpen = _useState4[0],
-    setStateMenuIsOpen = _useState4[1];
-  var _useState5 = (0,react.useState)(propsValue !== undefined ? propsValue : defaultValue),
-    _useState6 = _slicedToArray(_useState5, 2),
-    stateValue = _useState6[0],
-    setStateValue = _useState6[1];
-  var onChange = (0,react.useCallback)(function (value, actionMeta) {
-    if (typeof propsOnChange === 'function') {
-      propsOnChange(value, actionMeta);
-    }
-    setStateValue(value);
-  }, [propsOnChange]);
-  var onInputChange = (0,react.useCallback)(function (value, actionMeta) {
-    var newValue;
-    if (typeof propsOnInputChange === 'function') {
-      newValue = propsOnInputChange(value, actionMeta);
-    }
-    setStateInputValue(newValue !== undefined ? newValue : value);
-  }, [propsOnInputChange]);
-  var onMenuOpen = (0,react.useCallback)(function () {
-    if (typeof propsOnMenuOpen === 'function') {
-      propsOnMenuOpen();
-    }
-    setStateMenuIsOpen(true);
-  }, [propsOnMenuOpen]);
-  var onMenuClose = (0,react.useCallback)(function () {
-    if (typeof propsOnMenuClose === 'function') {
-      propsOnMenuClose();
-    }
-    setStateMenuIsOpen(false);
-  }, [propsOnMenuClose]);
-  var inputValue = propsInputValue !== undefined ? propsInputValue : stateInputValue;
-  var menuIsOpen = propsMenuIsOpen !== undefined ? propsMenuIsOpen : stateMenuIsOpen;
-  var value = propsValue !== undefined ? propsValue : stateValue;
-  return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restSelectProps), {}, {
-    inputValue: inputValue,
-    menuIsOpen: menuIsOpen,
-    onChange: onChange,
-    onInputChange: onInputChange,
-    onMenuClose: onMenuClose,
-    onMenuOpen: onMenuOpen,
-    value: value
-  });
-}
 // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
 var esm_extends = __webpack_require__(58168);
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
-function _classCallCheck(a, n) {
-  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
-function _defineProperties(e, r) {
-  for (var t = 0; t < r.length; t++) {
-    var o = r[t];
-    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
-  }
-}
-function _createClass(e, r, t) {
-  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
-    writable: !1
-  }), e;
-}
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
-var setPrototypeOf = __webpack_require__(63662);
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
-function _inherits(t, e) {
-  if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
-  t.prototype = Object.create(e && e.prototype, {
-    constructor: {
-      value: t,
-      writable: !0,
-      configurable: !0
-    }
-  }), Object.defineProperty(t, "prototype", {
-    writable: !1
-  }), e && (0,setPrototypeOf/* default */.A)(t, e);
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
-function _getPrototypeOf(t) {
-  return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
-    return t.__proto__ || Object.getPrototypeOf(t);
-  }, _getPrototypeOf(t);
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
-function _isNativeReflectConstruct() {
-  try {
-    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-  } catch (t) {}
-  return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
-    return !!t;
-  })();
-}
-// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
-var assertThisInitialized = __webpack_require__(9417);
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
-function _possibleConstructorReturn(t, e) {
-  if (e && ("object" == _typeof(e) || "function" == typeof e)) return e;
-  if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
-  return (0,assertThisInitialized/* default */.A)(t);
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js
-function _createSuper(t) {
-  var r = _isNativeReflectConstruct();
-  return function () {
-    var e,
-      o = _getPrototypeOf(t);
-    if (r) {
-      var s = _getPrototypeOf(this).constructor;
-      e = Reflect.construct(o, arguments, s);
-    } else e = o.apply(this, arguments);
-    return _possibleConstructorReturn(this, e);
-  };
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
-function _arrayWithoutHoles(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
-function _iterableToArray(r) {
-  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
-function _toConsumableArray(r) {
-  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
-}
 ;// CONCATENATED MODULE: ./node_modules/@emotion/sheet/dist/emotion-sheet.browser.esm.js
 /*
@@ -146093,6 +145831,87 @@ if (false) { var globalKey, globalContext, isTestEnv, emotion_react_browser_esm_
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+var objectWithoutPropertiesLoose = __webpack_require__(98587);
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = (0,objectWithoutPropertiesLoose/* default */.A)(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
 ;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js
 function _taggedTemplateLiteral(e, t) {
   return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
@@ -149526,6 +149345,187 @@ var defaultComponents = function defaultComponents(props) {
+;// CONCATENATED MODULE: ./node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
+var useStateManager_7e1e8489_esm_excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
+function useStateManager(_ref) {
+  var _ref$defaultInputValu = _ref.defaultInputValue,
+    defaultInputValue = _ref$defaultInputValu === void 0 ? '' : _ref$defaultInputValu,
+    _ref$defaultMenuIsOpe = _ref.defaultMenuIsOpen,
+    defaultMenuIsOpen = _ref$defaultMenuIsOpe === void 0 ? false : _ref$defaultMenuIsOpe,
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? null : _ref$defaultValue,
+    propsInputValue = _ref.inputValue,
+    propsMenuIsOpen = _ref.menuIsOpen,
+    propsOnChange = _ref.onChange,
+    propsOnInputChange = _ref.onInputChange,
+    propsOnMenuClose = _ref.onMenuClose,
+    propsOnMenuOpen = _ref.onMenuOpen,
+    propsValue = _ref.value,
+    restSelectProps = _objectWithoutProperties(_ref, useStateManager_7e1e8489_esm_excluded);
+  var _useState = (0,react.useState)(propsInputValue !== undefined ? propsInputValue : defaultInputValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    stateInputValue = _useState2[0],
+    setStateInputValue = _useState2[1];
+  var _useState3 = (0,react.useState)(propsMenuIsOpen !== undefined ? propsMenuIsOpen : defaultMenuIsOpen),
+    _useState4 = _slicedToArray(_useState3, 2),
+    stateMenuIsOpen = _useState4[0],
+    setStateMenuIsOpen = _useState4[1];
+  var _useState5 = (0,react.useState)(propsValue !== undefined ? propsValue : defaultValue),
+    _useState6 = _slicedToArray(_useState5, 2),
+    stateValue = _useState6[0],
+    setStateValue = _useState6[1];
+  var onChange = (0,react.useCallback)(function (value, actionMeta) {
+    if (typeof propsOnChange === 'function') {
+      propsOnChange(value, actionMeta);
+    }
+    setStateValue(value);
+  }, [propsOnChange]);
+  var onInputChange = (0,react.useCallback)(function (value, actionMeta) {
+    var newValue;
+    if (typeof propsOnInputChange === 'function') {
+      newValue = propsOnInputChange(value, actionMeta);
+    }
+    setStateInputValue(newValue !== undefined ? newValue : value);
+  }, [propsOnInputChange]);
+  var onMenuOpen = (0,react.useCallback)(function () {
+    if (typeof propsOnMenuOpen === 'function') {
+      propsOnMenuOpen();
+    }
+    setStateMenuIsOpen(true);
+  }, [propsOnMenuOpen]);
+  var onMenuClose = (0,react.useCallback)(function () {
+    if (typeof propsOnMenuClose === 'function') {
+      propsOnMenuClose();
+    }
+    setStateMenuIsOpen(false);
+  }, [propsOnMenuClose]);
+  var inputValue = propsInputValue !== undefined ? propsInputValue : stateInputValue;
+  var menuIsOpen = propsMenuIsOpen !== undefined ? propsMenuIsOpen : stateMenuIsOpen;
+  var value = propsValue !== undefined ? propsValue : stateValue;
+  return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restSelectProps), {}, {
+    inputValue: inputValue,
+    menuIsOpen: menuIsOpen,
+    onChange: onChange,
+    onInputChange: onInputChange,
+    onMenuClose: onMenuClose,
+    onMenuOpen: onMenuOpen,
+    value: value
+  });
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
+var setPrototypeOf = __webpack_require__(63662);
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
+function _inherits(t, e) {
+  if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
+  t.prototype = Object.create(e && e.prototype, {
+    constructor: {
+      value: t,
+      writable: !0,
+      configurable: !0
+    }
+  }), Object.defineProperty(t, "prototype", {
+    writable: !1
+  }), e && (0,setPrototypeOf/* default */.A)(t, e);
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
+function _getPrototypeOf(t) {
+  return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
+    return t.__proto__ || Object.getPrototypeOf(t);
+  }, _getPrototypeOf(t);
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
+function _isNativeReflectConstruct() {
+  try {
+    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+  } catch (t) {}
+  return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
+    return !!t;
+  })();
+}
+// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
+var assertThisInitialized = __webpack_require__(9417);
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
+function _possibleConstructorReturn(t, e) {
+  if (e && ("object" == _typeof(e) || "function" == typeof e)) return e;
+  if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
+  return (0,assertThisInitialized/* default */.A)(t);
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js
+function _createSuper(t) {
+  var r = _isNativeReflectConstruct();
+  return function () {
+    var e,
+      o = _getPrototypeOf(t);
+    if (r) {
+      var s = _getPrototypeOf(this).constructor;
+      e = Reflect.construct(o, arguments, s);
+    } else e = o.apply(this, arguments);
+    return _possibleConstructorReturn(this, e);
+  };
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
 ;// CONCATENATED MODULE: ./node_modules/memoize-one/dist/memoize-one.esm.js
 var safeIsNaN = Number.isNaN ||
     function ponyfill(value) {
@@ -154878,24 +154878,50 @@ var $468b2e43c10c77f3$export$2e2bcd8739ae039 = $468b2e43c10c77f3$var$Button;
+const $d1daedf6fbcf28dd$var$Cancel = (props)=>{
+    const { fill: fill } = props;
+    return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
+        children: /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            height: "24px",
+            viewBox: "0 -960 960 960",
+            width: "24px",
+            fill: fill,
+            children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
+                d: "m336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"
+            })
+        })
+    });
+};
+var $d1daedf6fbcf28dd$export$2e2bcd8739ae039 = $d1daedf6fbcf28dd$var$Cancel;
 const $3f4ef87f7a4a530a$var$colourStyles = {
     dropdownIndicator: (styles, { isFocused: isFocused, selectProps: selectProps })=>({
             ...styles,
-            color: isFocused && selectProps.menuIsOpen ? "var(--primaryColor)" : "grey",
-            transform: !isFocused && !selectProps.menuIsOpen ? "rotate(180deg)" : undefined
+            color: isFocused && selectProps.menuIsOpen ? "var(--primary-color)" : "grey",
+            transform: !isFocused && !selectProps.menuIsOpen ? "rotate(0deg)" : "rotate(180deg)"
         }),
     option: (styles, { isDisabled: isDisabled, isFocused: isFocused, isSelected: isSelected })=>{
         return {
             ...styles,
-            backgroundColor: isDisabled ? undefined : isSelected && isFocused ? "var(--secondaryColor)" : isFocused && !isSelected ? "var(--secondaryColor)" : undefined
+            backgroundColor: isDisabled ? undefined : isSelected && isFocused ? "var(--secondary-color)" : isFocused && !isSelected ? "var(--secondary-color)" : undefined
         };
     }
 };
 const $3f4ef87f7a4a530a$var$errorStyles = {
-    color: "var(--errorColor)",
+    color: "var(--error-color)",
     fontWeight: "400"
 };
-const $3f4ef87f7a4a530a$var$GeneralSelect = ({ options: options, placeholder: placeholder, error: error, label: label, isError: isError, selectedValue: selectedValue, setSelectedValue: setSelectedValue, builderSelect: builderSelect })=>{
+const $3f4ef87f7a4a530a$var$ClearIndicator = (props)=>{
+    return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, components).ClearIndicator, {
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d1daedf6fbcf28dd$export$2e2bcd8739ae039), {})
+    });
+};
+const $3f4ef87f7a4a530a$var$GeneralSelect = ({ options: options, placeholder: placeholder, error: error, label: label, isError: isError, selectedValue: selectedValue, setSelectedValue: setSelectedValue, builderSelect: builderSelect, clearField: clearField })=>{
     return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
         className: "select-layout",
         children: [
@@ -154910,7 +154936,11 @@ const $3f4ef87f7a4a530a$var$GeneralSelect = ({ options: options, placeholder: pl
                 className: `generic-select-container ${builderSelect && "template-select"}`,
                 classNamePrefix: "generic-select",
                 placeholder: placeholder,
-                blurInputOnSelect: true
+                blurInputOnSelect: true,
+                isClearable: clearField,
+                components: {
+                    ClearIndicator: $3f4ef87f7a4a530a$var$ClearIndicator
+                }
             }),
             isError && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
                 variant: "p",
@@ -154975,7 +155005,7 @@ const $fb8d63cd819e9d3d$var$Cross = (props)=>{
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M2.11597 10.866C2.11597 8.40681 3.09286 6.04839 4.83173 4.30951C6.57061 2.57064 8.92903 1.59375 11.3882 1.59375C13.8473 1.59375 16.2057 2.57064 17.9446 4.30951C19.6835 6.04839 20.6604 8.40681 20.6604 10.866C20.6604 13.3251 19.6835 15.6835 17.9446 17.4224C16.2057 19.1613 13.8473 20.1382 11.3882 20.1382C8.92903 20.1382 6.57061 19.1613 4.83173 17.4224C3.09286 15.6835 2.11597 13.3251 2.11597 10.866ZM11.3882 2.92375C9.28176 2.92375 7.26164 3.76052 5.77218 5.24997C4.28273 6.73942 3.44597 8.75955 3.44597 10.866C3.44597 12.9724 4.28273 14.9925 5.77218 16.4819C7.26164 17.9714 9.28176 18.8082 11.3882 18.8082C13.4946 18.8082 15.5147 17.9714 17.0042 16.4819C18.4936 14.9925 19.3304 12.9724 19.3304 10.866C19.3304 8.75955 18.4936 6.73942 17.0042 5.24997C15.5147 3.76052 13.4946 2.92375 11.3882 2.92375ZM14.6838 7.57175C14.815 7.70302 14.8887 7.88104 14.8887 8.06665C14.8887 8.25227 14.815 8.43028 14.6838 8.56155L12.378 10.866L14.6838 13.1704C14.8152 13.3018 14.8891 13.4801 14.8891 13.666C14.8891 13.8518 14.8152 14.0301 14.6838 14.1616C14.5523 14.293 14.3741 14.3668 14.1882 14.3668C14.0023 14.3668 13.824 14.293 13.6926 14.1616L11.3882 11.8558L9.08377 14.1616C9.01868 14.2266 8.94142 14.2783 8.85638 14.3135C8.77135 14.3487 8.68021 14.3668 8.58817 14.3668C8.49613 14.3668 8.40499 14.3487 8.31995 14.3135C8.23492 14.2783 8.15765 14.2266 8.09257 14.1616C8.02748 14.0965 7.97586 14.0192 7.94063 13.9342C7.90541 13.8491 7.88728 13.758 7.88728 13.666C7.88728 13.5739 7.90541 13.4828 7.94063 13.3977C7.97586 13.3127 8.02748 13.2354 8.09257 13.1704L10.3984 10.866L8.09257 8.56155C7.96113 8.43011 7.88728 8.25184 7.88728 8.06595C7.88728 7.88006 7.96113 7.70179 8.09257 7.57035C8.22401 7.43891 8.40228 7.36507 8.58817 7.36507C8.77405 7.36507 8.95233 7.43891 9.08377 7.57035L11.3882 9.87615L13.6926 7.57035C13.7576 7.50516 13.8348 7.45344 13.9199 7.41815C14.0049 7.38286 14.0961 7.3647 14.1882 7.3647C14.2802 7.3647 14.3714 7.38286 14.4565 7.41815C14.5415 7.45344 14.6187 7.50656 14.6838 7.57175Z",
-            fill: toast ? `#fff` : `var(--textColor)`
+            fill: toast ? `#fff` : `var(--text-color)`
         })
     });
 };
@@ -155485,27 +155515,8 @@ var $94c98f5504771208$export$2e2bcd8739ae039 = $94c98f5504771208$var$Search;
-const $d1daedf6fbcf28dd$var$Cancel = (props)=>{
-    const { fill: fill } = props;
-    return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
-        children: /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
-            xmlns: "http://www.w3.org/2000/svg",
-            height: "24px",
-            viewBox: "0 -960 960 960",
-            width: "24px",
-            fill: fill,
-            children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
-                d: "m336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"
-            })
-        })
-    });
-};
-var $d1daedf6fbcf28dd$export$2e2bcd8739ae039 = $d1daedf6fbcf28dd$var$Cancel;
 const $ec73244cd7283520$var$errorStyles = {
-    color: "var(--errorColor)",
+    color: "var(--error-color)",
     fontWeight: "400"
 };
 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 })=>{
@@ -155534,14 +155545,14 @@ const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, v
                                 className: "cancel-input-button",
                                 onClick: removeSearchInput,
                                 children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d1daedf6fbcf28dd$export$2e2bcd8739ae039), {
-                                    fill: "var(--borderColor)"
+                                    fill: "var(--border-color)"
                                 })
                             }) : null,
                             /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
                                 className: "search-input-button",
                                 onClick: value.length > 0 ? onClick : ()=>{},
                                 children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $94c98f5504771208$export$2e2bcd8739ae039), {
-                                    fill: "var(--primaryColor)"
+                                    fill: "var(--primary-color)"
                                 })
                             })
                         ]
@@ -155577,7 +155588,7 @@ var $234cc960d2851879$export$2e2bcd8739ae039 = $234cc960d2851879$var$Divider;
 const $dd071d7635be500b$var$templateHeadingStyles = {
-    color: `var(--primaryColor)`,
+    color: `var(--primary-color)`,
     fontSize: `24px`,
     fontStyle: `normal`,
     fontWeight: `600`,
@@ -155585,7 +155596,7 @@ const $dd071d7635be500b$var$templateHeadingStyles = {
     marginBottom: `20px`
 };
 const $dd071d7635be500b$var$templateTextStyles = {
-    color: `var(--textColor)`,
+    color: `var(--text-color)`,
     fontSize: `14px`,
     fontStyle: `normal`,
     fontWeight: `400`,
@@ -155600,28 +155611,28 @@ const $dd071d7635be500b$var$footerButtonStyles = {
     textTransform: "capitalize",
     borderRadius: "3px",
     backgroundColor: "transparent",
-    color: `var(--textColor)`,
+    color: `var(--text-color)`,
     fontSize: `14px`,
     fontWeight: `500`
 };
 const $dd071d7635be500b$var$Images = {
     Postcards: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a3dccc8cd7537679$export$2e2bcd8739ae039), {
-        fill: "var(--svgColor)"
+        fill: "var(--svg-color)"
     }),
     "Professional Letters": /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $4da602e86842d002$export$2e2bcd8739ae039), {
-        fill: "var(--svgColor)"
+        fill: "var(--svg-color)"
     }),
     "Personal Letters": /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $46ab710e0dcc7cb7$export$2e2bcd8739ae039), {
-        fill: "var(--svgColor)"
+        fill: "var(--svg-color)"
     }),
     "Real Penned Letter": /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d228491c12a2f715$export$2e2bcd8739ae039), {
-        fill: "var(--svgColor)"
+        fill: "var(--svg-color)"
     }),
     "Tri-Fold Self-Mailers": /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $cf616f1351ec93fa$export$2e2bcd8739ae039), {
-        fill: "var(--svgColor)"
+        fill: "var(--svg-color)"
     }),
     "Bi-Fold Self-Mailers": /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $439af3dad161fcd7$export$2e2bcd8739ae039), {
-        fill: "var(--svgColor)"
+        fill: "var(--svg-color)"
     })
 };
 const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute, createTemplateRoute: createTemplateRoute })=>{
@@ -155775,7 +155786,7 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute, create
                                     })
                                 })
                             }),
-                            /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $234cc960d2851879$export$2e2bcd8739ae039), {}),
+                            product?.productType?.includes("Postcards") || product?.productType?.includes("Professional Letters") ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $234cc960d2851879$export$2e2bcd8739ae039), {}) : null,
                             product && product.productType === "Professional Letters" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
                                 children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
                                     lg: 6,
@@ -155794,7 +155805,7 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute, create
                                             options: (0, $ad01ab85e9f42d02$export$dcaac635f59e4181),
                                             placeholder: "Envelope Type",
                                             error: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.ENVELOPE_TYPE_REQUIRED,
-                                            isError: isError,
+                                            isError: isError && !Object.keys(envelopeType).length,
                                             label: "Envelope Type*"
                                         })
                                     })
@@ -155862,7 +155873,7 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute, create
                                 /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
                                     style: {
                                         ...$dd071d7635be500b$var$footerButtonStyles,
-                                        border: "0.5px solid var(--borderColor)"
+                                        border: "0.5px solid var(--border-color)"
                                     },
                                     onClick: ()=>navigate(returnRoute ? returnRoute : createTemplateRoute || "/create-template"),
                                     children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.CANCEL_BUTTON
@@ -155871,7 +155882,7 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute, create
                                     style: {
                                         ...$dd071d7635be500b$var$footerButtonStyles,
                                         color: "#ffffff",
-                                        backgroundColor: "var(--primaryColor)"
+                                        backgroundColor: "var(--primary-color)"
                                     },
                                     onClick: handleNext,
                                     children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.SUBMIT_BUTTON
@@ -156105,20 +156116,20 @@ var $9d3950b100c0523a$export$2e2bcd8739ae039 = $9d3950b100c0523a$var$CircularPro
 const $c8f7718e9f3db339$var$buttonStyles = {
     color: "#fff",
-    backgroundColor: "var(--primaryColor)",
+    backgroundColor: "var(--primary-color)",
     maxWidth: "100px",
     minHeight: "40px",
-    border: "0.5px solid var(--borderColor)",
+    border: "0.5px solid var(--border-color)",
     fontSize: "14px"
 };
 const $c8f7718e9f3db339$var$heading = {
     fontSize: "22px",
-    color: "var(--primaryColor)",
+    color: "var(--primary-color)",
     fontWeight: "600"
 };
 const $c8f7718e9f3db339$var$subHeadingStyle = {
     fontSize: "16px",
-    color: "var(--textColor)",
+    color: "var(--text-color)",
     fontWeight: "600",
     textAlign: "center"
 };
@@ -156183,7 +156194,7 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
                             onClick: onCancel,
                             style: {
                                 ...$c8f7718e9f3db339$var$buttonStyles,
-                                color: "var(--textColor)",
+                                color: "var(--text-color)",
                                 backgroundColor: "#fff"
                             },
                             children: cancelText
@@ -156245,7 +156256,7 @@ var $1cce2f1e40edb11b$export$2e2bcd8739ae039 = $1cce2f1e40edb11b$var$Save;
 const $f8816ee2d46ac0fb$var$SaveTemplateModel = ({ handleSave: handleSave, handleClose: handleClose, open: open, loading: loading })=>{
     return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c8f7718e9f3db339$export$2e2bcd8739ae039), {
         icon: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $1cce2f1e40edb11b$export$2e2bcd8739ae039), {
-            fill: "var(--primaryColor)"
+            fill: "var(--primary-color)"
         }),
         open: open,
         loading: loading,
@@ -156435,15 +156446,15 @@ var $6612202931a08516$export$2e2bcd8739ae039 = $6612202931a08516$var$editPencilI
     maxWidth: "120px",
     minHeight: "40px",
     backgroundColor: "#fff",
-    color: "var(--textColor)",
-    border: "0.5px solid var(--borderColor)",
+    color: "var(--text-color)",
+    border: "0.5px solid var(--border-color)",
     fontSize: "15px",
     fontWeight: "500"
 };
 const $d31b9bd88e5dcf67$var$progressStyles = {
     width: "20px",
     height: "20px",
-    border: "2px solid var(--primaryColor)"
+    border: "2px solid var(--primary-color)"
 };
 const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: returnRoute, createTemplateRoute: createTemplateRoute, isStoreUpdated: isStoreUpdated, onSubmit: onSubmit })=>{
     const [showNavigateDialog, setShowNavigateDialog] = (0, react.useState)(false);
@@ -156587,7 +156598,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
                 }));
             formData.append("title", title);
             formData.append("productId", product?.id);
-            formData.append("fields", selectedFields);
+            formData.append("fields", JSON.stringify(selectedFields));
             formData.append("envelopeType", envelopeType);
             if (onSubmit) {
                 const saveTemplate = await onSubmit(formData);
@@ -156641,8 +156652,8 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
                     /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
                         lg: 4,
                         md: 4,
-                        sm: 2,
-                        xs: 12
+                        sm: 0,
+                        xs: 0
                     }),
                     /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
                         lg: 4,
@@ -156658,7 +156669,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
                                 /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
                                     onClick: ()=>handleChangeModel("edit"),
                                     children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $6612202931a08516$export$2e2bcd8739ae039), {
-                                        fill: "var(--textColor)"
+                                        fill: "var(--text-color)"
                                     })
                                 })
                             ]
@@ -156667,7 +156678,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
                     /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
                         lg: 4,
                         md: 6,
-                        sm: 8,
+                        sm: 9,
                         xs: 12,
                         children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
                             className: "actionsBtnWrapper right",
@@ -156687,8 +156698,8 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
                                 /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
                                     style: {
                                         ...$d31b9bd88e5dcf67$var$buttonStyles,
-                                        border: "0.5px solid var(--primaryColor)",
-                                        color: "var(--primaryColor)"
+                                        border: "0.5px solid var(--primary-color)",
+                                        color: "var(--primary-color)"
                                     },
                                     onClick: ()=>handleBackPress(),
                                     children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CANCEL_BUTTON
@@ -156697,7 +156708,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
                                     style: {
                                         ...$d31b9bd88e5dcf67$var$buttonStyles,
                                         border: "none",
-                                        backgroundColor: "var(--primaryColor)",
+                                        backgroundColor: "var(--primary-color)",
                                         color: "#fff"
                                     },
                                     onClick: ()=>handleChangeModel("save"),
@@ -156801,7 +156812,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
             name: "Templates",
             ...props,
             children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $afa975ba1b70ddf3$export$2e2bcd8739ae039), {
-                fill: "var(--textColor)"
+                fill: "var(--text-color)"
             })
         })),
     Panel: (0, es.observer)(({ store: store, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates })=>{
@@ -157090,10 +157101,6 @@ const $c6f5440378b96420$var$customTemplateSection = {
                 }),
                 /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
                     className: "templateTabsWrapper",
-                    style: {
-                        maxWidth: window.innerWidth <= 600 ? "320px" : "480px",
-                        backgroundColor: "#fff"
-                    },
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
                             style: {
@@ -157122,6 +157129,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
                                 setSelectedValue: setSelectedCategory,
                                 selectedValue: selectedCategory,
                                 builderSelect: true,
+                                clearField: true,
                                 // @ts-ignore
                                 search: ()=>{},
                                 updateErrors: ()=>{},
@@ -157157,7 +157165,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
                                     onClick: ()=>handleDialogChange("design-own"),
                                     children: [
                                         /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $21e11f889f8068bf$export$2e2bcd8739ae039), {
-                                            fill: "var(--primaryColor)"
+                                            fill: "var(--primary-color)"
                                         }),
                                         /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
                                             style: $c6f5440378b96420$var$templateTextStyles,
@@ -157363,7 +157371,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
             name: "Fields",
             ...props,
             children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c63ab7ca46bc9f98$export$2e2bcd8739ae039), {
-                fill: "var(--textColor)"
+                fill: "var(--text-color)"
             })
         })),
     Panel: (0, es.observer)(({ store: store, onGetCustomFields: onGetCustomFields })=>{
@@ -157488,7 +157496,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
                                             children: "Custom Fields"
                                         }),
                                         /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
-                                            fill: "var(--primaryColor)",
+                                            fill: "var(--primary-color)",
                                             className: "custom"
                                         }),
                                         /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
@@ -157570,6 +157578,8 @@ var $d303f0b433a1814c$export$2e2bcd8739ae039 = $d303f0b433a1814c$var$SidePanel;
 (0, polotno_config/* setUploadFunc */.Ut)((0, $dbaee5ca78364d67$export$a5575dbeeffdad98));
 const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: returnRoute, createTemplateRoute: createTemplateRoute, olcTemplate: olcTemplate, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
     const [isStoreUpdated, setIsStoreUpdated] = (0, react.useState)(false);
@@ -157747,54 +157757,60 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: retu
     };
     // Incase of Real Penned Letters hide tooltip
     const Tooltip = ()=>null;
-    return /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
-        className: "polotno-container",
-        children: switchTabCount > 0 && /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
-            className: "builder-wrapper",
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d31b9bd88e5dcf67$export$2e2bcd8739ae039), {
-                    store: store,
-                    isStoreUpdated: isStoreUpdated,
-                    returnRoute: returnRoute,
-                    createTemplateRoute: createTemplateRoute,
-                    onSubmit: onSubmit
-                }),
-                /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.PolotnoContainer), {
-                    style: containerStyle,
+    return /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
+                className: "alert",
+                children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE_MESSAGE_ON_SMALL_SCREEN
+            }),
+            /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                className: "polotno-container",
+                children: switchTabCount > 0 && /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+                    className: "builder-wrapper",
                     children: [
-                        /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d303f0b433a1814c$export$2e2bcd8739ae039), {
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d31b9bd88e5dcf67$export$2e2bcd8739ae039), {
                             store: store,
-                            currentTemplateType: currentTemplateType,
-                            onGetOneTemplate: onGetOneTemplate,
-                            onGetTemplates: onGetTemplates,
-                            onGetCustomFields: onGetCustomFields
+                            isStoreUpdated: isStoreUpdated,
+                            returnRoute: returnRoute,
+                            onSubmit: onSubmit
                         }),
-                        /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.WorkspaceWrap), {
+                        /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.PolotnoContainer), {
+                            style: containerStyle,
                             children: [
-                                currentTemplateType !== "Real Penned Letter" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, toolbar.Toolbar), {
-                                    store: store,
-                                    downloadButtonEnabled: false
-                                }),
-                                currentTemplateType !== "Real Penned Letter" ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, workspace.Workspace), {
-                                    store: store,
-                                    pageControlsEnabled: false
-                                }) : /*#__PURE__*/ (0, jsx_runtime.jsx)((0, workspace.Workspace), {
+                                /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d303f0b433a1814c$export$2e2bcd8739ae039), {
                                     store: store,
-                                    pageControlsEnabled: false,
-                                    components: {
-                                        Tooltip: Tooltip
-                                    }
+                                    currentTemplateType: currentTemplateType,
+                                    onGetTemplates: onGetTemplates,
+                                    onGetCustomFields: onGetCustomFields
                                 }),
-                                /*#__PURE__*/ (0, jsx_runtime.jsx)((0, zoom_buttons.ZoomButtons), {
-                                    store: store
+                                /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.WorkspaceWrap), {
+                                    children: [
+                                        currentTemplateType !== "Real Penned Letter" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, toolbar.Toolbar), {
+                                            store: store,
+                                            downloadButtonEnabled: false
+                                        }),
+                                        currentTemplateType !== "Real Penned Letter" ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, workspace.Workspace), {
+                                            store: store,
+                                            pageControlsEnabled: false
+                                        }) : /*#__PURE__*/ (0, jsx_runtime.jsx)((0, workspace.Workspace), {
+                                            store: store,
+                                            pageControlsEnabled: false,
+                                            components: {
+                                                Tooltip: Tooltip
+                                            }
+                                        }),
+                                        /*#__PURE__*/ (0, jsx_runtime.jsx)((0, zoom_buttons.ZoomButtons), {
+                                            store: store
+                                        })
+                                    ]
                                 })
                             ]
-                        })
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a9c4d245899171bf$export$2e2bcd8739ae039), {})
                     ]
-                }),
-                /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a9c4d245899171bf$export$2e2bcd8739ae039), {})
-            ]
-        })
+                })
+            })
+        ]
     });
 };
 var $6248df0c26b0b2d9$export$2e2bcd8739ae039 = $6248df0c26b0b2d9$var$TemplateBuilder;
@@ -157905,6 +157921,7 @@ var // Example to run the project locally for development. Comment out these lin
 //     // onGetOneTemplate: getOneTemplate,
 //     // olcTemplate: olcTemplateData,
 //     // onGetTemplates: getAllTemplatesByTab,
+//     // onSubmit: createTemplate,
 //     styles: {}
 //   });
 // } else {