npm - @openlettermarketing/olc-vue-sdk - Versions diffs - 0.0.16 → 0.0.18 - Mend

@openlettermarketing/olc-vue-sdk 0.0.16 → 0.0.18

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(--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":""}]);
+___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: 22px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n  padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  cursor: not-allowed;\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n  text-align: left;\n  color: var(--text-color);\n  border-bottom: .5px solid var(--border-color);\n  cursor: pointer;\n  padding: auto 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  background-color: var(--secondary-color);\n  color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n  color: #000;\n  border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  color: #000;\n}\n\n.toast-container {\n  width: 100%;\n  min-width: 400px;\n  max-width: fit-content;\n  z-index: 999999999 !important;\n}\n\n.toast-container .basic-toast {\n  background-color: var(--notification-background-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 5px;\n  height: 100%;\n  max-height: 50px;\n  display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n  color: var(--notification-text-color);\n  margin: 0;\n  font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n  font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n  width: 25px;\n  height: 18px;\n}\n\n.input-layout {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 10px;\n  width: 100%;\n  display: flex;\n}\n\n.input-layout .basic-label {\n  color: var(--text-color);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n  border: .5px solid var(--border-color);\n  background: #fff;\n  border-radius: 7px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-height: 55px;\n  display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n  color: var(--text-color);\n  background: none;\n  border: none;\n  border-radius: 7px;\n  width: 100%;\n  padding: 5px 20px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 24px;\n  font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n  outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n  opacity: .5;\n  color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n  color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n  content: \"\";\n  background-color: #303030;\n  width: 1px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n  width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n  border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n  background-color: var(--secondary-color);\n}\n\n.basic-divider {\n  border: none;\n  border-top: .5px solid #0000004d;\n  width: 100%;\n  max-width: 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  background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.top-navigation-container .middle p {\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--text-color);\n  margin-bottom: 0;\n  font-size: 16px;\n  font-weight: 400;\n  overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n  cursor: pointer;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  padding: 5px;\n  transition: all .1s ease-in-out;\n  display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n  background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n  fill: var(--text-color);\n}\n\n.top-navigation-container button {\n  text-transform: capitalize;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n  padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n  justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n  gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.polotno-panel-container {\n  overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n  display: \"flex\";\n  flex-wrap: \"wrap\";\n  overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n  color: #ed5c2f;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n  cursor: pointer;\n  border: .5px solid #303030;\n  border-radius: 3px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n  display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n  color: #303030;\n  margin-top: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n  cursor: pointer;\n  border: .5px solid #303030;\n  border-radius: 3px;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.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(--primary-color);\n  margin-right: 5px;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n  cursor: pointer;\n  width: 12px;\n  height: 12px;\n}\n\n.dynamic-content .divider {\n  color: #44424145;\n  margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n  border: .5px solid var(--border-color);\n  text-align: center;\n  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-background-color: #ef7820;\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":"AAAA;EACE,WAAW;EACX,SAAS;EACT,gBAAgB;AAClB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,sCAAsC;EACtC,WAAW;EACX,eAAe;EACf,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,sBAAsB;EACtB,YAAY;EACZ,eAAe;EACf,eAAe;EACf,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,WAAW;EACX,mBAAmB;AACrB;;AAEA;EACE,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,QAAQ;EACR,WAAW;EACX,aAAa;AACf;;AAEA;EACE,wBAAwB;EACxB,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,eAAe;EACf,WAAW;EACX,eAAe;EACf,iBAAiB;AACnB;;AAEA;EACE,sCAAsC;EACtC,uBAAuB;EACvB,kBAAkB;EAClB,YAAY;EACZ,gBAAgB;EAChB,kBAAkB;EAClB,eAAe;AACjB;;AAEA;EACE,wBAAwB;EACxB,WAAW;AACb;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,wBAAwB;EACxB,eAAe;AACjB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,sCAAsC;EACtC,gBAAgB;AAClB;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,WAAW;AACb;;AAEA;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;EACnB,wBAAwB;AAC1B;;AAEA;EACE,gBAAgB;EAChB,wBAAwB;EACxB,6CAA6C;EAC7C,eAAe;EACf,kBAAkB;EAClB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,wCAAwC;EACxC,wBAAwB;AAC1B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;EACX,iCAAiC;AACnC;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,sBAAsB;EACtB,6BAA6B;AAC/B;;AAEA;EACE,sDAAsD;AACxD;;AAEA;EACE,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,QAAQ;EACR,YAAY;EACZ,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,qCAAqC;EACrC,SAAS;EACT,0CAA0C;AAC5C;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,SAAS;EACT,WAAW;EACX,aAAa;AACf;;AAEA;EACE,wBAAwB;EACxB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;EACtC,gBAAgB;EAChB,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,wBAAwB;EACxB,gBAAgB;EAChB,YAAY;EACZ,kBAAkB;EAClB,WAAW;EACX,iBAAiB;EACjB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,0CAA0C;AAC5C;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;EACX,wBAAwB;AAC1B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,yBAAyB;EACzB,UAAU;EACV,YAAY;EACZ,kBAAkB;EAClB,MAAM;EACN,WAAW;AACb;;AAEA;EACE,eAAe;EACf,kBAAkB;AACpB;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,eAAe;EACf,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,wCAAwC;AAC1C;;AAEA;EACE,YAAY;EACZ,gCAAgC;EAChC,WAAW;EACX,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE;IACE,kBAAkB;IAClB,cAAc;EAChB;;EAEA;IACE,aAAa;EACf;AACF;;AAEA;EACE,YAAY;EACZ,kBAAkB;AACpB;;AAEA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,iBAAiB;EACjB,oBAAoB;AACtB;;AAEA;EACE,wBAAwB;EACxB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,uBAAuB;EACvB,SAAS;EACT,gBAAgB;EAChB,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,eAAe;EACf,wBAAwB;EACxB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,yBAAyB;EACzB,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,cAAc;EACd,oBAAoB;AACtB;;AAEA;EACE,2BAA2B;EAC3B,mBAAmB;EACnB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,wBAAwB;EACxB,mBAAmB;EACnB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,yBAAyB;EACzB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;EACpB,2BAA2B;AAC7B;;AAEA;EACE,sBAAsB;EACtB,oBAAoB;AACtB;;AAEA;EACE,wBAAwB;EACxB,mBAAmB;EACnB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,yBAAyB;EACzB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;EACpB,2BAA2B;AAC7B;;AAEA;EACE,cAAc;EACd,eAAe;AACjB;;AAEA;EACE,wBAAwB;EACxB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;EACjB,+BAA+B;AACjC;;AAEA;EACE,eAAe;EACf,2BAA2B;EAC3B,mBAAmB;EACnB,SAAS;EACT,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,uCAAuC;EACvC,eAAe;EACf,sBAAsB;EACtB,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,iBAAiB;EACjB,2BAA2B;EAC3B,aAAa;AACf;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,2BAA2B;EAC3B,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,6BAA6B;AAC/B;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,yBAAyB;EACzB,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,mBAAmB;EACnB,eAAe;AACjB;;AAEA;EACE,wBAAwB;EACxB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,eAAe;EACf,2BAA2B;EAC3B,uBAAuB;EACvB,SAAS;EACT,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,uCAAuC;EACvC,eAAe;EACf,sBAAsB;EACtB,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,kBAAkB;EAClB,2BAA2B;EAC3B,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;AACpC;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,2BAA2B;EAC3B,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,iBAAiB;AACnB;;AAEA;EACE,yBAAyB;EACzB,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,0CAA0C;EAC1C,sBAAsB;EACtB,WAAW;EACX,eAAe;EACf,SAAS;AACX;;AAEA;EACE,yBAAyB;EACzB,mBAAmB;EACnB,SAAS;EACT,4BAA4B;EAC5B,aAAa;AACf;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,eAAe;EACf,kBAAkB;EAClB,WAAW;EACX,0EAA0E;AAC5E;;AAEA;EACE;IACE,wEAAwE;EAC1E;;EAEA;IACE,4EAA4E;EAC9E;;EAEA;IACE,kFAAkF;EACpF;;EAEA;IACE,+EAA+E;EACjF;;EAEA;IACE,mFAAmF;EACrF;;EAEA;IACE,0FAA0F;EAC5F;;EAEA;IACE,sFAAsF;EACxF;AACF;;AAEA;EACE;IACE,6BAA6B;EAC/B;;EAEA;IACE,kCAAkC;EACpC;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,oCAAoC;EACtC;AACF;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,cAAc;EACd,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,aAAa;EACb,eAAe;EACf,MAAM;EACN,OAAO;EACP,cAAc;AAChB;;AAEA;EACE,+CAA+C;EAC/C,sBAAsB;EACtB,mBAAmB;EACnB,UAAU;EACV,YAAY;EACZ,UAAU;EACV,0BAA0B;EAC1B,uBAAuB;EACvB,kBAAkB;EAClB,iDAAiD;AACnD;;AAEA;EACE,wBAAwB;EACxB,YAAY;EACZ,gBAAgB;EAChB,kBAAkB;AACpB;;AAEA;EACE,YAAY;EACZ,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,MAAM;EACN,UAAU;AACZ;;AAEA;EACE,eAAe;EACf,qBAAqB;AACvB;;AAEA;EACE,wBAAwB;EACxB,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,WAAW;EACX,eAAe;EACf,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,wBAAwB;EACxB,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,WAAW;EACX,iBAAiB;EACjB,aAAa;EACb,kBAAkB;EAClB,YAAY;AACd;;AAEA;EACE;IACE,UAAU;IACV,WAAW;EACb;;EAEA;IACE,UAAU;IACV,MAAM;EACR;AACF;;AAEA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,4BAA4B;EAC5B,yBAAyB;AAC3B;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,sBAAsB;EACtB,SAAS;EACT,oBAAoB;EACpB,aAAa;AACf;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,aAAa;AACf;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,qBAAqB;EACrB,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,0BAA0B;EAC1B,kBAAkB;EAClB,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;EAC1B,kBAAkB;EAClB,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,4BAA4B;EAC5B,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,mBAAmB;EACnB,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,4BAA4B;EAC5B,yBAAyB;AAC3B;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,sBAAsB;EACtB,SAAS;EACT,aAAa;EACb,+BAA+B;AACjC;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,aAAa;AACf;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,qBAAqB;EACrB,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,0BAA0B;EAC1B,kBAAkB;EAClB,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,mBAAmB;AACrB;;AAEA;EACE,0BAA0B;EAC1B,6BAA6B;AAC/B;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,4BAA4B;EAC5B,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;EACnB,2BAA2B;EAC3B,2BAA2B;AAC7B;;AAEA;EACE,WAAW;EACX,mBAAmB;EACnB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;EACnB,2BAA2B;EAC3B,2BAA2B;AAC7B;;AAEA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,sBAAsB;EACtB,2BAA2B;EAC3B,uBAAuB;EACvB,4BAA4B;EAC5B,yBAAyB;AAC3B;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;EACnB,+BAA+B;AACjC;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,cAAc;EACd,cAAc;EACd,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,0BAA0B;EAC1B,kBAAkB;EAClB,WAAW;EACX,mBAAmB;AACrB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,cAAc;AAChB;;AAEA;EACE,0BAA0B;EAC1B,kBAAkB;EAClB,WAAW;EACX,gBAAgB;EAChB,YAAY;EACZ,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,4BAA4B;EAC5B,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,mBAAmB;EACnB,SAAS;EACT,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,6CAA6C;EAC7C,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,SAAS;EACT,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,MAAM;EACN,iCAAiC;AACnC;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,QAAQ;EACR,aAAa;AACf;;AAEA;EACE,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,wBAAwB;EACxB,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,YAAY;EACZ,+BAA+B;EAC/B,aAAa;AACf;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,0BAA0B;EAC1B,wBAAwB;EACxB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;EACnB,2BAA2B;AAC7B;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,oBAAoB;AACtB;;AAEA;EACE,eAAe;EACf,yBAAyB;EACzB,mBAAmB;EACnB,aAAa;AACf;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,QAAQ;EACR,aAAa;AACf;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,oBAAoB;AACtB;;AAEA;EACE,cAAc;EACd,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,0BAA0B;EAC1B,kBAAkB;EAClB,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,cAAc;EACd,eAAe;EACf,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,eAAe;EACf,0BAA0B;EAC1B,kBAAkB;EAClB,YAAY;EACZ,aAAa;EACb,iBAAiB;AACnB;;AAEA;EACE,iBAAiB;EACjB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,aAAa;EACb,2BAA2B;AAC7B;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE;IACE,0BAA0B;EAC5B;AACF;;AAEA;EACE,WAAW;EACX,qBAAqB;AACvB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,YAAY;EACZ,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,wBAAwB;EACxB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,mBAAmB;EACnB,SAAS;EACT,WAAW;EACX,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,4BAA4B;EAC5B,kBAAkB;EAClB,YAAY;EACZ,gBAAgB;EAChB,YAAY;EACZ,iBAAiB;EACjB,eAAe;EACf,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;AACrB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,sBAAsB;EACtB,UAAU;EACV,WAAW;EACX,kBAAkB;EAClB,UAAU;AACZ;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,eAAe;EACf,eAAe;EACf,kBAAkB;EAClB,SAAS;EACT,WAAW;AACb;;AAEA;EACE,6BAA6B;EAC7B,sBAAsB;EACtB,qBAAqB;EACrB,iCAAiC;EACjC,qBAAqB;EACrB,iCAAiC;EACjC,uCAAuC;AACzC;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,mBAAmB;EACnB,8BAA8B;EAC9B,mBAAmB;EACnB,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,2BAA2B;EAC3B,iBAAiB;EACjB,eAAe;EACf,gBAAgB;EAChB,oBAAoB;AACtB;;AAEA;EACE,eAAe;EACf,WAAW;EACX,YAAY;AACd;;AAEA;EACE,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,sCAAsC;EACtC,kBAAkB;EAClB,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,iBAAiB;AACnB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE;IACE,aAAa;EACf;AACF;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,wCAAwC;EACxC,WAAW;EACX,2BAA2B;AAC7B;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,WAAW;EACX,sCAAsC;EACtC,6BAA6B;EAC7B,kBAAkB;EAClB,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,YAAY;EACZ,+CAA+C;EAC/C,aAAa;EACb,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,gCAAgC;AAClC;;AAEA;EACE;IACE,yCAAyC;EAC3C;;EAEA;IACE,8CAA8C;EAChD;AACF;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,sBAAsB;EACtB,gCAAgC;EAChC,wBAAwB;EACxB,0BAA0B;EAC1B,oBAAoB;EACpB,+BAA+B;EAC/B,kBAAkB;EAClB,iCAAiC;EACjC,wCAAwC;EACxC,+BAA+B;EAC/B,uBAAuB;EACvB,kBAAkB;AACpB;;AAEA;EACE,SAAS;EACT,iBAAiB;EACjB,0CAA0C;AAC5C;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;EAClB,6CAA6C;AAC/C;;AAEA;EACE,kBAAkB;EAClB,mDAAmD;AACrD;;AAEA;EACE;IACE,oEAAoE;EACtE;AACF;;AAEA;EACE,wBAAwB;EACxB,6CAA6C;AAC/C;;AAEA;EACE;IACE,uBAAuB;EACzB;AACF;;AAEA;EACE,wBAAwB;EACxB,uBAAuB;AACzB;;AAEA;EACE;IACE,kCAAkC;EACpC;AACF;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kBAAkB;EAClB,6CAA6C;AAC/C;;AAEA;EACE,kBAAkB;EAClB,6CAA6C;AAC/C;;AAEA;EACE,kBAAkB;EAClB,6CAA6C;AAC/C;;AAEA;EACE,kBAAkB;EAClB,6CAA6C;AAC/C;;AAEA;EACE,kBAAkB;EAClB,6CAA6C;AAC/C;;AAEA;EACE,kBAAkB;EAClB,6CAA6C;AAC/C;;AAEA;EACE,kBAAkB;EAClB,mDAAmD;AACrD;;AAEA;EACE,kBAAkB;EAClB,mDAAmD;AACrD;;AAEA;EACE,kBAAkB;EAClB,mDAAmD;AACrD;;AAEA;EACE,kBAAkB;EAClB,mDAAmD;AACrD;;AAEA;EACE,kBAAkB;EAClB,mDAAmD;AACrD;;AAEA;EACE,kBAAkB;EAClB,mDAAmD;AACrD;;AAEA;EACE;IACE,oEAAoE;EACtE;AACF;;AAEA;EACE,WAAW;AACb","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: 22px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n  padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  cursor: not-allowed;\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n  text-align: left;\n  color: var(--text-color);\n  border-bottom: .5px solid var(--border-color);\n  cursor: pointer;\n  padding: auto 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  background-color: var(--secondary-color);\n  color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n  color: #000;\n  border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  color: #000;\n}\n\n.toast-container {\n  width: 100%;\n  min-width: 400px;\n  max-width: fit-content;\n  z-index: 999999999 !important;\n}\n\n.toast-container .basic-toast {\n  background-color: var(--notification-background-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 5px;\n  height: 100%;\n  max-height: 50px;\n  display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n  color: var(--notification-text-color);\n  margin: 0;\n  font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n  font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n  width: 25px;\n  height: 18px;\n}\n\n.input-layout {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 10px;\n  width: 100%;\n  display: flex;\n}\n\n.input-layout .basic-label {\n  color: var(--text-color);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n  border: .5px solid var(--border-color);\n  background: #fff;\n  border-radius: 7px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-height: 55px;\n  display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n  color: var(--text-color);\n  background: none;\n  border: none;\n  border-radius: 7px;\n  width: 100%;\n  padding: 5px 20px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 24px;\n  font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n  outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n  opacity: .5;\n  color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n  color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n  content: \"\";\n  background-color: #303030;\n  width: 1px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n  width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n  border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n  background-color: var(--secondary-color);\n}\n\n.basic-divider {\n  border: none;\n  border-top: .5px solid #0000004d;\n  width: 100%;\n  max-width: 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  background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.top-navigation-container .middle p {\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--text-color);\n  margin-bottom: 0;\n  font-size: 16px;\n  font-weight: 400;\n  overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n  cursor: pointer;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  padding: 5px;\n  transition: all .1s ease-in-out;\n  display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n  background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n  fill: var(--text-color);\n}\n\n.top-navigation-container button {\n  text-transform: capitalize;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n  padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n  justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n  gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.polotno-panel-container {\n  overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n  display: \"flex\";\n  flex-wrap: \"wrap\";\n  overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n  color: #ed5c2f;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n  cursor: pointer;\n  border: .5px solid #303030;\n  border-radius: 3px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n  display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n  color: #303030;\n  margin-top: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n  cursor: pointer;\n  border: .5px solid #303030;\n  border-radius: 3px;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.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(--primary-color);\n  margin-right: 5px;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n  cursor: pointer;\n  width: 12px;\n  height: 12px;\n}\n\n.dynamic-content .divider {\n  color: #44424145;\n  margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n  border: .5px solid var(--border-color);\n  text-align: center;\n  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-background-color: #ef7820;\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___);
@@ -153200,6 +153200,7 @@ const $0b51cdcdcd2b1339$export$af7faffe10421f14 = {
         TYPE_REQUIRED: "Template Type is required",
         DESIGN_NEW: "Design Your Own",
         NO_MY_TEMPLATES: "No My Templates to show",
+        LOADING_TEMPLATE: "Loading Templates...",
         NO_TEAM_TEMPLATES: "No Team Templates to show",
         NO_OLC_TEMPLATES: "No OLC Templates to show",
         PRODUCT_TYPE_REQUIRED: "Product Type is required",
@@ -154855,22 +154856,19 @@ 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"
-            })
+const $30b6a7f5fffc5164$var$selectCancel = ()=>{
+    return /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        height: "24px",
+        viewBox: "0 -960 960 960",
+        width: "24px",
+        fill: "#44424180",
+        children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
+            d: "m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"
         })
     });
 };
-var $d1daedf6fbcf28dd$export$2e2bcd8739ae039 = $d1daedf6fbcf28dd$var$Cancel;
+var $30b6a7f5fffc5164$export$2e2bcd8739ae039 = $30b6a7f5fffc5164$var$selectCancel;
@@ -154895,7 +154893,7 @@ const $3f4ef87f7a4a530a$var$errorStyles = {
 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), {})
+        children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $30b6a7f5fffc5164$export$2e2bcd8739ae039), {})
     });
 };
 const $3f4ef87f7a4a530a$var$GeneralSelect = ({ options: options, placeholder: placeholder, error: error, label: label, isError: isError, selectedValue: selectedValue, setSelectedValue: setSelectedValue, builderSelect: builderSelect, clearField: clearField })=>{
@@ -154917,7 +154915,8 @@ const $3f4ef87f7a4a530a$var$GeneralSelect = ({ options: options, placeholder: pl
                 isClearable: clearField,
                 components: {
                     ClearIndicator: $3f4ef87f7a4a530a$var$ClearIndicator
-                }
+                },
+                isSearchable: false
             }),
             isError && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
                 variant: "p",
@@ -155492,6 +155491,25 @@ 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(--error-color)",
     fontWeight: "400"
@@ -156117,6 +156135,28 @@ const $c8f7718e9f3db339$var$progressStyles = {
 };
 const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customStyles = {}, open: open, handleClose: handleClose, loading: loading = false, title: title = "", subHeading: subHeading = "", description: description = "", onSubmit: onSubmit, onCancel: onCancel, cancelText: cancelText = "", submitText: submitText = "", children: children = [] })=>{
     const contentAdjust = submitText.length > 6 ? "fit-content" : "100px";
+    const modalRef = (0, react.useRef)(null);
+    const handleClickOutside = (event)=>{
+        if (modalRef.current && !modalRef.current.contains(event.target)) handleClose();
+    };
+    const handleKeyDown = (event)=>{
+        if (event.key === "Escape") handleClose();
+    };
+    (0, react.useEffect)(()=>{
+        if (open) {
+            document.addEventListener("mousedown", handleClickOutside);
+            document.addEventListener("keydown", handleKeyDown);
+        } else {
+            document.removeEventListener("mousedown", handleClickOutside);
+            document.removeEventListener("keydown", handleKeyDown);
+        }
+        return ()=>{
+            document.removeEventListener("mousedown", handleClickOutside);
+            document.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [
+        open
+    ]);
     return /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
         id: "myModal",
         className: "modal",
@@ -156126,6 +156166,7 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
         children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
             className: "modal-content",
             style: customStyles,
+            ref: modalRef,
             children: [
                 /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
                     className: "modal-header",
@@ -156433,7 +156474,7 @@ const $d31b9bd88e5dcf67$var$progressStyles = {
     height: "20px",
     border: "2px solid var(--primary-color)"
 };
-const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, onReturnAndNavigate: onReturnAndNavigate, createTemplateRoute: createTemplateRoute, isStoreUpdated: isStoreUpdated, onSubmit: onSubmit })=>{
+const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute: createTemplateRoute, isStoreUpdated: isStoreUpdated, olcTemplate: olcTemplate, onReturnAndNavigate: onReturnAndNavigate, onSubmit: onSubmit })=>{
     const [showNavigateDialog, setShowNavigateDialog] = (0, react.useState)(false);
     const [isShowModel, setIsShowModel] = (0, react.useState)({
         open: false,
@@ -156579,12 +156620,8 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, onReturnAndNavigate
             envelopeType.length ? formData.append("envelopeType", envelopeType) : undefined;
             if (onSubmit) {
                 const saveTemplate = await onSubmit(formData);
-                if (saveTemplate) {
-                    dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)("Template Created Successfully"));
-                    setTimeout(()=>{
-                        handleNavigation();
-                    }, 2000);
-                }
+                if (saveTemplate) // dispatch(success(olcTemplate ? 'Template Updated Successfully' : 'Template Created Successfully'));
+                handleNavigation();
             } else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please add onSubmit handler via Props to save template"));
         } catch (error) {
             return error;
@@ -156804,6 +156841,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
         const [olcTemplates, setOlcTemplates] = (0, react.useState)([]);
         const [searchApplied, setSearchApplied] = (0, react.useState)(false);
         const [search, setSearch] = (0, react.useState)("");
+        const [loader, setLoader] = (0, react.useState)(false);
         const [pagination, setPagination] = (0, react.useState)({
             count: 0,
             currentPage: 0,
@@ -156827,42 +156865,48 @@ const $c6f5440378b96420$var$customTemplateSection = {
             handleDialogChange("load-template");
         };
         const getTemplatesByTab = async (page = 1)=>{
-            const payload = {
-                tab: currentTemplateTypeRef.current?.id === "1" ? "my-templates" : currentTemplateTypeRef.current?.id === "2" ? "team-templates" : "olc-templates",
-                page: page,
-                pageSize: 10,
-                productId: product?.id
-            };
-            searchRef.current.length ? payload.search = searchRef.current : undefined;
-            currentTemplateTypeRef.current?.id === "3" ? payload.categoryIds = selectedCategory?.id.split(",") : undefined;
-            const isCustomTemplateType = currentTemplateTypeRef.current?.id === "1" || currentTemplateTypeRef.current?.id === "2";
-            const templates = isCustomTemplateType && onGetTemplates ? await onGetTemplates(payload) : await (0, $dbaee5ca78364d67$export$99fb2aa3c6b824c3)(payload);
-            if (templates?.rows) {
-                const newTemplates = templates.rows;
-                if (currentTemplateTypeRef.current?.id === "1") {
-                    if (templates.currentPage === 1) setMyTemplates(newTemplates);
-                    else setMyTemplates((prevTemplates)=>[
-                            ...prevTemplates,
-                            ...newTemplates
-                        ]);
-                } else if (currentTemplateTypeRef.current?.id === "2") {
-                    if (templates.currentPage === 1) setTeamTemplates(newTemplates);
-                    else setTeamTemplates((prevTemplates)=>[
-                            ...prevTemplates,
-                            ...newTemplates
-                        ]);
-                } else if (currentTemplateTypeRef.current?.id === "3") {
-                    if (templates.currentPage === 1) setOlcTemplates(newTemplates);
-                    else setOlcTemplates((prevTemplates)=>[
-                            ...prevTemplates,
-                            ...newTemplates
-                        ]);
+            try {
+                setLoader(true);
+                const payload = {
+                    tab: currentTemplateTypeRef.current?.id === "1" ? "my-templates" : currentTemplateTypeRef.current?.id === "2" ? "team-templates" : "olc-templates",
+                    page: page,
+                    pageSize: 10,
+                    productId: product?.id
+                };
+                searchRef.current.length ? payload.search = searchRef.current : undefined;
+                currentTemplateTypeRef.current?.id === "3" ? payload.categoryIds = selectedCategory?.id.split(",") : undefined;
+                const isCustomTemplateType = currentTemplateTypeRef.current?.id === "1" || currentTemplateTypeRef.current?.id === "2";
+                const templates = isCustomTemplateType && onGetTemplates ? await onGetTemplates(payload) : await (0, $dbaee5ca78364d67$export$99fb2aa3c6b824c3)(payload);
+                if (templates?.rows) {
+                    const newTemplates = templates.rows;
+                    if (currentTemplateTypeRef.current?.id === "1") {
+                        if (templates.currentPage === 1) setMyTemplates(newTemplates);
+                        else setMyTemplates((prevTemplates)=>[
+                                ...prevTemplates,
+                                ...newTemplates
+                            ]);
+                    } else if (currentTemplateTypeRef.current?.id === "2") {
+                        if (templates.currentPage === 1) setTeamTemplates(newTemplates);
+                        else setTeamTemplates((prevTemplates)=>[
+                                ...prevTemplates,
+                                ...newTemplates
+                            ]);
+                    } else if (currentTemplateTypeRef.current?.id === "3") {
+                        if (templates.currentPage === 1) setOlcTemplates(newTemplates);
+                        else setOlcTemplates((prevTemplates)=>[
+                                ...prevTemplates,
+                                ...newTemplates
+                            ]);
+                    }
+                    setLoader(false);
+                    setPagination({
+                        count: templates.count,
+                        currentPage: templates.currentPage,
+                        perPage: templates.perPage
+                    });
                 }
-                setPagination({
-                    count: templates.count,
-                    currentPage: templates.currentPage,
-                    perPage: templates.perPage
-                });
+            } catch (error) {
+                return error;
             }
         };
         const getAllCategories = async ()=>{
@@ -156890,20 +156934,36 @@ const $c6f5440378b96420$var$customTemplateSection = {
             if (initialCall) page = 1;
             getTemplatesByTab(page);
         };
-        const handleLoadTemplate = async (id, type = "edit")=>{
+        const handleLoadTemplate = async (id, type = "copy")=>{
             if (onGetOneTemplate) try {
                 const template = await onGetOneTemplate(id);
-                dispatch({
-                    type: (0, $e496cac0faa1ff17$export$1c6648626b31f20d),
-                    payload: {
-                        data: template,
-                        type: type
-                    }
-                });
                 dispatch({
                     type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
                     payload: true
                 });
+                if (template) {
+                    const workspaceElement = document.querySelector(".polotno-workspace-container");
+                    if (workspaceElement) workspaceElement.classList.add("show-loader");
+                    // @ts-ignore
+                    const paperDimensions = template?.product?.paperSize.split("x");
+                    store.setUnit({
+                        unit: "in",
+                        dpi: 96
+                    });
+                    store.setSize(+paperDimensions[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610), +paperDimensions[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610));
+                    let jsonData = await (0, $ad01ab85e9f42d02$export$c706fc9cfb842dce)(template?.templateUrl);
+                    if (template?.product?.productType === "Real Penned Letter") {
+                        let clonedJson = JSON.stringify(jsonData).replace(/{{/g, "((").replace(/}}/g, "))");
+                        jsonData = JSON.parse(clonedJson);
+                    }
+                    store.loadJSON(jsonData);
+                    await store.waitLoading();
+                    dispatch({
+                        type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
+                        payload: false
+                    });
+                    if (workspaceElement) workspaceElement.classList.add("hide-loader");
+                }
             } catch (error) {
                 return error;
             } finally{
@@ -156998,7 +157058,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
             templateLoading
         ]);
         (0, react.useEffect)(()=>{
-            if (!search) {
+            if (!search && searchApplied) {
                 setSearchApplied(false);
                 setSearch("");
                 setTimeout(()=>{
@@ -157042,14 +157102,21 @@ const $c6f5440378b96420$var$customTemplateSection = {
             };
         }, []);
         (0, react.useEffect)(()=>{
-            if (templateTypes) setCurrentTemplateType(templateTypes[0]);
+            if (templateTypes) {
+                const type = templateTypes.find((type)=>type.id === "3");
+                setCurrentTemplateType(type);
+            }
         }, [
             templateTypes
         ]);
         (0, react.useEffect)(()=>{
-            getTemplatesByTab();
+            if (currentTemplateType) getTemplatesByTab();
+        }, [
+            currentTemplateType
+        ]);
+        (0, react.useEffect)(()=>{
+            if (selectedCategory) getTemplatesByTab();
         }, [
-            currentTemplateType,
             selectedCategory
         ]);
         (0, react.useEffect)(()=>{
@@ -157090,6 +157157,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
                     onCancel: ()=>handleDialogChange(""),
                     onSubmit: ()=>handleLoadTemplate(selectedRecord?.id),
                     customStyles: $c6f5440378b96420$var$loadDialogStyles,
+                    loading: templateLoading || false,
                     cancelText: "Cancel",
                     submitText: "OK"
                 }),
@@ -157152,7 +157220,12 @@ const $c6f5440378b96420$var$customTemplateSection = {
                                 removeSearchInput: removeSearchInput
                             })
                         }),
-                        currentTemplateType?.id === "1" ? /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
+                        loader ? /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                            className: "noTemplateText",
+                            children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
+                                children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.LOADING_TEMPLATE
+                            })
+                        }) : currentTemplateType?.id === "1" ? /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
                             children: [
                                 /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
                                     className: "default-design",
@@ -157221,7 +157294,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
                                 }, i)) : /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
                                 className: "noTemplateText",
                                 children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
-                                    children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_OLC_TEMPLATES
+                                    children: platformName ? `No ${platformName} Templates to show` : (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_OLC_TEMPLATES
                                 })
                             })
                         }) : null
@@ -157441,7 +157514,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
                                 children: "Contact Fields"
                             }),
                             /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
-                                fill: "#000",
+                                fill: "var(--primary-color)",
                                 className: "infoIcon"
                             }),
                             /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
@@ -157594,20 +157667,10 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNaviga
         position: "relative"
     };
     (0, react.useEffect)(()=>{
-        if (olcTemplate) dispatch({
-            type: (0, $e496cac0faa1ff17$export$1c6648626b31f20d),
-            payload: {
-                data: olcTemplate
-            }
-        });
+        if (olcTemplate) handleLoadTemplate();
     }, [
         olcTemplate
     ]);
-    (0, react.useEffect)(()=>{
-        if (template) handleLoadTemplate();
-    }, [
-        template
-    ]);
     // Event listener for visibility change
     (0, react.useEffect)(()=>{
         const handleVisibilityChange = ()=>{
@@ -157750,7 +157813,11 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNaviga
                 dpi: 96
             });
             store.setSize(+paperDimensions[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610), +paperDimensions[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610));
-            const jsonData = await (0, $ad01ab85e9f42d02$export$c706fc9cfb842dce)(existingTemplate?.templateUrl);
+            let jsonData = await (0, $ad01ab85e9f42d02$export$c706fc9cfb842dce)(existingTemplate?.templateUrl);
+            if (template?.product?.productType === "Real Penned Letter") {
+                let clonedJson = JSON.stringify(jsonData).replace(/{{/g, "((").replace(/}}/g, "))");
+                jsonData = JSON.parse(clonedJson);
+            }
             store.loadJSON(jsonData);
             await store.waitLoading();
             setIsStoreUpdated(false);
@@ -157777,6 +157844,7 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNaviga
                         /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d31b9bd88e5dcf67$export$2e2bcd8739ae039), {
                             store: store,
                             isStoreUpdated: isStoreUpdated,
+                            olcTemplate: olcTemplate,
                             onReturnAndNavigate: onReturnAndNavigate,
                             onSubmit: onSubmit
                         }),
@@ -157891,7 +157959,7 @@ var $edeafd00018ca857$export$2e2bcd8739ae039 = $edeafd00018ca857$var$App;
-const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, basicAuthUsername: basicAuthUsername, basicAuthPassword: basicAuthPassword, platformName: platformName, onReturnAndNavigate: onReturnAndNavigate, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
+const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, basicAuthUsername: basicAuthUsername, basicAuthPassword: basicAuthPassword, platformName: platformName, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, onReturnAndNavigate: onReturnAndNavigate, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
     if (!container) throw new Error("Root element not found");
     if (!secretKey) throw new Error("secretKey not found");
     if (!basicAuthUsername) throw new Error("basicAuthUsername not found");
@@ -157907,10 +157975,10 @@ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey
                     secretKey: secretKey,
                     styles: styles,
                     olcTemplate: olcTemplate,
-                    onReturnAndNavigate: onReturnAndNavigate,
                     platformName: platformName,
                     createTemplateRoute: createTemplateRoute,
                     templateBuilderRoute: templateBuilderRoute,
+                    onReturnAndNavigate: onReturnAndNavigate,
                     onGetOneTemplate: onGetOneTemplate,
                     onGetTemplates: onGetTemplates,
                     onGetCustomFields: onGetCustomFields,