@openlettermarketing/olc-vue-sdk 1.3.0 → 1.5.0

package/build/index.js

@@ -50319,25 +50319,6 @@ ___CSS_LOADER_EXPORT___.push([module.id, "/* inter-cyrillic-ext-700-normal */\n@
 /* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
 
 
-/***/ }),
-
-/***/ 28750:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-/* harmony import */ var _css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(71354);
-/* harmony import */ var _css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76314);
-/* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, ":root {\n  --toastify-color-light: #fff;\n  --toastify-color-dark: #121212;\n  --toastify-color-info: #3498db;\n  --toastify-color-success: #07bc0c;\n  --toastify-color-warning: #f1c40f;\n  --toastify-color-error: #e74c3c;\n  --toastify-color-transparent: rgba(255, 255, 255, 0.7);\n  --toastify-icon-color-info: var(--toastify-color-info);\n  --toastify-icon-color-success: var(--toastify-color-success);\n  --toastify-icon-color-warning: var(--toastify-color-warning);\n  --toastify-icon-color-error: var(--toastify-color-error);\n  --toastify-toast-width: 320px;\n  --toastify-toast-offset: 16px;\n  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));\n  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));\n  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));\n  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));\n  --toastify-toast-background: #fff;\n  --toastify-toast-min-height: 64px;\n  --toastify-toast-max-height: 800px;\n  --toastify-toast-bd-radius: 6px;\n  --toastify-font-family: sans-serif;\n  --toastify-z-index: 9999;\n  --toastify-text-color-light: #757575;\n  --toastify-text-color-dark: #fff;\n  --toastify-text-color-info: #fff;\n  --toastify-text-color-success: #fff;\n  --toastify-text-color-warning: #fff;\n  --toastify-text-color-error: #fff;\n  --toastify-spinner-color: #616161;\n  --toastify-spinner-color-empty-area: #e0e0e0;\n  --toastify-color-progress-light: linear-gradient(\n    to right,\n    #4cd964,\n    #5ac8fa,\n    #007aff,\n    #34aadc,\n    #5856d6,\n    #ff2d55\n  );\n  --toastify-color-progress-dark: #bb86fc;\n  --toastify-color-progress-info: var(--toastify-color-info);\n  --toastify-color-progress-success: var(--toastify-color-success);\n  --toastify-color-progress-warning: var(--toastify-color-warning);\n  --toastify-color-progress-error: var(--toastify-color-error);\n  --toastify-color-progress-bgo: 0.2;\n}\n\n.Toastify__toast-container {\n  z-index: var(--toastify-z-index);\n  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));\n  position: fixed;\n  padding: 4px;\n  width: var(--toastify-toast-width);\n  box-sizing: border-box;\n  color: #fff;\n}\n.Toastify__toast-container--top-left {\n  top: var(--toastify-toast-top);\n  left: var(--toastify-toast-left);\n}\n.Toastify__toast-container--top-center {\n  top: var(--toastify-toast-top);\n  left: 50%;\n  transform: translateX(-50%);\n}\n.Toastify__toast-container--top-right {\n  top: var(--toastify-toast-top);\n  right: var(--toastify-toast-right);\n}\n.Toastify__toast-container--bottom-left {\n  bottom: var(--toastify-toast-bottom);\n  left: var(--toastify-toast-left);\n}\n.Toastify__toast-container--bottom-center {\n  bottom: var(--toastify-toast-bottom);\n  left: 50%;\n  transform: translateX(-50%);\n}\n.Toastify__toast-container--bottom-right {\n  bottom: var(--toastify-toast-bottom);\n  right: var(--toastify-toast-right);\n}\n\n@media only screen and (max-width : 480px) {\n  .Toastify__toast-container {\n    width: 100vw;\n    padding: 0;\n    left: env(safe-area-inset-left);\n    margin: 0;\n  }\n  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {\n    top: env(safe-area-inset-top);\n    transform: translateX(0);\n  }\n  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {\n    bottom: env(safe-area-inset-bottom);\n    transform: translateX(0);\n  }\n  .Toastify__toast-container--rtl {\n    right: env(safe-area-inset-right);\n    left: initial;\n  }\n}\n.Toastify__toast {\n  --y: 0;\n  position: relative;\n  -ms-touch-action: none;\n      touch-action: none;\n  min-height: var(--toastify-toast-min-height);\n  box-sizing: border-box;\n  margin-bottom: 1rem;\n  padding: 8px;\n  border-radius: var(--toastify-toast-bd-radius);\n  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  max-height: var(--toastify-toast-max-height);\n  font-family: var(--toastify-font-family);\n  cursor: default;\n  direction: ltr;\n  /* webkit only issue #791 */\n  z-index: 0;\n  overflow: hidden;\n}\n.Toastify__toast--stacked {\n  position: absolute;\n  width: 100%;\n  transform: translate3d(0, var(--y), 0) scale(var(--s));\n  transition: transform 0.3s;\n}\n.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {\n  transition: opacity 0.1s;\n}\n.Toastify__toast--stacked[data-collapsed=false] {\n  overflow: visible;\n}\n.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {\n  opacity: 0;\n}\n.Toastify__toast--stacked:after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  height: calc(var(--g) * 1px);\n  bottom: 100%;\n}\n.Toastify__toast--stacked[data-pos=top] {\n  top: 0;\n}\n.Toastify__toast--stacked[data-pos=bot] {\n  bottom: 0;\n}\n.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {\n  transform-origin: top;\n}\n.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {\n  transform-origin: bottom;\n}\n.Toastify__toast--stacked:before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 100%;\n  transform: scaleY(3);\n  z-index: -1;\n}\n.Toastify__toast--rtl {\n  direction: rtl;\n}\n.Toastify__toast--close-on-click {\n  cursor: pointer;\n}\n.Toastify__toast-body {\n  margin: auto 0;\n  -ms-flex: 1 1 auto;\n      flex: 1 1 auto;\n  padding: 6px;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n}\n.Toastify__toast-body > div:last-child {\n  word-break: break-word;\n  -ms-flex: 1;\n      flex: 1;\n}\n.Toastify__toast-icon {\n  -webkit-margin-end: 10px;\n          margin-inline-end: 10px;\n  width: 20px;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  display: -ms-flexbox;\n  display: flex;\n}\n\n.Toastify--animate {\n  animation-fill-mode: both;\n  animation-duration: 0.5s;\n}\n\n.Toastify--animate-icon {\n  animation-fill-mode: both;\n  animation-duration: 0.3s;\n}\n\n@media only screen and (max-width : 480px) {\n  .Toastify__toast {\n    margin-bottom: 0;\n    border-radius: 0;\n  }\n}\n.Toastify__toast-theme--dark {\n  background: var(--toastify-color-dark);\n  color: var(--toastify-text-color-dark);\n}\n.Toastify__toast-theme--light {\n  background: var(--toastify-color-light);\n  color: var(--toastify-text-color-light);\n}\n.Toastify__toast-theme--colored.Toastify__toast--default {\n  background: var(--toastify-color-light);\n  color: var(--toastify-text-color-light);\n}\n.Toastify__toast-theme--colored.Toastify__toast--info {\n  color: var(--toastify-text-color-info);\n  background: var(--toastify-color-info);\n}\n.Toastify__toast-theme--colored.Toastify__toast--success {\n  color: var(--toastify-text-color-success);\n  background: var(--toastify-color-success);\n}\n.Toastify__toast-theme--colored.Toastify__toast--warning {\n  color: var(--toastify-text-color-warning);\n  background: var(--toastify-color-warning);\n}\n.Toastify__toast-theme--colored.Toastify__toast--error {\n  color: var(--toastify-text-color-error);\n  background: var(--toastify-color-error);\n}\n\n.Toastify__progress-bar-theme--light {\n  background: var(--toastify-color-progress-light);\n}\n.Toastify__progress-bar-theme--dark {\n  background: var(--toastify-color-progress-dark);\n}\n.Toastify__progress-bar--info {\n  background: var(--toastify-color-progress-info);\n}\n.Toastify__progress-bar--success {\n  background: var(--toastify-color-progress-success);\n}\n.Toastify__progress-bar--warning {\n  background: var(--toastify-color-progress-warning);\n}\n.Toastify__progress-bar--error {\n  background: var(--toastify-color-progress-error);\n}\n.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {\n  background: var(--toastify-color-transparent);\n}\n\n.Toastify__close-button {\n  color: #fff;\n  background: transparent;\n  outline: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  opacity: 0.7;\n  transition: 0.3s ease;\n  -ms-flex-item-align: start;\n      align-self: flex-start;\n  z-index: 1;\n}\n.Toastify__close-button--light {\n  color: #000;\n  opacity: 0.3;\n}\n.Toastify__close-button > svg {\n  fill: currentColor;\n  height: 16px;\n  width: 14px;\n}\n.Toastify__close-button:hover, .Toastify__close-button:focus {\n  opacity: 1;\n}\n\n@keyframes Toastify__trackProgress {\n  0% {\n    transform: scaleX(1);\n  }\n  100% {\n    transform: scaleX(0);\n  }\n}\n.Toastify__progress-bar {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: var(--toastify-z-index);\n  opacity: 0.7;\n  transform-origin: left;\n  border-bottom-left-radius: var(--toastify-toast-bd-radius);\n}\n.Toastify__progress-bar--animated {\n  animation: Toastify__trackProgress linear 1 forwards;\n}\n.Toastify__progress-bar--controlled {\n  transition: transform 0.2s;\n}\n.Toastify__progress-bar--rtl {\n  right: 0;\n  left: initial;\n  transform-origin: right;\n  border-bottom-left-radius: initial;\n  border-bottom-right-radius: var(--toastify-toast-bd-radius);\n}\n.Toastify__progress-bar--wrp {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: 5px;\n  border-bottom-left-radius: var(--toastify-toast-bd-radius);\n}\n.Toastify__progress-bar--wrp[data-hidden=true] {\n  opacity: 0;\n}\n.Toastify__progress-bar--bg {\n  opacity: var(--toastify-color-progress-bgo);\n  width: 100%;\n  height: 100%;\n}\n\n.Toastify__spinner {\n  width: 20px;\n  height: 20px;\n  box-sizing: border-box;\n  border: 2px solid;\n  border-radius: 100%;\n  border-color: var(--toastify-spinner-color-empty-area);\n  border-right-color: var(--toastify-spinner-color);\n  animation: Toastify__spin 0.65s linear infinite;\n}\n\n@keyframes Toastify__bounceInRight {\n  from, 60%, 75%, 90%, to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  from {\n    opacity: 0;\n    transform: translate3d(3000px, 0, 0);\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(-25px, 0, 0);\n  }\n  75% {\n    transform: translate3d(10px, 0, 0);\n  }\n  90% {\n    transform: translate3d(-5px, 0, 0);\n  }\n  to {\n    transform: none;\n  }\n}\n@keyframes Toastify__bounceOutRight {\n  20% {\n    opacity: 1;\n    transform: translate3d(-20px, var(--y), 0);\n  }\n  to {\n    opacity: 0;\n    transform: translate3d(2000px, var(--y), 0);\n  }\n}\n@keyframes Toastify__bounceInLeft {\n  from, 60%, 75%, 90%, to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: translate3d(-3000px, 0, 0);\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(25px, 0, 0);\n  }\n  75% {\n    transform: translate3d(-10px, 0, 0);\n  }\n  90% {\n    transform: translate3d(5px, 0, 0);\n  }\n  to {\n    transform: none;\n  }\n}\n@keyframes Toastify__bounceOutLeft {\n  20% {\n    opacity: 1;\n    transform: translate3d(20px, var(--y), 0);\n  }\n  to {\n    opacity: 0;\n    transform: translate3d(-2000px, var(--y), 0);\n  }\n}\n@keyframes Toastify__bounceInUp {\n  from, 60%, 75%, 90%, to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  from {\n    opacity: 0;\n    transform: translate3d(0, 3000px, 0);\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(0, -20px, 0);\n  }\n  75% {\n    transform: translate3d(0, 10px, 0);\n  }\n  90% {\n    transform: translate3d(0, -5px, 0);\n  }\n  to {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes Toastify__bounceOutUp {\n  20% {\n    transform: translate3d(0, calc(var(--y) - 10px), 0);\n  }\n  40%, 45% {\n    opacity: 1;\n    transform: translate3d(0, calc(var(--y) + 20px), 0);\n  }\n  to {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0);\n  }\n}\n@keyframes Toastify__bounceInDown {\n  from, 60%, 75%, 90%, to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: translate3d(0, -3000px, 0);\n  }\n  60% {\n    opacity: 1;\n    transform: translate3d(0, 25px, 0);\n  }\n  75% {\n    transform: translate3d(0, -10px, 0);\n  }\n  90% {\n    transform: translate3d(0, 5px, 0);\n  }\n  to {\n    transform: none;\n  }\n}\n@keyframes Toastify__bounceOutDown {\n  20% {\n    transform: translate3d(0, calc(var(--y) - 10px), 0);\n  }\n  40%, 45% {\n    opacity: 1;\n    transform: translate3d(0, calc(var(--y) + 20px), 0);\n  }\n  to {\n    opacity: 0;\n    transform: translate3d(0, 2000px, 0);\n  }\n}\n.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {\n  animation-name: Toastify__bounceInLeft;\n}\n.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {\n  animation-name: Toastify__bounceInRight;\n}\n.Toastify__bounce-enter--top-center {\n  animation-name: Toastify__bounceInDown;\n}\n.Toastify__bounce-enter--bottom-center {\n  animation-name: Toastify__bounceInUp;\n}\n\n.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {\n  animation-name: Toastify__bounceOutLeft;\n}\n.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {\n  animation-name: Toastify__bounceOutRight;\n}\n.Toastify__bounce-exit--top-center {\n  animation-name: Toastify__bounceOutUp;\n}\n.Toastify__bounce-exit--bottom-center {\n  animation-name: Toastify__bounceOutDown;\n}\n\n@keyframes Toastify__zoomIn {\n  from {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n@keyframes Toastify__zoomOut {\n  from {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0;\n    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);\n  }\n  to {\n    opacity: 0;\n  }\n}\n.Toastify__zoom-enter {\n  animation-name: Toastify__zoomIn;\n}\n\n.Toastify__zoom-exit {\n  animation-name: Toastify__zoomOut;\n}\n\n@keyframes Toastify__flipIn {\n  from {\n    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n    animation-timing-function: ease-in;\n    opacity: 0;\n  }\n  40% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n    animation-timing-function: ease-in;\n  }\n  60% {\n    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n    opacity: 1;\n  }\n  80% {\n    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n  }\n  to {\n    transform: perspective(400px);\n  }\n}\n@keyframes Toastify__flipOut {\n  from {\n    transform: translate3d(0, var(--y), 0) perspective(400px);\n  }\n  30% {\n    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);\n    opacity: 1;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);\n    opacity: 0;\n  }\n}\n.Toastify__flip-enter {\n  animation-name: Toastify__flipIn;\n}\n\n.Toastify__flip-exit {\n  animation-name: Toastify__flipOut;\n}\n\n@keyframes Toastify__slideInRight {\n  from {\n    transform: translate3d(110%, 0, 0);\n    visibility: visible;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0);\n  }\n}\n@keyframes Toastify__slideInLeft {\n  from {\n    transform: translate3d(-110%, 0, 0);\n    visibility: visible;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0);\n  }\n}\n@keyframes Toastify__slideInUp {\n  from {\n    transform: translate3d(0, 110%, 0);\n    visibility: visible;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0);\n  }\n}\n@keyframes Toastify__slideInDown {\n  from {\n    transform: translate3d(0, -110%, 0);\n    visibility: visible;\n  }\n  to {\n    transform: translate3d(0, var(--y), 0);\n  }\n}\n@keyframes Toastify__slideOutRight {\n  from {\n    transform: translate3d(0, var(--y), 0);\n  }\n  to {\n    visibility: hidden;\n    transform: translate3d(110%, var(--y), 0);\n  }\n}\n@keyframes Toastify__slideOutLeft {\n  from {\n    transform: translate3d(0, var(--y), 0);\n  }\n  to {\n    visibility: hidden;\n    transform: translate3d(-110%, var(--y), 0);\n  }\n}\n@keyframes Toastify__slideOutDown {\n  from {\n    transform: translate3d(0, var(--y), 0);\n  }\n  to {\n    visibility: hidden;\n    transform: translate3d(0, 500px, 0);\n  }\n}\n@keyframes Toastify__slideOutUp {\n  from {\n    transform: translate3d(0, var(--y), 0);\n  }\n  to {\n    visibility: hidden;\n    transform: translate3d(0, -500px, 0);\n  }\n}\n.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {\n  animation-name: Toastify__slideInLeft;\n}\n.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {\n  animation-name: Toastify__slideInRight;\n}\n.Toastify__slide-enter--top-center {\n  animation-name: Toastify__slideInDown;\n}\n.Toastify__slide-enter--bottom-center {\n  animation-name: Toastify__slideInUp;\n}\n\n.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {\n  animation-name: Toastify__slideOutLeft;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {\n  animation-name: Toastify__slideOutRight;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n.Toastify__slide-exit--top-center {\n  animation-name: Toastify__slideOutUp;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n.Toastify__slide-exit--bottom-center {\n  animation-name: Toastify__slideOutDown;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n}\n\n@keyframes Toastify__spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/*# sourceMappingURL=ReactToastify.css.map */", "",{"version":3,"sources":["webpack://./node_modules/react-toastify/scss/_variables.scss","webpack://./node_modules/react-toastify/dist/ReactToastify.css","webpack://./node_modules/react-toastify/scss/_toastContainer.scss","webpack://./node_modules/react-toastify/scss/_toast.scss","webpack://./node_modules/react-toastify/scss/_theme.scss","webpack://./node_modules/react-toastify/scss/_closeButton.scss","webpack://./node_modules/react-toastify/scss/_progressBar.scss","webpack://./node_modules/react-toastify/scss/_icons.scss","webpack://./node_modules/react-toastify/scss/animations/_bounce.scss","webpack://./node_modules/react-toastify/scss/animations/_zoom.scss","webpack://./node_modules/react-toastify/scss/animations/_flip.scss","webpack://./node_modules/react-toastify/scss/animations/_slide.scss","webpack://./node_modules/react-toastify/scss/animations/_spin.scss"],"names":[],"mappings":"AAGA;EACE,4BAAA;EACA,8BAAA;EACA,8BAAA;EACA,iCAAA;EACA,iCAAA;EACA,+BAAA;EACA,sDAAA;EAEA,sDAAA;EACA,4DAAA;EACA,4DAAA;EACA,wDAAA;EAEA,6BAAA;EACA,6BAAA;EACA,iFAAA;EACA,qFAAA;EACA,mFAAA;EACA,uFAAA;EACA,iCAAA;EACA,iCAAA;EACA,kCAAA;EACA,+BAAA;EACA,kCAAA;EACA,wBAAA;EAEA,oCAAA;EACA,gCAAA;EAGA,gCAAA;EACA,mCAAA;EACA,mCAAA;EACA,iCAAA;EAEA,iCAAA;EACA,4CAAA;EAGA;;;;;;;;GAAA;EAUA,uCAAA;EACA,0DAAA;EACA,gEAAA;EACA,gEAAA;EACA,4DAAA;EACA,kCAAA;ACXF;;AC/CA;EACE,gCAAA;EACA,6DAAA;EACA,eAAA;EACA,YAAA;EACA,kCAAA;EACA,sBAAA;EACA,WAAA;ADkDF;ACjDE;EACE,8BAAA;EACA,gCAAA;ADmDJ;ACjDE;EACE,8BAAA;EACA,SAAA;EACA,2BAAA;ADmDJ;ACjDE;EACE,8BAAA;EACA,kCAAA;ADmDJ;ACjDE;EACE,oCAAA;EACA,gCAAA;ADmDJ;ACjDE;EACE,oCAAA;EACA,SAAA;EACA,2BAAA;ADmDJ;ACjDE;EACE,oCAAA;EACA,kCAAA;ADmDJ;;AC/CA;EACE;IACE,YAAA;IACA,UAAA;IACA,+BAAA;IACA,SAAA;EDkDF;ECjDE;IAGE,6BAAA;IACA,wBAAA;EDiDJ;EC/CE;IAGE,mCAAA;IACA,wBAAA;ED+CJ;EC7CE;IACE,iCAAA;IACA,aAAA;ED+CJ;AACF;AExGA;EACE,MAAA;EACA,kBAAA;EACA,sBAAA;MAAA,kBAAA;EACA,4CAAA;EACA,sBAAA;EACA,mBAAA;EACA,YAAA;EACA,8CAAA;EACA,2CAAA;EACA,oBAAA;EAAA,aAAA;EACA,sBAAA;MAAA,8BAAA;EACA,4CAAA;EACA,wCAAA;EACA,eAAA;EACA,cAAA;EACA,2BAAA;EACA,UAAA;EACA,gBAAA;AF0GF;AExGE;EACE,kBAAA;EACA,WAAA;EACA,sDAAA;EACA,0BAAA;AF0GJ;AExGI;EACE,wBAAA;AF0GN;AEvGI;EACE,iBAAA;AFyGN;AEtGI;EACE,UAAA;AFwGN;AErGI;EACE,WAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,4BAAA;EACA,YAAA;AFuGN;AEpGI;EACE,MAAA;AFsGN;AEnGI;EACE,SAAA;AFqGN;AElGI;EACE,qBAAA;AFoGN;AEjGI;EACE,wBAAA;AFmGN;AEhGI;EACE,WAAA;EACA,kBAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;EACA,YAAA;EACA,oBAAA;EACA,WAAA;AFkGN;AE9FE;EACE,cAAA;AFgGJ;AE9FE;EACE,eAAA;AFgGJ;AE9FE;EACE,cAAA;EACA,kBAAA;MAAA,cAAA;EACA,YAAA;EACA,oBAAA;EAAA,aAAA;EACA,sBAAA;MAAA,mBAAA;AFgGJ;AE/FI;EACE,sBAAA;EACA,WAAA;MAAA,OAAA;AFiGN;AE9FE;EACE,wBAAA;UAAA,uBAAA;EACA,WAAA;EACA,oBAAA;MAAA,cAAA;EACA,oBAAA;EAAA,aAAA;AFgGJ;;AE5FA;EACE,yBAAA;EACA,wBAAA;AF+FF;;AE5FA;EACE,yBAAA;EACA,wBAAA;AF+FF;;AE5FA;EACE;IACE,gBAAA;IACA,gBAAA;EF+FF;AACF;AGhNE;EACE,sCAAA;EACA,sCAAA;AHkNJ;AGhNE;EACE,uCAAA;EACA,uCAAA;AHkNJ;AGhNE;EACE,uCAAA;EACA,uCAAA;AHkNJ;AGhNE;EACE,sCAAA;EACA,sCAAA;AHkNJ;AGhNE;EACE,yCAAA;EACA,yCAAA;AHkNJ;AGhNE;EACE,yCAAA;EACA,yCAAA;AHkNJ;AGhNE;EACE,uCAAA;EACA,uCAAA;AHkNJ;;AG7ME;EACE,gDAAA;AHgNJ;AG9ME;EACE,+CAAA;AHgNJ;AG9ME;EACE,+CAAA;AHgNJ;AG9ME;EACE,kDAAA;AHgNJ;AG9ME;EACE,kDAAA;AHgNJ;AG9ME;EACE,gDAAA;AHgNJ;AG9ME;EAIE,6CAAA;AH6MJ;;AInQA;EACE,WAAA;EACA,uBAAA;EACA,aAAA;EACA,YAAA;EACA,UAAA;EACA,eAAA;EACA,YAAA;EACA,qBAAA;EACA,0BAAA;MAAA,sBAAA;EACA,UAAA;AJsQF;AIrQE;EACE,WAAA;EACA,YAAA;AJuQJ;AIpQE;EACE,kBAAA;EACA,YAAA;EACA,WAAA;AJsQJ;AInQE;EAEE,UAAA;AJoQJ;;AK5RA;EACE;IACE,oBAAA;EL+RF;EK7RA;IACE,oBAAA;EL+RF;AACF;AK5RA;EACE,kBAAA;EACA,SAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;EACA,gCAAA;EACA,YAAA;EACA,sBAAA;EACA,0DAAA;AL8RF;AK5RE;EACE,oDAAA;AL8RJ;AK3RE;EACE,0BAAA;AL6RJ;AK1RE;EACE,QAAA;EACA,aAAA;EACA,uBAAA;EACA,kCAAA;EACA,2DAAA;AL4RJ;AKzRE;EACE,kBAAA;EACA,SAAA;EACA,OAAA;EACA,WAAA;EACA,WAAA;EACA,0DAAA;AL2RJ;AKxRE;EACE,UAAA;AL0RJ;AKvRE;EACE,2CAAA;EACA,WAAA;EACA,YAAA;ALyRJ;;AM7UA;EACE,WAAA;EACA,YAAA;EACA,sBAAA;EACA,iBAAA;EACA,mBAAA;EACA,sDAAA;EACA,iDAAA;EACA,+CAAA;ANgVF;;AOpVA;EACE;IAJA,8DAAA;EP4VA;EOjVA;IACE,UAAA;IACA,oCAAA;EPmVF;EOjVA;IACE,UAAA;IACA,mCAAA;EPmVF;EOjVA;IACE,kCAAA;EPmVF;EOjVA;IACE,kCAAA;EPmVF;EOjVA;IACE,eAAA;EPmVF;AACF;AOhVA;EACE;IACE,UAAA;IACA,0CAAA;EPkVF;EOhVA;IACE,UAAA;IACA,2CAAA;EPkVF;AACF;AO/UA;EACE;IA1CA,8DAAA;EP4XA;EO3UA;IACE,UAAA;IACA,qCAAA;EP6UF;EO3UA;IACE,UAAA;IACA,kCAAA;EP6UF;EO3UA;IACE,mCAAA;EP6UF;EO3UA;IACE,iCAAA;EP6UF;EO3UA;IACE,eAAA;EP6UF;AACF;AO1UA;EACE;IACE,UAAA;IACA,yCAAA;EP4UF;EO1UA;IACE,UAAA;IACA,4CAAA;EP4UF;AACF;AOzUA;EACE;IAhFA,8DAAA;EP4ZA;EOrUA;IACE,UAAA;IACA,oCAAA;EPuUF;EOrUA;IACE,UAAA;IACA,mCAAA;EPuUF;EOrUA;IACE,kCAAA;EPuUF;EOrUA;IACE,kCAAA;EPuUF;EOrUA;IACE,+BAAA;EPuUF;AACF;AOpUA;EACE;IACE,mDAAA;EPsUF;EOpUA;IAEE,UAAA;IACA,mDAAA;EPqUF;EOnUA;IACE,UAAA;IACA,qCAAA;EPqUF;AACF;AOlUA;EACE;IA1HA,8DAAA;EP+bA;EO9TA;IACE,UAAA;IACA,qCAAA;EPgUF;EO9TA;IACE,UAAA;IACA,kCAAA;EPgUF;EO9TA;IACE,mCAAA;EPgUF;EO9TA;IACE,iCAAA;EPgUF;EO9TA;IACE,eAAA;EPgUF;AACF;AO7TA;EACE;IACE,mDAAA;EP+TF;EO7TA;IAEE,UAAA;IACA,mDAAA;EP8TF;EO5TA;IACE,UAAA;IACA,oCAAA;EP8TF;AACF;AO1TE;EAEE,sCAAA;AP2TJ;AOzTE;EAEE,uCAAA;AP0TJ;AOxTE;EACE,sCAAA;AP0TJ;AOxTE;EACE,oCAAA;AP0TJ;;AOrTE;EAEE,uCAAA;APuTJ;AOrTE;EAEE,wCAAA;APsTJ;AOpTE;EACE,qCAAA;APsTJ;AOpTE;EACE,uCAAA;APsTJ;;AQxfA;EACE;IACE,UAAA;IACA,iCAAA;ER2fF;EQzfA;IACE,UAAA;ER2fF;AACF;AQxfA;EACE;IACE,UAAA;ER0fF;EQxfA;IACE,UAAA;IACA,6DAAA;ER0fF;EQxfA;IACE,UAAA;ER0fF;AACF;AQvfA;EACE,gCAAA;ARyfF;;AQtfA;EACE,iCAAA;ARyfF;;ASrhBA;EACE;IACE,sDAAA;IACA,kCAAA;IACA,UAAA;ETwhBF;ESthBA;IACE,uDAAA;IACA,kCAAA;ETwhBF;ESthBA;IACE,sDAAA;IACA,UAAA;ETwhBF;ESthBA;IACE,sDAAA;ETwhBF;ESthBA;IACE,6BAAA;ETwhBF;AACF;ASrhBA;EACE;IACE,yDAAA;ETuhBF;ESrhBA;IACE,mFAAA;IACA,UAAA;ETuhBF;ESrhBA;IACE,kFAAA;IACA,UAAA;ETuhBF;AACF;ASphBA;EACE,gCAAA;ATshBF;;ASnhBA;EACE,iCAAA;ATshBF;;AU3jBA;EACE;IACE,kCAAA;IACA,mBAAA;EV8jBF;EU5jBA;IARA,sCAAA;EVukBA;AACF;AU3jBA;EACE;IACE,mCAAA;IACA,mBAAA;EV6jBF;EU3jBA;IAlBA,sCAAA;EVglBA;AACF;AU1jBA;EACE;IACE,kCAAA;IACA,mBAAA;EV4jBF;EU1jBA;IA5BA,sCAAA;EVylBA;AACF;AUzjBA;EACE;IACE,mCAAA;IACA,mBAAA;EV2jBF;EUzjBA;IAtCA,sCAAA;EVkmBA;AACF;AUxjBA;EACE;IA5CA,sCAAA;EVumBA;EUxjBA;IACE,kBAAA;IACA,yCAAA;EV0jBF;AACF;AUvjBA;EACE;IAtDA,sCAAA;EVgnBA;EUvjBA;IACE,kBAAA;IACA,0CAAA;EVyjBF;AACF;AUtjBA;EACE;IAhEA,sCAAA;EVynBA;EUtjBA;IACE,kBAAA;IACA,mCAAA;EVwjBF;AACF;AUrjBA;EACE;IA1EA,sCAAA;EVkoBA;EUrjBA;IACE,kBAAA;IACA,oCAAA;EVujBF;AACF;AU9iBE;EAEE,qCAAA;AV+iBJ;AU7iBE;EAEE,sCAAA;AV8iBJ;AU5iBE;EACE,qCAAA;AV8iBJ;AU5iBE;EACE,mCAAA;AV8iBJ;;AUziBE;EAEE,sCAAA;EAxBF,kCAAA;EACA,wBAAA;AVokBF;AU1iBE;EAEE,uCAAA;EA7BF,kCAAA;EACA,wBAAA;AVykBF;AU1iBE;EACE,oCAAA;EAjCF,kCAAA;EACA,wBAAA;AV8kBF;AU3iBE;EACE,sCAAA;EArCF,kCAAA;EACA,wBAAA;AVmlBF;;AWzqBA;EACE;IACE,uBAAA;EX4qBF;EW1qBA;IACE,yBAAA;EX4qBF;AACF;;AAaA,4CAA4C","sourceRoot":""}]);
-// Exports
-/* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 27455:
@@ -50371,7 +50352,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  position: relative;\n}\n\n.basic-button.disabled {\n  opacity: .5;\n  cursor: not-allowed;\n}\n\n.basic-button .backdrop {\n  opacity: 0;\n  background: #00000012 !important;\n  border-radius: 3px !important;\n  width: 100% !important;\n  height: 100% !important;\n  transition: opacity .1s ease-in !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n}\n\n.basic-button:hover .backdrop {\n  opacity: 1 !important;\n}\n\n.select-layout {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 8px;\n  width: 100%;\n  display: flex;\n}\n\n.select-layout label {\n  color: var(--text-color);\n  margin-bottom: 5px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.select-layout .generic-select-container {\n  cursor: pointer;\n  width: 100%;\n  font-size: 16px;\n  line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n  border: .5px solid var(--border-color);\n  background-color: #0000;\n  border-radius: 7px;\n  height: 100%;\n  min-height: 55px;\n  padding-left: 10px;\n  font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__placeholder {\n  color: var(--text-color);\n  opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n  color: var(--text-color);\n  font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n  border: .5px solid var(--border-color);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n  opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n  border: .5px solid var(--border-color);\n  box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n  transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n  display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__clear-indicator svg {\n  cursor: pointer;\n  width: 22px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n  padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  cursor: not-allowed;\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n  text-align: left;\n  color: var(--text-color);\n  border-bottom: .5px solid var(--border-color);\n  cursor: pointer;\n  padding: auto 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  background-color: var(--secondary-color);\n  color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n  color: #000;\n  border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  color: #000;\n}\n\n.select-layout .gallery-select .generic-select__control {\n  background-color: #fff !important;\n  border-radius: 3px !important;\n  min-width: 320px !important;\n  min-height: 40px !important;\n}\n\n.select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__single-value {\n  color: #000;\n}\n\n.select-layout .gallery-select .generic-select__menu {\n  box-shadow: 0 0 3px 1px #0000001a, 0 4px 11px #0000001a !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list {\n  padding: 12px !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  color: #000;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n  color: #000;\n  border-bottom: .5px solid #5454544d;\n  padding: 12px !important;\n  font-size: 14px !important;\n  font-weight: 300 !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  color: #000;\n}\n\n.toast-container {\n  width: 100%;\n  min-width: 400px;\n  max-width: fit-content;\n  z-index: 999999999 !important;\n}\n\n.toast-container .basic-toast {\n  background-color: var(--notification-background-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 5px;\n  height: 100%;\n  max-height: 50px;\n  display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n  color: var(--notification-text-color);\n  margin: 0;\n  font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n  font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n  width: 25px;\n  height: 18px;\n}\n\n.input-layout {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 10px;\n  width: 100%;\n  display: flex;\n}\n\n.input-layout .basic-label {\n  color: var(--text-color);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n  border: .5px solid var(--border-color);\n  background: #fff;\n  border-radius: 7px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-height: 55px;\n  display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n  color: var(--text-color);\n  background: none;\n  border: none;\n  border-radius: 7px;\n  width: 100%;\n  padding: 5px 20px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 24px;\n  font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n  outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n  opacity: .5;\n  color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n  color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n  content: \"\";\n  background-color: #303030;\n  width: 1px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n  width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n  border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n  background-color: var(--secondary-color);\n}\n\n.input-layout .galleryInput {\n  border-radius: 3px !important;\n  min-height: 40px !important;\n}\n\n.gallery-input-layout {\n  min-width: 320px !important;\n}\n\n.basic-divider {\n  border: none;\n  border-top: .5px solid #0000004d;\n  width: 100%;\n  max-width: 97%;\n  margin: 3px auto;\n}\n\n.hideTemplateBuilder {\n  display: none;\n}\n\n@media (width <= 600px) {\n  .hideTemplateBuilder {\n    text-align: center;\n    display: block;\n  }\n\n  .createTemplateMaindiv {\n    display: none;\n  }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n  height: 100%;\n  position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n  border-left: none;\n  border-right: none;\n  margin-left: 40px;\n  padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  margin-top: 20px;\n  margin-bottom: 10px;\n  display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n  cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n  accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n  outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n  cursor: pointer;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n  color: var(--error-color);\n  margin-left: 5px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n  margin: 0 40px;\n  padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n  color: var(--primary-color);\n  margin-bottom: 20px;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n  color: var(--text-color);\n  margin-bottom: 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n  color: var(--error-color);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n  margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n  margin: 20px 40px 80px;\n  padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n  color: var(--text-color);\n  margin-bottom: 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n  color: var(--error-color);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n  margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n  margin: 0 40px;\n  padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n  color: var(--primary-color);\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 25px;\n  margin-top: 20px;\n  display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n  border: .45px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 6.299px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 17px;\n  width: 100%;\n  max-width: 185px;\n  height: 100%;\n  min-height: 135px;\n  transition: all .1s ease-in;\n  display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n  background: var(--secondary-color);\n  border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n  color: var(--primary-color);\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n  margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n  border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n  color: var(--error-color);\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n  margin: 0 40px 80px;\n  padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  margin-top: 20px;\n  display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n  border: .45px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 6.299px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  padding: 13px 20px;\n  transition: all .1s ease-in;\n  display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n  margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n  fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n  background: var(--secondary-color);\n  border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n  margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n  fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n  color: var(--primary-color);\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n  width: 100%;\n  max-width: 150px;\n  height: 100%;\n  min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n  width: 100%;\n  max-width: 196px;\n  height: 100%;\n  min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n  width: 100%;\n  max-width: 248px;\n  height: 100%;\n  min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n  color: var(--error-color);\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n  border-top: .5px solid var(--border-color);\n  background-color: #fff;\n  width: 100%;\n  position: fixed;\n  bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n  justify-content: flex-end;\n  align-items: center;\n  gap: 20px;\n  padding: 14px 95px 14px 35px;\n  display: flex;\n}\n\n.createTemplateMaindiv .error {\n  border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n  aspect-ratio: 1;\n  border-radius: 50%;\n  width: 50px;\n  animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n  0% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n  }\n\n  12.5% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n  }\n\n  25% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n  }\n\n  50% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  62.5% {\n    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  75% {\n    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  100% {\n    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n  }\n}\n\n@keyframes l20-2 {\n  0% {\n    transform: scaleY(1)rotate(0);\n  }\n\n  49.99% {\n    transform: scaleY(1)rotate(135deg);\n  }\n\n  50% {\n    transform: scaleY(-1)rotate(0);\n  }\n\n  100% {\n    transform: scaleY(-1)rotate(-135deg);\n  }\n}\n\n.modal {\n  z-index: 99999;\n  background-color: #0009;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  overflow: hidden !important;\n}\n\n.modal .modal-content {\n  background-color: var(--modal-background-color);\n  border: 1px solid #888;\n  border-radius: 11px;\n  width: 80%;\n  max-height: 90%;\n  margin: auto;\n  padding: 0;\n  animation-name: animatetop;\n  animation-duration: .4s;\n  position: relative;\n  overflow-y: auto;\n  box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n  color: var(--text-color);\n  height: 100%;\n  min-height: 20px;\n  position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n  float: right;\n  font-size: 28px;\n  font-weight: bold;\n  position: absolute;\n  top: 0;\n  right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n  color: var(--text-color);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 2px 16px;\n  display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n  width: 100%;\n  max-width: 60px;\n  height: 100%;\n  min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n  mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n  fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n  stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n  color: var(--text-color);\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  width: 100%;\n  padding: 2px 16px;\n  display: flex;\n  position: absolute;\n  bottom: 10px;\n}\n\n@keyframes animatetop {\n  from {\n    opacity: 0;\n    top: -300px;\n  }\n\n  to {\n    opacity: 1;\n    top: 0;\n  }\n}\n\n@media (width <= 1200px) {\n  .galleryModal {\n    min-width: 1000px;\n  }\n}\n\n@media (width <= 992px) {\n  .galleryModal {\n    min-width: 750px;\n  }\n}\n\n@media (width <= 768px) {\n  .galleryModal {\n    min-width: auto;\n  }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 433px !important;\n  height: 100% !important;\n  max-height: 290px !important;\n  margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n  flex-direction: column;\n  gap: 20px;\n  padding: 16px 16px 0;\n  display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n  text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n  color: #ed5c2f;\n  text-align: center;\n  margin-top: 10px;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n  color: #000;\n  text-align: center;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n  color: #000;\n  text-align: center;\n  letter-spacing: .28px;\n  margin: 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 5px;\n  width: 100%;\n  max-width: 107px;\n  height: 100%;\n  min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n  opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 407px !important;\n  height: 100% !important;\n  max-height: 258px !important;\n  margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n  flex-direction: column;\n  gap: 10px;\n  display: flex;\n  padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n  text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n  color: #ed5c2f;\n  text-align: center;\n  margin-top: 12px;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n  color: #000;\n  text-align: center;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n  color: #000;\n  text-align: center;\n  letter-spacing: .28px;\n  margin: 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  min-width: 100px !important;\n  min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  max-width: 146px !important;\n  min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 623px !important;\n  height: 100% !important;\n  max-height: 230px !important;\n  margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n  padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n  padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n  color: #303030;\n  margin: 10px 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 5px;\n  width: 100%;\n  max-width: 107px;\n  height: 100%;\n  min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.top-navigation-container {\n  border-bottom: .5px solid var(--border-color);\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  max-height: 70px;\n  margin: 0;\n  padding: 23px 20px;\n  display: flex;\n  top: 0;\n  background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.top-navigation-container .middle p {\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--text-color);\n  margin-bottom: 0;\n  font-size: 16px;\n  font-weight: 400;\n  overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n  cursor: pointer;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  padding: 5px;\n  transition: all .1s ease-in-out;\n  display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n  background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n  fill: var(--text-color);\n}\n\n.top-navigation-container button {\n  text-transform: capitalize;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n  padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n  justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n  gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.tabsWrapper {\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  transition: left .3s ease-in-out;\n  display: flex;\n  position: relative;\n}\n\n.tabsWrapper .tabsContainer {\n  gap: 55px;\n  width: 100%;\n  display: flex;\n}\n\n.tabsWrapper .tabsContainer .tab {\n  cursor: pointer;\n  text-align: center;\n  flex: 1;\n  width: 100%;\n  min-width: fit-content;\n  padding: 10px 0;\n  font-size: 18px;\n  transition: left .3s ease-in-out;\n}\n\n@media (width <= 768px) {\n  .tabsWrapper .tabsContainer .tab {\n    font-size: 15px;\n  }\n}\n\n.tabsWrapper .tabsContainer .tab.activeTab {\n  color: var(--primary-color);\n  font-weight: bold;\n}\n\n.tabsWrapper .tabsIndicator {\n  background-color: var(--primary-color);\n  height: 1.5px;\n  transition: left .3s ease-in-out;\n  position: absolute;\n  bottom: 3px;\n}\n\n.templateCard {\n  border-radius: 3px;\n  flex: 0 316px;\n  width: 316px;\n}\n\n@media (width <= 1340px) {\n  .templateCard {\n    flex: 316px;\n  }\n}\n\n.templateCard .templateImage {\n  margin-bottom: 5px;\n  position: relative;\n}\n\n.templateCard .templateImage img {\n  border-radius: 7px;\n  width: 100%;\n  height: 100%;\n  padding: 1.5px;\n}\n\n.templateCard .templateImage:hover .tempButton {\n  display: flex !important;\n}\n\n.templateCard .templateImage:hover .flipWrapper {\n  display: flex;\n}\n\n.templateCard .templateImage .tempButton {\n  background-color: var(--primary-color);\n  color: #fff;\n  text-transform: capitalize;\n  border-radius: 6px;\n  max-height: 35px !important;\n  transition: all .3s ease-in !important;\n  display: none !important;\n  position: absolute !important;\n  top: 10px !important;\n  right: 10px !important;\n}\n\n.templateCard .templateImage .flipWrapper {\n  background-color: #00000049;\n  border-radius: 99999px;\n  justify-content: center;\n  align-items: center;\n  gap: 2px;\n  width: 60px;\n  height: 20px;\n  display: none;\n  position: absolute;\n  bottom: 30px;\n  left: 40%;\n}\n\n.templateCard .templateImage .flipWrapper svg {\n  cursor: pointer;\n  width: 16px;\n  height: 16px;\n}\n\n.templateCard .templateName {\n  margin: 0;\n  font-size: 18px;\n}\n\n.templateCard .templateID {\n  margin-top: 7px;\n  color: #6a6565 !important;\n  font-size: 16px !important;\n  font-weight: 300 !important;\n}\n\n.noTemplateGallery {\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: calc(100vh - 300px);\n  display: flex;\n}\n\n.noTemplateGallery p {\n  color: var(--text-color);\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.polotno-panel-container {\n  overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n  display: \"flex\";\n  flex-wrap: \"wrap\";\n  overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n  color: #ed5c2f;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n  border: .5px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 3px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n  display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n  color: #303030;\n  margin-top: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n  border: .5px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 3px;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.polotno-panel-container .dummy-image {\n  padding: 85px;\n  object-fit: fill !important;\n}\n\n.polotno-panel-container .MuiTabs-indicator {\n  background-color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper {\n  width: 100%;\n  max-width: 480px;\n}\n\n@media (width <= 800px) {\n  .polotno-panel-container .templateTabsWrapper {\n    max-width: none !important;\n  }\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n  width: 15px;\n  opacity: 1 !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n  color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n  opacity: 1 !important;\n}\n\n.polotno-panel-container .noTemplateText {\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-height: 200px;\n  display: flex;\n}\n\n.polotno-panel-container .noTemplateText p {\n  color: var(--text-color);\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.polotno-panel-container .searchWrapper {\n  margin: 16px 0;\n}\n\n.topBar {\n  border-bottom: .5px solid #30303080;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 0 35px 20px;\n  display: flex;\n  position: relative;\n}\n\n@media (width <= 1125px) {\n  .topBar {\n    flex-direction: column-reverse;\n    justify-content: center;\n  }\n}\n\n@media (width <= 768px) {\n  .topBar {\n    padding: 0 15px 20px;\n  }\n}\n\n.selectBar {\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin-top: 25px;\n  padding: 0 35px;\n  display: flex;\n}\n\n.selectBar p {\n  text-align: end;\n  width: 100%;\n  margin: 0;\n  color: #6a6565 !important;\n  font-size: 14px !important;\n  font-weight: 400 !important;\n}\n\n.templatesContent {\n  flex-flow: wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  width: 100%;\n  height: 100%;\n  max-height: calc(100vh - 248px);\n  margin-top: 10px;\n  padding: 15px 35px;\n  display: flex;\n  overflow-y: scroll;\n}\n\n@media (width <= 1125px) {\n  .templatesContent {\n    max-height: calc(100vh - 320px);\n  }\n}\n\n.templatesContent::-webkit-scrollbar {\n  width: 8px;\n}\n\n.templatesContent::-webkit-scrollbar-track {\n  border-radius: 1px;\n  background: none !important;\n}\n\n.templatesContent::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n  .templatesContent body {\n    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n  }\n}\n\n.templatesContent .defaultDesign {\n  cursor: pointer;\n  background-color: #fff;\n  border-radius: 7px;\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  width: 316px;\n  height: 224px;\n  margin-bottom: 14px;\n  padding: 1.5px;\n  display: flex;\n}\n\n.templatesContent .defaultDesign p {\n  color: var(--text-color);\n  margin-top: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 14.52px;\n}\n\n.templatesContent .ownHeading {\n  color: var(--text-color);\n  line-height: 14.52px;\n  font-size: 18px !important;\n  font-weight: 400 !important;\n}\n\n.templatesContent .postcard, .templatesContent .postcard-4x6 {\n  height: 211.66px !important;\n}\n\n.templatesContent .postcard-6x11 {\n  height: 173.73px !important;\n}\n\n.templatesContent .postcard-6x9 {\n  height: 211.66px !important;\n}\n\n.templatesContent .personalLetter {\n  height: 486.73px !important;\n}\n\n.templatesContent .professionalLetter {\n  height: 408.06px !important;\n}\n\n.templatesContent .biFold {\n  height: 107.33px !important;\n}\n\n.templatesContent .triFold {\n  height: 420.33px !important;\n}\n\n.heightOLC {\n  max-height: calc(100vh - 270px);\n}\n\n@media (width <= 1125px) {\n  .heightOLC {\n    max-height: calc(100vh - 320px);\n  }\n}\n\n.basic-tooltip {\n  text-align: center !important;\n  color: #000 !important;\n  opacity: 1 !important;\n  z-index: 1 !important;\n  background-color: #fff !important;\n  width: 90% !important;\n  max-width: fit-content !important;\n  box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-content .dynamic-content__top {\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  margin: 8px auto;\n  display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n  color: var(--primary-color);\n  margin-right: 5px;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n  cursor: pointer;\n  width: 12px;\n  height: 12px;\n}\n\n.dynamic-content .divider {\n  color: #44424145;\n  margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n  border: .5px solid var(--border-color);\n  text-align: center;\n  cursor: pointer;\n  border-radius: 3px;\n  width: 100%;\n  height: 35px;\n  margin: 5px auto;\n  line-height: 35px;\n  transition: all .1s ease-in;\n}\n\n.dynamic-content .contact-element:hover {\n  background-color: var(--secondary-color);\n}\n\n.dynamic-content .copy {\n  fill: #000 !important;\n}\n\n.gsv-contact-element {\n  text-align: center;\n  border: .5px solid #303030;\n  border-radius: 3px;\n  justify-content: center;\n  width: 100%;\n  height: 100px;\n  margin: 5px auto;\n  line-height: 35px;\n  display: flex;\n}\n\n.gsv-contact-element span {\n  transform: translateY(30%);\n}\n\n.addonBox {\n  border: 1px solid #303030;\n  border-radius: 10px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 10px;\n  display: flex !important;\n}\n\n.addonBox p {\n  color: #303030;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 800;\n}\n\n.addonBox p:last-child {\n  font-weight: 500;\n}\n\n.addonBox svg {\n  opacity: .5;\n  width: 100px;\n  height: 120px;\n}\n\n.hidden-important {\n  display: none !important;\n}\n\n@media (width <= 600px) {\n  .polotno-container .builder-wrapper {\n    display: none;\n  }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n  color: var(--text-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n  background-color: var(--secondary-color);\n  opacity: .8;\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n  fill: var(--primary-color) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n  display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n  background-color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n  outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n  color: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n  outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n  background-color: #0000 !important;\n}\n\n.polotno-container .show-loader:after {\n  content: \"\";\n  border: 4px solid var(--primary-color);\n  border-right: 3px solid #0000;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  width: 50px;\n  height: 50px;\n  animation: 2s linear infinite circularAnimation;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n  0% {\n    transform: translate(-50%, -50%)rotate(0);\n  }\n\n  100% {\n    transform: translate(-50%, -50%)rotate(360deg);\n  }\n}\n\n.polotno-container .hide-loader:after {\n  display: none !important;\n}\n\n.polotno-container .bp5-popover-transition-container {\n  z-index: 2200 !important;\n}\n\n:root {\n  --font-family: \"Inter\";\n  --scrollbar-thumb-color: #ffdfc2;\n  --scrollbar-track-color: grey;\n  --primary-color: #ed5c2f;\n  --secondary-color: #fff8ee;\n  --svg-color: #fdb515;\n  --svg-color-not-active: #fdecd3;\n  --text-color: #000;\n  --modal-background-color: #fff8ee;\n  --notification-background-color: #ef7820;\n  --notification-text-color: #fff;\n  --border-color: #303030;\n  --error-color: red;\n}\n\n:root .builder-wrapper {\n  margin: 0;\n  font-family: var(--font-family) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n  :root .builder-wrapper body {\n    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n  }\n}\n\n:root .builder-wrapper .bp5-navbar {\n  z-index: auto !important;\n  border-bottom: 1px solid #1114181a !important;\n}\n\n:root .builder-wrapper .bp5-navbar .bp5-card {\n  color: var(--text-color);\n  background-color: #0000;\n}\n\n@media (width <= 800px) {\n  :root .builder-wrapper .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n    justify-content: center !important;\n  }\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n  :root .builder-wrapper .go4160152499 body, :root .builder-wrapper .polotno-workspace-inner body, :root .builder-wrapper .polotno-panel-container body, :root .builder-wrapper .polotno-panel-container > div body, :root .builder-wrapper .polotno-panel-container > div > div body, :root .builder-wrapper .polotno-panel-container > div > div > div body {\n    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n  }\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div, :root .builder-wrapper .polotno-panel-container > div > div p {\n  color: #000;\n}\n\n:root .no-scroll {\n  overflow: hidden;\n}\n", "",{"version":3,"sources":["webpack://./src/components/TemplateBuilder/index.css"],"names":[],"mappings":"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","sourcesContent":[".basic-typo {\n  width: 100%;\n  margin: 0;\n  font-weight: 500;\n}\n\n.basic-typo h1 {\n  font-size: 50px;\n}\n\n.basic-typo h2 {\n  font-size: 45px;\n}\n\n.basic-typo h3 {\n  font-size: 40px;\n}\n\n.basic-typo h4 {\n  font-size: 35px;\n}\n\n.basic-typo h5 {\n  font-size: 30px;\n}\n\n.basic-typo h6 {\n  font-size: 25px;\n}\n\n.basic-typo p {\n  font-size: 18px;\n}\n\n.basic-button {\n  background-color: var(--primary-color);\n  color: #fff;\n  cursor: pointer;\n  border-radius: 4px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  max-width: fit-content;\n  height: 100%;\n  padding: 0 10px;\n  font-size: 16px;\n  font-weight: 600;\n  display: flex;\n  position: relative;\n}\n\n.basic-button.disabled {\n  opacity: .5;\n  cursor: not-allowed;\n}\n\n.basic-button .backdrop {\n  opacity: 0;\n  background: #00000012 !important;\n  border-radius: 3px !important;\n  width: 100% !important;\n  height: 100% !important;\n  transition: opacity .1s ease-in !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n}\n\n.basic-button:hover .backdrop {\n  opacity: 1 !important;\n}\n\n.select-layout {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 8px;\n  width: 100%;\n  display: flex;\n}\n\n.select-layout label {\n  color: var(--text-color);\n  margin-bottom: 5px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.select-layout .generic-select-container {\n  cursor: pointer;\n  width: 100%;\n  font-size: 16px;\n  line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n  border: .5px solid var(--border-color);\n  background-color: #0000;\n  border-radius: 7px;\n  height: 100%;\n  min-height: 55px;\n  padding-left: 10px;\n  font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__placeholder {\n  color: var(--text-color);\n  opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n  color: var(--text-color);\n  font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n  border: .5px solid var(--border-color);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n  opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n  border: .5px solid var(--border-color);\n  box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n  transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n  display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__clear-indicator svg {\n  cursor: pointer;\n  width: 22px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n  padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  cursor: not-allowed;\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n  text-align: left;\n  color: var(--text-color);\n  border-bottom: .5px solid var(--border-color);\n  cursor: pointer;\n  padding: auto 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  background-color: var(--secondary-color);\n  color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n  color: #000;\n  border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  color: #000;\n}\n\n.select-layout .gallery-select .generic-select__control {\n  background-color: #fff !important;\n  border-radius: 3px !important;\n  min-width: 320px !important;\n  min-height: 40px !important;\n}\n\n.select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__single-value {\n  color: #000;\n}\n\n.select-layout .gallery-select .generic-select__menu {\n  box-shadow: 0 0 3px 1px #0000001a, 0 4px 11px #0000001a !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list {\n  padding: 12px !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  color: #000;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n  color: #000;\n  border-bottom: .5px solid #5454544d;\n  padding: 12px !important;\n  font-size: 14px !important;\n  font-weight: 300 !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  color: #000;\n}\n\n.toast-container {\n  width: 100%;\n  min-width: 400px;\n  max-width: fit-content;\n  z-index: 999999999 !important;\n}\n\n.toast-container .basic-toast {\n  background-color: var(--notification-background-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 5px;\n  height: 100%;\n  max-height: 50px;\n  display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n  color: var(--notification-text-color);\n  margin: 0;\n  font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n  font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n  width: 25px;\n  height: 18px;\n}\n\n.input-layout {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 10px;\n  width: 100%;\n  display: flex;\n}\n\n.input-layout .basic-label {\n  color: var(--text-color);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n  border: .5px solid var(--border-color);\n  background: #fff;\n  border-radius: 7px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-height: 55px;\n  display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n  color: var(--text-color);\n  background: none;\n  border: none;\n  border-radius: 7px;\n  width: 100%;\n  padding: 5px 20px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 24px;\n  font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n  outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n  opacity: .5;\n  color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n  color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n  content: \"\";\n  background-color: #303030;\n  width: 1px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n  width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n  border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n  background-color: var(--secondary-color);\n}\n\n.input-layout .galleryInput {\n  border-radius: 3px !important;\n  min-height: 40px !important;\n}\n\n.gallery-input-layout {\n  min-width: 320px !important;\n}\n\n.basic-divider {\n  border: none;\n  border-top: .5px solid #0000004d;\n  width: 100%;\n  max-width: 97%;\n  margin: 3px auto;\n}\n\n.hideTemplateBuilder {\n  display: none;\n}\n\n@media (width <= 600px) {\n  .hideTemplateBuilder {\n    text-align: center;\n    display: block;\n  }\n\n  .createTemplateMaindiv {\n    display: none;\n  }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n  height: 100%;\n  position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n  border-left: none;\n  border-right: none;\n  margin-left: 40px;\n  padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  margin-top: 20px;\n  margin-bottom: 10px;\n  display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n  cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n  accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n  outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n  cursor: pointer;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n  color: var(--error-color);\n  margin-left: 5px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n  margin: 0 40px;\n  padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n  color: var(--primary-color);\n  margin-bottom: 20px;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n  color: var(--text-color);\n  margin-bottom: 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n  color: var(--error-color);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n  margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n  margin: 20px 40px 80px;\n  padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n  color: var(--text-color);\n  margin-bottom: 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n  color: var(--error-color);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n  margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n  margin: 0 40px;\n  padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n  color: var(--primary-color);\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 25px;\n  margin-top: 20px;\n  display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n  border: .45px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 6.299px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 17px;\n  width: 100%;\n  max-width: 185px;\n  height: 100%;\n  min-height: 135px;\n  transition: all .1s ease-in;\n  display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n  background: var(--secondary-color);\n  border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n  color: var(--primary-color);\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n  margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n  border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n  color: var(--error-color);\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n  margin: 0 40px 80px;\n  padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  margin-top: 20px;\n  display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n  border: .45px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 6.299px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  padding: 13px 20px;\n  transition: all .1s ease-in;\n  display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n  margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n  fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n  background: var(--secondary-color);\n  border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n  margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n  fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n  color: var(--primary-color);\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n  width: 100%;\n  max-width: 150px;\n  height: 100%;\n  min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n  width: 100%;\n  max-width: 196px;\n  height: 100%;\n  min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n  width: 100%;\n  max-width: 248px;\n  height: 100%;\n  min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n  color: var(--error-color);\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n  border-top: .5px solid var(--border-color);\n  background-color: #fff;\n  width: 100%;\n  position: fixed;\n  bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n  justify-content: flex-end;\n  align-items: center;\n  gap: 20px;\n  padding: 14px 95px 14px 35px;\n  display: flex;\n}\n\n.createTemplateMaindiv .error {\n  border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n  aspect-ratio: 1;\n  border-radius: 50%;\n  width: 50px;\n  animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n  0% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n  }\n\n  12.5% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n  }\n\n  25% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n  }\n\n  50% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  62.5% {\n    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  75% {\n    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  100% {\n    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n  }\n}\n\n@keyframes l20-2 {\n  0% {\n    transform: scaleY(1)rotate(0);\n  }\n\n  49.99% {\n    transform: scaleY(1)rotate(135deg);\n  }\n\n  50% {\n    transform: scaleY(-1)rotate(0);\n  }\n\n  100% {\n    transform: scaleY(-1)rotate(-135deg);\n  }\n}\n\n.modal {\n  z-index: 99999;\n  background-color: #0009;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  overflow: hidden !important;\n}\n\n.modal .modal-content {\n  background-color: var(--modal-background-color);\n  border: 1px solid #888;\n  border-radius: 11px;\n  width: 80%;\n  max-height: 90%;\n  margin: auto;\n  padding: 0;\n  animation-name: animatetop;\n  animation-duration: .4s;\n  position: relative;\n  overflow-y: auto;\n  box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n  color: var(--text-color);\n  height: 100%;\n  min-height: 20px;\n  position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n  float: right;\n  font-size: 28px;\n  font-weight: bold;\n  position: absolute;\n  top: 0;\n  right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n  color: var(--text-color);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 2px 16px;\n  display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n  width: 100%;\n  max-width: 60px;\n  height: 100%;\n  min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n  mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n  fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n  stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n  color: var(--text-color);\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  width: 100%;\n  padding: 2px 16px;\n  display: flex;\n  position: absolute;\n  bottom: 10px;\n}\n\n@keyframes animatetop {\n  from {\n    opacity: 0;\n    top: -300px;\n  }\n\n  to {\n    opacity: 1;\n    top: 0;\n  }\n}\n\n@media (width <= 1200px) {\n  .galleryModal {\n    min-width: 1000px;\n  }\n}\n\n@media (width <= 992px) {\n  .galleryModal {\n    min-width: 750px;\n  }\n}\n\n@media (width <= 768px) {\n  .galleryModal {\n    min-width: auto;\n  }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 433px !important;\n  height: 100% !important;\n  max-height: 290px !important;\n  margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n  flex-direction: column;\n  gap: 20px;\n  padding: 16px 16px 0;\n  display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n  text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n  color: #ed5c2f;\n  text-align: center;\n  margin-top: 10px;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n  color: #000;\n  text-align: center;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n  color: #000;\n  text-align: center;\n  letter-spacing: .28px;\n  margin: 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 5px;\n  width: 100%;\n  max-width: 107px;\n  height: 100%;\n  min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n  opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 407px !important;\n  height: 100% !important;\n  max-height: 258px !important;\n  margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n  flex-direction: column;\n  gap: 10px;\n  display: flex;\n  padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n  text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n  color: #ed5c2f;\n  text-align: center;\n  margin-top: 12px;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n  color: #000;\n  text-align: center;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n  color: #000;\n  text-align: center;\n  letter-spacing: .28px;\n  margin: 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  min-width: 100px !important;\n  min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  max-width: 146px !important;\n  min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 623px !important;\n  height: 100% !important;\n  max-height: 230px !important;\n  margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n  padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n  padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n  color: #303030;\n  margin: 10px 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 5px;\n  width: 100%;\n  max-width: 107px;\n  height: 100%;\n  min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.top-navigation-container {\n  border-bottom: .5px solid var(--border-color);\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  max-height: 70px;\n  margin: 0;\n  padding: 23px 20px;\n  display: flex;\n  top: 0;\n  background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.top-navigation-container .middle p {\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--text-color);\n  margin-bottom: 0;\n  font-size: 16px;\n  font-weight: 400;\n  overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n  cursor: pointer;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  padding: 5px;\n  transition: all .1s ease-in-out;\n  display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n  background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n  fill: var(--text-color);\n}\n\n.top-navigation-container button {\n  text-transform: capitalize;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n  padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n  justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n  gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.tabsWrapper {\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  transition: left .3s ease-in-out;\n  display: flex;\n  position: relative;\n}\n\n.tabsWrapper .tabsContainer {\n  gap: 55px;\n  width: 100%;\n  display: flex;\n}\n\n.tabsWrapper .tabsContainer .tab {\n  cursor: pointer;\n  text-align: center;\n  flex: 1;\n  width: 100%;\n  min-width: fit-content;\n  padding: 10px 0;\n  font-size: 18px;\n  transition: left .3s ease-in-out;\n}\n\n@media (width <= 768px) {\n  .tabsWrapper .tabsContainer .tab {\n    font-size: 15px;\n  }\n}\n\n.tabsWrapper .tabsContainer .tab.activeTab {\n  color: var(--primary-color);\n  font-weight: bold;\n}\n\n.tabsWrapper .tabsIndicator {\n  background-color: var(--primary-color);\n  height: 1.5px;\n  transition: left .3s ease-in-out;\n  position: absolute;\n  bottom: 3px;\n}\n\n.templateCard {\n  border-radius: 3px;\n  flex: 0 316px;\n  width: 316px;\n}\n\n@media (width <= 1340px) {\n  .templateCard {\n    flex: 316px;\n  }\n}\n\n.templateCard .templateImage {\n  margin-bottom: 5px;\n  position: relative;\n}\n\n.templateCard .templateImage img {\n  border-radius: 7px;\n  width: 100%;\n  height: 100%;\n  padding: 1.5px;\n}\n\n.templateCard .templateImage:hover .tempButton {\n  display: flex !important;\n}\n\n.templateCard .templateImage:hover .flipWrapper {\n  display: flex;\n}\n\n.templateCard .templateImage .tempButton {\n  background-color: var(--primary-color);\n  color: #fff;\n  text-transform: capitalize;\n  border-radius: 6px;\n  max-height: 35px !important;\n  transition: all .3s ease-in !important;\n  display: none !important;\n  position: absolute !important;\n  top: 10px !important;\n  right: 10px !important;\n}\n\n.templateCard .templateImage .flipWrapper {\n  background-color: #00000049;\n  border-radius: 99999px;\n  justify-content: center;\n  align-items: center;\n  gap: 2px;\n  width: 60px;\n  height: 20px;\n  display: none;\n  position: absolute;\n  bottom: 30px;\n  left: 40%;\n}\n\n.templateCard .templateImage .flipWrapper svg {\n  cursor: pointer;\n  width: 16px;\n  height: 16px;\n}\n\n.templateCard .templateName {\n  margin: 0;\n  font-size: 18px;\n}\n\n.templateCard .templateID {\n  margin-top: 7px;\n  color: #6a6565 !important;\n  font-size: 16px !important;\n  font-weight: 300 !important;\n}\n\n.noTemplateGallery {\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: calc(100vh - 300px);\n  display: flex;\n}\n\n.noTemplateGallery p {\n  color: var(--text-color);\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.polotno-panel-container {\n  overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n  display: \"flex\";\n  flex-wrap: \"wrap\";\n  overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n  color: #ed5c2f;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n  border: .5px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 3px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n  display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n  color: #303030;\n  margin-top: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n  border: .5px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 3px;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.polotno-panel-container .dummy-image {\n  padding: 85px;\n  object-fit: fill !important;\n}\n\n.polotno-panel-container .MuiTabs-indicator {\n  background-color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper {\n  width: 100%;\n  max-width: 480px;\n}\n\n@media (width <= 800px) {\n  .polotno-panel-container .templateTabsWrapper {\n    max-width: none !important;\n  }\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n  width: 15px;\n  opacity: 1 !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n  color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n  opacity: 1 !important;\n}\n\n.polotno-panel-container .noTemplateText {\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-height: 200px;\n  display: flex;\n}\n\n.polotno-panel-container .noTemplateText p {\n  color: var(--text-color);\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.polotno-panel-container .searchWrapper {\n  margin: 16px 0;\n}\n\n.topBar {\n  border-bottom: .5px solid #30303080;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 0 35px 20px;\n  display: flex;\n  position: relative;\n}\n\n@media (width <= 1125px) {\n  .topBar {\n    flex-direction: column-reverse;\n    justify-content: center;\n  }\n}\n\n@media (width <= 768px) {\n  .topBar {\n    padding: 0 15px 20px;\n  }\n}\n\n.selectBar {\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin-top: 25px;\n  padding: 0 35px;\n  display: flex;\n}\n\n.selectBar p {\n  text-align: end;\n  width: 100%;\n  margin: 0;\n  color: #6a6565 !important;\n  font-size: 14px !important;\n  font-weight: 400 !important;\n}\n\n.templatesContent {\n  flex-flow: wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  width: 100%;\n  height: 100%;\n  max-height: calc(100vh - 248px);\n  margin-top: 10px;\n  padding: 15px 35px;\n  display: flex;\n  overflow-y: scroll;\n}\n\n@media (width <= 1125px) {\n  .templatesContent {\n    max-height: calc(100vh - 320px);\n  }\n}\n\n.templatesContent::-webkit-scrollbar {\n  width: 8px;\n}\n\n.templatesContent::-webkit-scrollbar-track {\n  border-radius: 1px;\n  background: none !important;\n}\n\n.templatesContent::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n  .templatesContent body {\n    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n  }\n}\n\n.templatesContent .defaultDesign {\n  cursor: pointer;\n  background-color: #fff;\n  border-radius: 7px;\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  width: 316px;\n  height: 224px;\n  margin-bottom: 14px;\n  padding: 1.5px;\n  display: flex;\n}\n\n.templatesContent .defaultDesign p {\n  color: var(--text-color);\n  margin-top: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 14.52px;\n}\n\n.templatesContent .ownHeading {\n  color: var(--text-color);\n  line-height: 14.52px;\n  font-size: 18px !important;\n  font-weight: 400 !important;\n}\n\n.templatesContent .postcard, .templatesContent .postcard-4x6 {\n  height: 211.66px !important;\n}\n\n.templatesContent .postcard-6x11 {\n  height: 173.73px !important;\n}\n\n.templatesContent .postcard-6x9 {\n  height: 211.66px !important;\n}\n\n.templatesContent .personalLetter {\n  height: 486.73px !important;\n}\n\n.templatesContent .professionalLetter {\n  height: 408.06px !important;\n}\n\n.templatesContent .biFold {\n  height: 107.33px !important;\n}\n\n.templatesContent .triFold {\n  height: 420.33px !important;\n}\n\n.heightOLC {\n  max-height: calc(100vh - 270px);\n}\n\n@media (width <= 1125px) {\n  .heightOLC {\n    max-height: calc(100vh - 320px);\n  }\n}\n\n.basic-tooltip {\n  text-align: center !important;\n  color: #000 !important;\n  opacity: 1 !important;\n  z-index: 1 !important;\n  background-color: #fff !important;\n  width: 90% !important;\n  max-width: fit-content !important;\n  box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-content .dynamic-content__top {\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  margin: 8px auto;\n  display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n  color: var(--primary-color);\n  margin-right: 5px;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n  cursor: pointer;\n  width: 12px;\n  height: 12px;\n}\n\n.dynamic-content .divider {\n  color: #44424145;\n  margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n  border: .5px solid var(--border-color);\n  text-align: center;\n  cursor: pointer;\n  border-radius: 3px;\n  width: 100%;\n  height: 35px;\n  margin: 5px auto;\n  line-height: 35px;\n  transition: all .1s ease-in;\n}\n\n.dynamic-content .contact-element:hover {\n  background-color: var(--secondary-color);\n}\n\n.dynamic-content .copy {\n  fill: #000 !important;\n}\n\n.gsv-contact-element {\n  text-align: center;\n  border: .5px solid #303030;\n  border-radius: 3px;\n  justify-content: center;\n  width: 100%;\n  height: 100px;\n  margin: 5px auto;\n  line-height: 35px;\n  display: flex;\n}\n\n.gsv-contact-element span {\n  transform: translateY(30%);\n}\n\n.addonBox {\n  border: 1px solid #303030;\n  border-radius: 10px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 10px;\n  display: flex !important;\n}\n\n.addonBox p {\n  color: #303030;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 800;\n}\n\n.addonBox p:last-child {\n  font-weight: 500;\n}\n\n.addonBox svg {\n  opacity: .5;\n  width: 100px;\n  height: 120px;\n}\n\n.hidden-important {\n  display: none !important;\n}\n\n@media (width <= 600px) {\n  .polotno-container .builder-wrapper {\n    display: none;\n  }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n  color: var(--text-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n  background-color: var(--secondary-color);\n  opacity: .8;\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n  fill: var(--primary-color) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n  display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n  background-color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n  outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n  color: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n  outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n  background-color: #0000 !important;\n}\n\n.polotno-container .show-loader:after {\n  content: \"\";\n  border: 4px solid var(--primary-color);\n  border-right: 3px solid #0000;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  width: 50px;\n  height: 50px;\n  animation: 2s linear infinite circularAnimation;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n  0% {\n    transform: translate(-50%, -50%)rotate(0);\n  }\n\n  100% {\n    transform: translate(-50%, -50%)rotate(360deg);\n  }\n}\n\n.polotno-container .hide-loader:after {\n  display: none !important;\n}\n\n.polotno-container .bp5-popover-transition-container {\n  z-index: 2200 !important;\n}\n\n:root {\n  --font-family: \"Inter\";\n  --scrollbar-thumb-color: #ffdfc2;\n  --scrollbar-track-color: grey;\n  --primary-color: #ed5c2f;\n  --secondary-color: #fff8ee;\n  --svg-color: #fdb515;\n  --svg-color-not-active: #fdecd3;\n  --text-color: #000;\n  --modal-background-color: #fff8ee;\n  --notification-background-color: #ef7820;\n  --notification-text-color: #fff;\n  --border-color: #303030;\n  --error-color: red;\n}\n\n:root .builder-wrapper {\n  margin: 0;\n  font-family: var(--font-family) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n  :root .builder-wrapper body {\n    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n  }\n}\n\n:root .builder-wrapper .bp5-navbar {\n  z-index: auto !important;\n  border-bottom: 1px solid #1114181a !important;\n}\n\n:root .builder-wrapper .bp5-navbar .bp5-card {\n  color: var(--text-color);\n  background-color: #0000;\n}\n\n@media (width <= 800px) {\n  :root .builder-wrapper .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n    justify-content: center !important;\n  }\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n  :root .builder-wrapper .go4160152499 body, :root .builder-wrapper .polotno-workspace-inner body, :root .builder-wrapper .polotno-panel-container body, :root .builder-wrapper .polotno-panel-container > div body, :root .builder-wrapper .polotno-panel-container > div > div body, :root .builder-wrapper .polotno-panel-container > div > div > div body {\n    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n  }\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div, :root .builder-wrapper .polotno-panel-container > div > div p {\n  color: #000;\n}\n\n:root .no-scroll {\n  overflow: hidden;\n}\n"],"sourceRoot":""}]);
+___CSS_LOADER_EXPORT___.push([module.id, ".basic-typo {\n  width: 100%;\n  margin: 0;\n  font-weight: 500;\n}\n\n.basic-typo h1 {\n  font-size: 50px;\n}\n\n.basic-typo h2 {\n  font-size: 45px;\n}\n\n.basic-typo h3 {\n  font-size: 40px;\n}\n\n.basic-typo h4 {\n  font-size: 35px;\n}\n\n.basic-typo h5 {\n  font-size: 30px;\n}\n\n.basic-typo h6 {\n  font-size: 25px;\n}\n\n.basic-typo p {\n  font-size: 18px;\n}\n\n.basic-button {\n  background-color: var(--primary-color);\n  color: #fff;\n  cursor: pointer;\n  border-radius: 4px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  max-width: fit-content;\n  height: 100%;\n  padding: 0 10px;\n  font-size: 16px;\n  font-weight: 600;\n  display: flex;\n  position: relative;\n}\n\n.basic-button.disabled {\n  opacity: .5;\n  cursor: not-allowed;\n}\n\n.basic-button .backdrop {\n  opacity: 0;\n  background: #00000012 !important;\n  border-radius: 3px !important;\n  width: 100% !important;\n  height: 100% !important;\n  transition: opacity .1s ease-in !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n}\n\n.basic-button:hover .backdrop {\n  opacity: 1 !important;\n}\n\n.select-layout {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 8px;\n  width: 100%;\n  display: flex;\n}\n\n.select-layout label {\n  color: var(--text-color);\n  margin-bottom: 5px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.select-layout .generic-select-container {\n  cursor: pointer;\n  width: 100%;\n  font-size: 16px;\n  line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n  border: .5px solid var(--border-color);\n  background-color: #0000;\n  border-radius: 7px;\n  height: 100%;\n  min-height: 55px;\n  padding-left: 10px;\n  font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__placeholder {\n  color: var(--text-color);\n  opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n  color: var(--text-color);\n  font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n  border: .5px solid var(--border-color);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n  opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n  border: .5px solid var(--border-color);\n  box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n  transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n  display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__clear-indicator svg {\n  cursor: pointer;\n  width: 22px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n  padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  cursor: not-allowed;\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n  text-align: left;\n  color: var(--text-color);\n  border-bottom: .5px solid var(--border-color);\n  cursor: pointer;\n  padding: auto 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  background-color: var(--secondary-color);\n  color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n  color: #000;\n  border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  color: #000;\n}\n\n.select-layout .gallery-select .generic-select__control {\n  background-color: #fff !important;\n  border-radius: 3px !important;\n  min-width: 320px !important;\n  min-height: 40px !important;\n}\n\n.select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__single-value {\n  color: #000;\n}\n\n.select-layout .gallery-select .generic-select__menu {\n  box-shadow: 0 0 3px 1px #0000001a, 0 4px 11px #0000001a !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list {\n  padding: 12px !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  color: #000;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n  color: #000;\n  border-bottom: .5px solid #5454544d;\n  padding: 12px !important;\n  font-size: 14px !important;\n  font-weight: 300 !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  color: #000;\n}\n\n.toast-container {\n  width: 100%;\n  max-width: fit-content;\n  height: 100%;\n  max-height: 75px;\n  position: fixed;\n  top: 10px;\n  right: 10px;\n  z-index: 999999999 !important;\n  min-width: 370px !important;\n}\n\n.toast-container .toast {\n  background-color: var(--notification-background-color);\n  opacity: 0;\n  border-radius: 10px;\n  justify-content: space-between;\n  align-items: center;\n  height: 100%;\n  padding: 10px 10px 10px 15px;\n  display: flex;\n  position: relative;\n  transform: translateX(100%);\n}\n\n.toast-container .toast.slideIn {\n  animation: .2s ease-in forwards slideIn;\n}\n\n.toast-container .toast.slideOut {\n  animation: .2s ease-in forwards slideOut;\n}\n\n.toast-container .toast .toastContent {\n  flex-direction: column;\n  gap: 5px;\n  display: flex;\n}\n\n.toast-container .toast .toastContent span {\n  color: var(--notification-text-color);\n  font-weight: 600;\n  font-family: var(--font-family) !important;\n}\n\n.toast-container .toast .toastContent p {\n  color: var(--notification-text-color);\n  margin: 0;\n  font-family: var(--font-family) !important;\n}\n\n.toast-container .toast .closeIcon {\n  cursor: pointer;\n  background: none;\n  border: none;\n  position: absolute;\n  top: 5px;\n  right: 0;\n}\n\n.toast-container .toast .closeIcon:focus {\n  border: none;\n  outline: none;\n}\n\n.toast-container .toast .closeIcon svg {\n  width: 25px;\n  height: 18px;\n}\n\n@keyframes slideIn {\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideOut {\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n\n  100% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n}\n\n.noToast {\n  display: none !important;\n}\n\n.input-layout {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 10px;\n  width: 100%;\n  display: flex;\n}\n\n.input-layout .basic-label {\n  color: var(--text-color);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n  border: .5px solid var(--border-color);\n  background: #fff;\n  border-radius: 7px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-height: 55px;\n  display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n  color: var(--text-color);\n  background: none;\n  border: none;\n  border-radius: 7px;\n  width: 100%;\n  padding: 5px 20px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 24px;\n  font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n  outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n  opacity: .5;\n  color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n  color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n  content: \"\";\n  background-color: #303030;\n  width: 1px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n  width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n  border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n  background-color: var(--secondary-color);\n}\n\n.input-layout .galleryInput {\n  border-radius: 3px !important;\n  min-height: 40px !important;\n}\n\n.gallery-input-layout {\n  min-width: 320px !important;\n}\n\n.basic-divider {\n  border: none;\n  border-top: .5px solid #0000004d;\n  width: 100%;\n  max-width: 97%;\n  margin: 3px auto;\n}\n\n.hideTemplateBuilder {\n  display: none;\n}\n\n@media (width <= 600px) {\n  .hideTemplateBuilder {\n    text-align: center;\n    display: block;\n  }\n\n  .createTemplateMaindiv {\n    display: none;\n  }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n  height: 100%;\n  position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n  border-left: none;\n  border-right: none;\n  margin-left: 40px;\n  padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  margin-top: 20px;\n  margin-bottom: 10px;\n  display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n  cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n  accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n  outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n  cursor: pointer;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n  color: var(--error-color);\n  margin-left: 5px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n  margin: 0 40px;\n  padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n  color: var(--primary-color);\n  margin-bottom: 20px;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n  color: var(--text-color);\n  margin-bottom: 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n  color: var(--error-color);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n  margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n  margin: 20px 40px 80px;\n  padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n  color: var(--text-color);\n  margin-bottom: 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n  color: var(--error-color);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n  margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n  margin: 0 40px;\n  padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n  color: var(--primary-color);\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 25px;\n  margin-top: 20px;\n  display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n  border: .45px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 6.299px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 17px;\n  width: 100%;\n  max-width: 185px;\n  height: 100%;\n  min-height: 135px;\n  transition: all .1s ease-in;\n  display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n  background: var(--secondary-color);\n  border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n  color: var(--primary-color);\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n  margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n  border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n  color: var(--error-color);\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n  margin: 0 40px 80px;\n  padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  margin-top: 20px;\n  display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n  border: .45px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 6.299px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  padding: 13px 20px;\n  transition: all .1s ease-in;\n  display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n  margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n  fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n  background: var(--secondary-color);\n  border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n  margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n  fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n  color: var(--primary-color);\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n  width: 100%;\n  max-width: 150px;\n  height: 100%;\n  min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n  width: 100%;\n  max-width: 196px;\n  height: 100%;\n  min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n  width: 100%;\n  max-width: 248px;\n  height: 100%;\n  min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n  color: var(--error-color);\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n  border-top: .5px solid var(--border-color);\n  background-color: #fff;\n  width: 100%;\n  position: fixed;\n  bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n  justify-content: flex-end;\n  align-items: center;\n  gap: 20px;\n  padding: 14px 95px 14px 35px;\n  display: flex;\n}\n\n.createTemplateMaindiv .error {\n  border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n  aspect-ratio: 1;\n  border-radius: 50%;\n  width: 50px;\n  animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n  0% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n  }\n\n  12.5% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n  }\n\n  25% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n  }\n\n  50% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  62.5% {\n    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  75% {\n    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  100% {\n    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n  }\n}\n\n@keyframes l20-2 {\n  0% {\n    transform: scaleY(1)rotate(0);\n  }\n\n  49.99% {\n    transform: scaleY(1)rotate(135deg);\n  }\n\n  50% {\n    transform: scaleY(-1)rotate(0);\n  }\n\n  100% {\n    transform: scaleY(-1)rotate(-135deg);\n  }\n}\n\n.modal {\n  z-index: 99999;\n  background-color: #0009;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  overflow: hidden !important;\n}\n\n.modal .modal-content {\n  background-color: var(--modal-background-color);\n  border: 1px solid #888;\n  border-radius: 11px;\n  width: 80%;\n  max-height: 90%;\n  margin: auto;\n  padding: 0;\n  animation-name: animatetop;\n  animation-duration: .4s;\n  position: relative;\n  overflow-y: auto;\n  box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n  color: var(--text-color);\n  height: 100%;\n  min-height: 20px;\n  position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n  float: right;\n  font-size: 28px;\n  font-weight: bold;\n  position: absolute;\n  top: 0;\n  right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n  color: var(--text-color);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 2px 16px;\n  display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n  width: 100%;\n  max-width: 60px;\n  height: 100%;\n  min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n  mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n  fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n  stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n  color: var(--text-color);\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  width: 100%;\n  padding: 2px 16px;\n  display: flex;\n  position: absolute;\n  bottom: 10px;\n}\n\n@keyframes animatetop {\n  from {\n    opacity: 0;\n    top: -300px;\n  }\n\n  to {\n    opacity: 1;\n    top: 0;\n  }\n}\n\n@media (width <= 1200px) {\n  .galleryModal {\n    min-width: 1000px;\n  }\n}\n\n@media (width <= 992px) {\n  .galleryModal {\n    min-width: 750px;\n  }\n}\n\n@media (width <= 768px) {\n  .galleryModal {\n    min-width: auto;\n  }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 433px !important;\n  height: 100% !important;\n  max-height: 290px !important;\n  margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n  flex-direction: column;\n  gap: 20px;\n  padding: 16px 16px 0;\n  display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n  text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n  color: #ed5c2f;\n  text-align: center;\n  margin-top: 10px;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n  color: #000;\n  text-align: center;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n  color: #000;\n  text-align: center;\n  letter-spacing: .28px;\n  margin: 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 5px;\n  width: 100%;\n  max-width: 107px;\n  height: 100%;\n  min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n  opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 407px !important;\n  height: 100% !important;\n  max-height: 258px !important;\n  margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n  flex-direction: column;\n  gap: 10px;\n  display: flex;\n  padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n  text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n  color: #ed5c2f;\n  text-align: center;\n  margin-top: 12px;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n  color: #000;\n  text-align: center;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n  color: #000;\n  text-align: center;\n  letter-spacing: .28px;\n  margin: 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  min-width: 100px !important;\n  min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  max-width: 146px !important;\n  min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 623px !important;\n  height: 100% !important;\n  max-height: 230px !important;\n  margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n  padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n  padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n  color: #303030;\n  margin: 10px 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 5px;\n  width: 100%;\n  max-width: 107px;\n  height: 100%;\n  min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.top-navigation-container {\n  border-bottom: .5px solid var(--border-color);\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  max-height: 70px;\n  margin: 0;\n  padding: 23px 20px;\n  display: flex;\n  top: 0;\n  background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.top-navigation-container .middle p {\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--text-color);\n  margin-bottom: 0;\n  font-size: 16px;\n  font-weight: 400;\n  overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n  cursor: pointer;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  padding: 5px;\n  transition: all .1s ease-in-out;\n  display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n  background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n  fill: var(--text-color);\n}\n\n.top-navigation-container button {\n  text-transform: capitalize;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n  padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n  justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n  gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.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 .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.dummy-image {\n  padding: 85px;\n  object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n  background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n  width: 15px;\n  opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n  color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n  opacity: 1 !important;\n}\n\n.noTemplateText {\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  min-height: 200px;\n  display: flex;\n}\n\n.noTemplateText p {\n  color: #303030;\n  font-family: Inter;\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 600;\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-family: Inter;\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.templateCard {\n  border-radius: 3px;\n  flex: 0 316px;\n  width: 316px;\n}\n\n.templateCard .templateImage {\n  margin-bottom: 5px;\n  position: relative;\n}\n\n.templateCard .templateImage img {\n  border-radius: 7px;\n  width: 100%;\n  height: 100%;\n  padding: 1.5px;\n}\n\n.templateCard .templateImage:hover .tempButton {\n  display: flex !important;\n}\n\n.templateCard .templateImage:hover .flipWrapper {\n  display: flex;\n}\n\n.templateCard .templateImage .tempButton {\n  background-color: var(--primary-color);\n  color: #fff;\n  text-transform: capitalize;\n  border-radius: 6px;\n  max-height: 35px !important;\n  transition: all .3s ease-in !important;\n  display: none !important;\n  position: absolute !important;\n  top: 10px !important;\n  right: 10px !important;\n}\n\n.templateCard .templateImage .flipWrapper {\n  background-color: #00000049;\n  border-radius: 99999px;\n  justify-content: center;\n  align-items: center;\n  gap: 2px;\n  width: 60px;\n  height: 20px;\n  display: none;\n  position: absolute;\n  bottom: 30px;\n  left: 40%;\n}\n\n.templateCard .templateImage .flipWrapper svg {\n  cursor: pointer;\n  width: 16px;\n  height: 16px;\n}\n\n.templateCard .templateName {\n  margin: 0;\n  font-size: 18px;\n}\n\n.templateCard .templateID {\n  margin-top: 7px;\n  color: #6a6565 !important;\n  font-size: 16px !important;\n  font-weight: 300 !important;\n}\n\n.noTemplateGallery {\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: calc(100vh - 300px);\n  display: flex;\n}\n\n.noTemplateGallery p {\n  color: var(--text-color);\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.tabsWrapper {\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  transition: left .3s ease-in-out;\n  display: flex;\n  position: relative;\n}\n\n.tabsWrapper .tabsContainer {\n  gap: 55px;\n  width: 100%;\n  display: flex;\n}\n\n.tabsWrapper .tabsContainer .tab {\n  cursor: pointer;\n  text-align: center;\n  flex: 1;\n  width: 100%;\n  min-width: fit-content;\n  padding: 10px 0;\n  font-size: 18px;\n  transition: left .3s ease-in-out;\n}\n\n@media (width <= 768px) {\n  .tabsWrapper .tabsContainer .tab {\n    font-size: 15px;\n  }\n}\n\n.tabsWrapper .tabsContainer .tab.activeTab {\n  color: var(--primary-color);\n  font-weight: bold;\n}\n\n.tabsWrapper .tabsIndicator {\n  background-color: var(--primary-color);\n  height: 1.5px;\n  transition: left .3s ease-in-out;\n  position: absolute;\n  bottom: 3px;\n}\n\n.polotno-panel-container {\n  overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n  display: \"flex\";\n  flex-wrap: \"wrap\";\n  overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n  color: #ed5c2f;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n  border: .5px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 3px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n  display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n  color: #303030;\n  margin-top: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n  border: .5px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 3px;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.polotno-panel-container .dummy-image {\n  padding: 85px;\n  object-fit: fill !important;\n}\n\n.polotno-panel-container .MuiTabs-indicator {\n  background-color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper {\n  width: 100%;\n  max-width: 480px;\n}\n\n@media (width <= 800px) {\n  .polotno-panel-container .templateTabsWrapper {\n    max-width: none !important;\n  }\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n  width: 15px;\n  opacity: 1 !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n  color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n  opacity: 1 !important;\n}\n\n.polotno-panel-container .noTemplateText {\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-height: 200px;\n  display: flex;\n}\n\n.polotno-panel-container .noTemplateText p {\n  color: var(--text-color);\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.polotno-panel-container .searchWrapper {\n  margin: 16px 0;\n}\n\n.topBar {\n  border-bottom: .5px solid #30303080;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 0 35px 20px;\n  display: flex;\n  position: relative;\n}\n\n@media (width <= 1125px) {\n  .topBar {\n    flex-direction: column-reverse;\n    justify-content: center;\n  }\n}\n\n@media (width <= 768px) {\n  .topBar {\n    padding: 0 15px 20px;\n  }\n}\n\n.selectBar {\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin-top: 25px;\n  padding: 0 35px;\n  display: flex;\n}\n\n.selectBar p {\n  text-align: end;\n  width: 100%;\n  margin: 0;\n  color: #6a6565 !important;\n  font-size: 14px !important;\n  font-weight: 400 !important;\n}\n\n.templatesContent {\n  flex-flow: wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  width: 100%;\n  height: 100%;\n  max-height: calc(100vh - 248px);\n  margin-top: 10px;\n  padding: 15px 35px;\n  display: flex;\n  overflow-y: scroll;\n}\n\n@media (width <= 1340px) {\n  .templatesContent {\n    justify-content: center !important;\n  }\n}\n\n@media (width <= 1125px) {\n  .templatesContent {\n    max-height: calc(100vh - 320px);\n  }\n}\n\n.templatesContent::-webkit-scrollbar {\n  width: 8px;\n}\n\n.templatesContent::-webkit-scrollbar-track {\n  border-radius: 1px;\n  background: none !important;\n}\n\n.templatesContent::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n  .templatesContent body {\n    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n  }\n}\n\n.templatesContent .defaultDesign {\n  cursor: pointer;\n  background-color: #fff;\n  border-radius: 7px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 316px;\n  height: 224px;\n  margin-bottom: 14px;\n  padding: 1.5px;\n  display: flex;\n}\n\n.templatesContent .defaultDesign p {\n  color: var(--text-color);\n  margin-top: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 14.52px;\n}\n\n.templatesContent .ownHeading {\n  color: var(--text-color);\n  line-height: 14.52px;\n  font-size: 18px !important;\n  font-weight: 400 !important;\n}\n\n.templatesContent .postcard, .templatesContent .postcard-4x6 {\n  height: 211.66px !important;\n}\n\n.templatesContent .postcard-6x11 {\n  height: 173.73px !important;\n}\n\n.templatesContent .postcard-6x9 {\n  height: 211.66px !important;\n}\n\n.templatesContent .personalLetter {\n  height: 486.73px !important;\n}\n\n.templatesContent .professionalLetter {\n  height: 408.06px !important;\n}\n\n.templatesContent .biFold {\n  height: 107.33px !important;\n}\n\n.templatesContent .triFold {\n  height: 420.33px !important;\n}\n\n.heightOLC {\n  max-height: calc(100vh - 270px);\n}\n\n@media (width <= 1125px) {\n  .heightOLC {\n    max-height: calc(100vh - 320px);\n  }\n}\n\n.basic-tooltip {\n  text-align: center !important;\n  color: #000 !important;\n  opacity: 1 !important;\n  z-index: 1 !important;\n  background-color: #fff !important;\n  width: 90% !important;\n  max-width: fit-content !important;\n  box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-content .dynamic-content__top {\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  margin: 8px auto;\n  display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n  color: var(--primary-color);\n  margin-right: 5px;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n  cursor: pointer;\n  width: 12px;\n  height: 12px;\n}\n\n.dynamic-content .divider {\n  color: #44424145;\n  margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n  border: .5px solid var(--border-color);\n  text-align: center;\n  cursor: pointer;\n  border-radius: 3px;\n  width: 100%;\n  height: 35px;\n  margin: 5px auto;\n  line-height: 35px;\n  transition: all .1s ease-in;\n}\n\n.dynamic-content .contact-element:hover {\n  background-color: var(--secondary-color);\n}\n\n.dynamic-content .copy {\n  fill: #000 !important;\n}\n\n.custom-upload-image-btn {\n  color: #1c2127 !important;\n  background-color: #f6f7f9 !important;\n  width: 100% !important;\n  box-shadow: inset 0 0 0 1px #11141833, 0 1px 2px #1114181a !important;\n}\n\n.gsv-contact-element {\n  text-align: center;\n  border: .5px solid #303030;\n  border-radius: 3px;\n  justify-content: center;\n  width: 100%;\n  height: 100px;\n  margin: 5px auto;\n  line-height: 35px;\n  display: flex;\n}\n\n.gsv-contact-element span {\n  transform: translateY(30%);\n}\n\n.addonBox {\n  cursor: pointer;\n  border: 1px solid #303030;\n  border-radius: 10px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 10px;\n  display: flex !important;\n}\n\n.addonBox p {\n  color: #303030;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 800;\n}\n\n.addonBox p:last-child {\n  font-weight: 500;\n}\n\n.addonBox svg {\n  opacity: .5;\n  width: 100px;\n  height: 120px;\n}\n\n.hidden-important {\n  display: none !important;\n}\n\n@media (width <= 600px) {\n  .polotno-container .builder-wrapper {\n    display: none;\n  }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n  color: var(--text-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n  background-color: var(--secondary-color);\n  opacity: .8;\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n  fill: var(--primary-color) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n  display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n  background-color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n  outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n  color: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n  outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n  background-color: #0000 !important;\n}\n\n.polotno-container .show-loader:after {\n  content: \"\";\n  border: 4px solid var(--primary-color);\n  border-right: 3px solid #0000;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  width: 50px;\n  height: 50px;\n  animation: 2s linear infinite circularAnimation;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n  0% {\n    transform: translate(-50%, -50%)rotate(0);\n  }\n\n  100% {\n    transform: translate(-50%, -50%)rotate(360deg);\n  }\n}\n\n.polotno-container .hide-loader:after {\n  display: none !important;\n}\n\n.polotno-container .bp5-popover-transition-container {\n  z-index: 2200 !important;\n}\n\n:root {\n  --font-family: \"Inter\";\n  --scrollbar-thumb-color: #ffdfc2;\n  --scrollbar-track-color: grey;\n  --primary-color: #ed5c2f;\n  --secondary-color: #fff8ee;\n  --svg-color: #fdb515;\n  --svg-color-not-active: #fdecd3;\n  --text-color: #000;\n  --modal-background-color: #fff8ee;\n  --notification-background-color: #ef7820;\n  --notification-text-color: #fff;\n  --border-color: #303030;\n  --error-color: red;\n}\n\n:root .builder-wrapper {\n  margin: 0;\n  font-family: var(--font-family) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n  :root .builder-wrapper body {\n    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n  }\n}\n\n:root .builder-wrapper .bp5-navbar {\n  z-index: auto !important;\n  border-bottom: 1px solid #1114181a !important;\n}\n\n:root .builder-wrapper .bp5-navbar .bp5-card {\n  color: var(--text-color);\n  background-color: #0000;\n}\n\n@media (width <= 800px) {\n  :root .builder-wrapper .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n    justify-content: center !important;\n  }\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n  :root .builder-wrapper .go4160152499 body, :root .builder-wrapper .polotno-workspace-inner body, :root .builder-wrapper .polotno-panel-container body, :root .builder-wrapper .polotno-panel-container > div body, :root .builder-wrapper .polotno-panel-container > div > div body, :root .builder-wrapper .polotno-panel-container > div > div > div body {\n    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n  }\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div, :root .builder-wrapper .polotno-panel-container > div > div p {\n  color: #000;\n}\n\n:root .no-scroll {\n  overflow: hidden;\n}\n", "",{"version":3,"sources":["webpack://./src/components/TemplateBuilder/index.css"],"names":[],"mappings":"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","sourcesContent":[".basic-typo {\n  width: 100%;\n  margin: 0;\n  font-weight: 500;\n}\n\n.basic-typo h1 {\n  font-size: 50px;\n}\n\n.basic-typo h2 {\n  font-size: 45px;\n}\n\n.basic-typo h3 {\n  font-size: 40px;\n}\n\n.basic-typo h4 {\n  font-size: 35px;\n}\n\n.basic-typo h5 {\n  font-size: 30px;\n}\n\n.basic-typo h6 {\n  font-size: 25px;\n}\n\n.basic-typo p {\n  font-size: 18px;\n}\n\n.basic-button {\n  background-color: var(--primary-color);\n  color: #fff;\n  cursor: pointer;\n  border-radius: 4px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  max-width: fit-content;\n  height: 100%;\n  padding: 0 10px;\n  font-size: 16px;\n  font-weight: 600;\n  display: flex;\n  position: relative;\n}\n\n.basic-button.disabled {\n  opacity: .5;\n  cursor: not-allowed;\n}\n\n.basic-button .backdrop {\n  opacity: 0;\n  background: #00000012 !important;\n  border-radius: 3px !important;\n  width: 100% !important;\n  height: 100% !important;\n  transition: opacity .1s ease-in !important;\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n}\n\n.basic-button:hover .backdrop {\n  opacity: 1 !important;\n}\n\n.select-layout {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 8px;\n  width: 100%;\n  display: flex;\n}\n\n.select-layout label {\n  color: var(--text-color);\n  margin-bottom: 5px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.select-layout .generic-select-container {\n  cursor: pointer;\n  width: 100%;\n  font-size: 16px;\n  line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n  border: .5px solid var(--border-color);\n  background-color: #0000;\n  border-radius: 7px;\n  height: 100%;\n  min-height: 55px;\n  padding-left: 10px;\n  font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__placeholder {\n  color: var(--text-color);\n  opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n  color: var(--text-color);\n  font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n  border: .5px solid var(--border-color);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n  opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n  border: .5px solid var(--border-color);\n  box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n  transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n  display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__clear-indicator svg {\n  cursor: pointer;\n  width: 22px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n  padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  cursor: not-allowed;\n  color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n  text-align: left;\n  color: var(--text-color);\n  border-bottom: .5px solid var(--border-color);\n  cursor: pointer;\n  padding: auto 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  background-color: var(--secondary-color);\n  color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n  color: #000;\n  border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  color: #000;\n}\n\n.select-layout .gallery-select .generic-select__control {\n  background-color: #fff !important;\n  border-radius: 3px !important;\n  min-width: 320px !important;\n  min-height: 40px !important;\n}\n\n.select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .gallery-select .generic-select__control .generic-select__value-container .generic-select__single-value {\n  color: #000;\n}\n\n.select-layout .gallery-select .generic-select__menu {\n  box-shadow: 0 0 3px 1px #0000001a, 0 4px 11px #0000001a !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list {\n  padding: 12px !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n  color: #000;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n  color: #000;\n  border-bottom: .5px solid #5454544d;\n  padding: 12px !important;\n  font-size: 14px !important;\n  font-weight: 300 !important;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n  border: none;\n}\n\n.select-layout .gallery-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n  color: #000;\n}\n\n.toast-container {\n  width: 100%;\n  max-width: fit-content;\n  height: 100%;\n  max-height: 75px;\n  position: fixed;\n  top: 10px;\n  right: 10px;\n  z-index: 999999999 !important;\n  min-width: 370px !important;\n}\n\n.toast-container .toast {\n  background-color: var(--notification-background-color);\n  opacity: 0;\n  border-radius: 10px;\n  justify-content: space-between;\n  align-items: center;\n  height: 100%;\n  padding: 10px 10px 10px 15px;\n  display: flex;\n  position: relative;\n  transform: translateX(100%);\n}\n\n.toast-container .toast.slideIn {\n  animation: .2s ease-in forwards slideIn;\n}\n\n.toast-container .toast.slideOut {\n  animation: .2s ease-in forwards slideOut;\n}\n\n.toast-container .toast .toastContent {\n  flex-direction: column;\n  gap: 5px;\n  display: flex;\n}\n\n.toast-container .toast .toastContent span {\n  color: var(--notification-text-color);\n  font-weight: 600;\n  font-family: var(--font-family) !important;\n}\n\n.toast-container .toast .toastContent p {\n  color: var(--notification-text-color);\n  margin: 0;\n  font-family: var(--font-family) !important;\n}\n\n.toast-container .toast .closeIcon {\n  cursor: pointer;\n  background: none;\n  border: none;\n  position: absolute;\n  top: 5px;\n  right: 0;\n}\n\n.toast-container .toast .closeIcon:focus {\n  border: none;\n  outline: none;\n}\n\n.toast-container .toast .closeIcon svg {\n  width: 25px;\n  height: 18px;\n}\n\n@keyframes slideIn {\n  0% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideOut {\n  0% {\n    opacity: 1;\n    transform: translateX(0);\n  }\n\n  100% {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n}\n\n.noToast {\n  display: none !important;\n}\n\n.input-layout {\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 10px;\n  width: 100%;\n  display: flex;\n}\n\n.input-layout .basic-label {\n  color: var(--text-color);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n  border: .5px solid var(--border-color);\n  background: #fff;\n  border-radius: 7px;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-height: 55px;\n  display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n  color: var(--text-color);\n  background: none;\n  border: none;\n  border-radius: 7px;\n  width: 100%;\n  padding: 5px 20px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 24px;\n  font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n  outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n  opacity: .5;\n  color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n  color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n  content: \"\";\n  background-color: #303030;\n  width: 1px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n  justify-content: center;\n  align-items: center;\n  display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n  cursor: pointer;\n  margin-right: 10px;\n  width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n  border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n  background-color: var(--secondary-color);\n}\n\n.input-layout .galleryInput {\n  border-radius: 3px !important;\n  min-height: 40px !important;\n}\n\n.gallery-input-layout {\n  min-width: 320px !important;\n}\n\n.basic-divider {\n  border: none;\n  border-top: .5px solid #0000004d;\n  width: 100%;\n  max-width: 97%;\n  margin: 3px auto;\n}\n\n.hideTemplateBuilder {\n  display: none;\n}\n\n@media (width <= 600px) {\n  .hideTemplateBuilder {\n    text-align: center;\n    display: block;\n  }\n\n  .createTemplateMaindiv {\n    display: none;\n  }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n  height: 100%;\n  position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n  border-left: none;\n  border-right: none;\n  margin-left: 40px;\n  padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  margin-top: 20px;\n  margin-bottom: 10px;\n  display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n  cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n  accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n  outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n  cursor: pointer;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n  color: var(--error-color);\n  margin-left: 5px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n  margin: 0 40px;\n  padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n  color: var(--primary-color);\n  margin-bottom: 20px;\n  font-size: 24px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n  color: var(--text-color);\n  margin-bottom: 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n  color: var(--error-color);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n  margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n  margin: 20px 40px 80px;\n  padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n  color: var(--text-color);\n  margin-bottom: 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n  color: var(--error-color);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n  margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n  margin: 0 40px;\n  padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n  color: var(--primary-color);\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 25px;\n  margin-top: 20px;\n  display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n  border: .45px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 6.299px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 17px;\n  width: 100%;\n  max-width: 185px;\n  height: 100%;\n  min-height: 135px;\n  transition: all .1s ease-in;\n  display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n  background: var(--secondary-color);\n  border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n  color: var(--primary-color);\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n  margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n  border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n  color: var(--error-color);\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n  margin: 0 40px 80px;\n  padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  margin-top: 20px;\n  display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n  border: .45px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 6.299px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  padding: 13px 20px;\n  transition: all .1s ease-in;\n  display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n  margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n  fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n  background: var(--secondary-color);\n  border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n  margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n  fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n  color: var(--primary-color);\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n  width: 100%;\n  max-width: 150px;\n  height: 100%;\n  min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n  width: 100%;\n  max-width: 196px;\n  height: 100%;\n  min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n  width: 100%;\n  max-width: 248px;\n  height: 100%;\n  min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n  color: var(--error-color);\n  margin-top: 10px;\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n  border-top: .5px solid var(--border-color);\n  background-color: #fff;\n  width: 100%;\n  position: fixed;\n  bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n  justify-content: flex-end;\n  align-items: center;\n  gap: 20px;\n  padding: 14px 95px 14px 35px;\n  display: flex;\n}\n\n.createTemplateMaindiv .error {\n  border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n  aspect-ratio: 1;\n  border-radius: 50%;\n  width: 50px;\n  animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n  0% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n  }\n\n  12.5% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n  }\n\n  25% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n  }\n\n  50% {\n    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  62.5% {\n    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  75% {\n    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n  }\n\n  100% {\n    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n  }\n}\n\n@keyframes l20-2 {\n  0% {\n    transform: scaleY(1)rotate(0);\n  }\n\n  49.99% {\n    transform: scaleY(1)rotate(135deg);\n  }\n\n  50% {\n    transform: scaleY(-1)rotate(0);\n  }\n\n  100% {\n    transform: scaleY(-1)rotate(-135deg);\n  }\n}\n\n.modal {\n  z-index: 99999;\n  background-color: #0009;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  overflow: hidden !important;\n}\n\n.modal .modal-content {\n  background-color: var(--modal-background-color);\n  border: 1px solid #888;\n  border-radius: 11px;\n  width: 80%;\n  max-height: 90%;\n  margin: auto;\n  padding: 0;\n  animation-name: animatetop;\n  animation-duration: .4s;\n  position: relative;\n  overflow-y: auto;\n  box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n  color: var(--text-color);\n  height: 100%;\n  min-height: 20px;\n  position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n  float: right;\n  font-size: 28px;\n  font-weight: bold;\n  position: absolute;\n  top: 0;\n  right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n  cursor: pointer;\n  text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n  color: var(--text-color);\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 2px 16px;\n  display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n  width: 100%;\n  max-width: 60px;\n  height: 100%;\n  min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n  mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n  fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n  stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n  color: var(--text-color);\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  width: 100%;\n  padding: 2px 16px;\n  display: flex;\n  position: absolute;\n  bottom: 10px;\n}\n\n@keyframes animatetop {\n  from {\n    opacity: 0;\n    top: -300px;\n  }\n\n  to {\n    opacity: 1;\n    top: 0;\n  }\n}\n\n@media (width <= 1200px) {\n  .galleryModal {\n    min-width: 1000px;\n  }\n}\n\n@media (width <= 992px) {\n  .galleryModal {\n    min-width: 750px;\n  }\n}\n\n@media (width <= 768px) {\n  .galleryModal {\n    min-width: auto;\n  }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 433px !important;\n  height: 100% !important;\n  max-height: 290px !important;\n  margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n  flex-direction: column;\n  gap: 20px;\n  padding: 16px 16px 0;\n  display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n  text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n  color: #ed5c2f;\n  text-align: center;\n  margin-top: 10px;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n  color: #000;\n  text-align: center;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n  color: #000;\n  text-align: center;\n  letter-spacing: .28px;\n  margin: 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 5px;\n  width: 100%;\n  max-width: 107px;\n  height: 100%;\n  min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n  opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 407px !important;\n  height: 100% !important;\n  max-height: 258px !important;\n  margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n  flex-direction: column;\n  gap: 10px;\n  display: flex;\n  padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n  text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n  color: #ed5c2f;\n  text-align: center;\n  margin-top: 12px;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n  display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n  color: #000;\n  text-align: center;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n  color: #000;\n  text-align: center;\n  letter-spacing: .28px;\n  margin: 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 11px;\n  margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  min-width: 100px !important;\n  min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n  max-width: 146px !important;\n  min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n  background: #fff8ee;\n  border-radius: 11px;\n  width: 100% !important;\n  max-width: 623px !important;\n  height: 100% !important;\n  max-height: 230px !important;\n  margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n  color: #ed5c2f;\n  text-align: center;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 700;\n  line-height: normal;\n  padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n  padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n  color: #303030;\n  margin: 10px 0;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n  background: #fff;\n  border: .5px solid #303030;\n  border-radius: 7px;\n  width: 100%;\n  padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n  outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n  display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n  justify-content: center;\n  align-items: center;\n  gap: 20px;\n  margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n  text-transform: capitalize;\n  border-radius: 5px;\n  width: 100%;\n  max-width: 107px;\n  height: 100%;\n  min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n  color: #000;\n  background: #fff;\n  border: .5px solid #30303080;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n  color: #fff;\n  background: #ed5c2f;\n  margin: 0;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n.top-navigation-container {\n  border-bottom: .5px solid var(--border-color);\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  max-height: 70px;\n  margin: 0;\n  padding: 23px 20px;\n  display: flex;\n  top: 0;\n  background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.top-navigation-container .middle p {\n  text-align: center;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--text-color);\n  margin-bottom: 0;\n  font-size: 16px;\n  font-weight: 400;\n  overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n  cursor: pointer;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  padding: 5px;\n  transition: all .1s ease-in-out;\n  display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n  background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n  fill: var(--text-color);\n}\n\n.top-navigation-container button {\n  text-transform: capitalize;\n  color: var(--text-color);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n  padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n  justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n  gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  align-items: center;\n  display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n  display: flex;\n}\n\n.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 .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.dummy-image {\n  padding: 85px;\n  object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n  background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n  width: 15px;\n  opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n  color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n  opacity: 1 !important;\n}\n\n.noTemplateText {\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  min-height: 200px;\n  display: flex;\n}\n\n.noTemplateText p {\n  color: #303030;\n  font-family: Inter;\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 600;\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-family: Inter;\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.templateCard {\n  border-radius: 3px;\n  flex: 0 316px;\n  width: 316px;\n}\n\n.templateCard .templateImage {\n  margin-bottom: 5px;\n  position: relative;\n}\n\n.templateCard .templateImage img {\n  border-radius: 7px;\n  width: 100%;\n  height: 100%;\n  padding: 1.5px;\n}\n\n.templateCard .templateImage:hover .tempButton {\n  display: flex !important;\n}\n\n.templateCard .templateImage:hover .flipWrapper {\n  display: flex;\n}\n\n.templateCard .templateImage .tempButton {\n  background-color: var(--primary-color);\n  color: #fff;\n  text-transform: capitalize;\n  border-radius: 6px;\n  max-height: 35px !important;\n  transition: all .3s ease-in !important;\n  display: none !important;\n  position: absolute !important;\n  top: 10px !important;\n  right: 10px !important;\n}\n\n.templateCard .templateImage .flipWrapper {\n  background-color: #00000049;\n  border-radius: 99999px;\n  justify-content: center;\n  align-items: center;\n  gap: 2px;\n  width: 60px;\n  height: 20px;\n  display: none;\n  position: absolute;\n  bottom: 30px;\n  left: 40%;\n}\n\n.templateCard .templateImage .flipWrapper svg {\n  cursor: pointer;\n  width: 16px;\n  height: 16px;\n}\n\n.templateCard .templateName {\n  margin: 0;\n  font-size: 18px;\n}\n\n.templateCard .templateID {\n  margin-top: 7px;\n  color: #6a6565 !important;\n  font-size: 16px !important;\n  font-weight: 300 !important;\n}\n\n.noTemplateGallery {\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: calc(100vh - 300px);\n  display: flex;\n}\n\n.noTemplateGallery p {\n  color: var(--text-color);\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.tabsWrapper {\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  transition: left .3s ease-in-out;\n  display: flex;\n  position: relative;\n}\n\n.tabsWrapper .tabsContainer {\n  gap: 55px;\n  width: 100%;\n  display: flex;\n}\n\n.tabsWrapper .tabsContainer .tab {\n  cursor: pointer;\n  text-align: center;\n  flex: 1;\n  width: 100%;\n  min-width: fit-content;\n  padding: 10px 0;\n  font-size: 18px;\n  transition: left .3s ease-in-out;\n}\n\n@media (width <= 768px) {\n  .tabsWrapper .tabsContainer .tab {\n    font-size: 15px;\n  }\n}\n\n.tabsWrapper .tabsContainer .tab.activeTab {\n  color: var(--primary-color);\n  font-weight: bold;\n}\n\n.tabsWrapper .tabsIndicator {\n  background-color: var(--primary-color);\n  height: 1.5px;\n  transition: left .3s ease-in-out;\n  position: absolute;\n  bottom: 3px;\n}\n\n.polotno-panel-container {\n  overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n  display: \"flex\";\n  flex-wrap: \"wrap\";\n  overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n  color: #ed5c2f;\n  font-size: 16px;\n  font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n  border: .5px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 3px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n  display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n  color: #303030;\n  margin-top: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n  border: .5px solid var(--border-color);\n  cursor: pointer;\n  border-radius: 3px;\n  width: 320px;\n  height: 224px;\n  margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.polotno-panel-container .dummy-image {\n  padding: 85px;\n  object-fit: fill !important;\n}\n\n.polotno-panel-container .MuiTabs-indicator {\n  background-color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper {\n  width: 100%;\n  max-width: 480px;\n}\n\n@media (width <= 800px) {\n  .polotno-panel-container .templateTabsWrapper {\n    max-width: none !important;\n  }\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n  width: 15px;\n  opacity: 1 !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n  color: #ed5c2f !important;\n}\n\n.polotno-panel-container .templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n  opacity: 1 !important;\n}\n\n.polotno-panel-container .noTemplateText {\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  min-height: 200px;\n  display: flex;\n}\n\n.polotno-panel-container .noTemplateText p {\n  color: var(--text-color);\n  font-size: 18px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n\n.polotno-panel-container .searchWrapper {\n  margin: 16px 0;\n}\n\n.topBar {\n  border-bottom: .5px solid #30303080;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 0 35px 20px;\n  display: flex;\n  position: relative;\n}\n\n@media (width <= 1125px) {\n  .topBar {\n    flex-direction: column-reverse;\n    justify-content: center;\n  }\n}\n\n@media (width <= 768px) {\n  .topBar {\n    padding: 0 15px 20px;\n  }\n}\n\n.selectBar {\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin-top: 25px;\n  padding: 0 35px;\n  display: flex;\n}\n\n.selectBar p {\n  text-align: end;\n  width: 100%;\n  margin: 0;\n  color: #6a6565 !important;\n  font-size: 14px !important;\n  font-weight: 400 !important;\n}\n\n.templatesContent {\n  flex-flow: wrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 25px;\n  width: 100%;\n  height: 100%;\n  max-height: calc(100vh - 248px);\n  margin-top: 10px;\n  padding: 15px 35px;\n  display: flex;\n  overflow-y: scroll;\n}\n\n@media (width <= 1340px) {\n  .templatesContent {\n    justify-content: center !important;\n  }\n}\n\n@media (width <= 1125px) {\n  .templatesContent {\n    max-height: calc(100vh - 320px);\n  }\n}\n\n.templatesContent::-webkit-scrollbar {\n  width: 8px;\n}\n\n.templatesContent::-webkit-scrollbar-track {\n  border-radius: 1px;\n  background: none !important;\n}\n\n.templatesContent::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n  .templatesContent body {\n    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n  }\n}\n\n.templatesContent .defaultDesign {\n  cursor: pointer;\n  background-color: #fff;\n  border-radius: 7px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 316px;\n  height: 224px;\n  margin-bottom: 14px;\n  padding: 1.5px;\n  display: flex;\n}\n\n.templatesContent .defaultDesign p {\n  color: var(--text-color);\n  margin-top: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 14.52px;\n}\n\n.templatesContent .ownHeading {\n  color: var(--text-color);\n  line-height: 14.52px;\n  font-size: 18px !important;\n  font-weight: 400 !important;\n}\n\n.templatesContent .postcard, .templatesContent .postcard-4x6 {\n  height: 211.66px !important;\n}\n\n.templatesContent .postcard-6x11 {\n  height: 173.73px !important;\n}\n\n.templatesContent .postcard-6x9 {\n  height: 211.66px !important;\n}\n\n.templatesContent .personalLetter {\n  height: 486.73px !important;\n}\n\n.templatesContent .professionalLetter {\n  height: 408.06px !important;\n}\n\n.templatesContent .biFold {\n  height: 107.33px !important;\n}\n\n.templatesContent .triFold {\n  height: 420.33px !important;\n}\n\n.heightOLC {\n  max-height: calc(100vh - 270px);\n}\n\n@media (width <= 1125px) {\n  .heightOLC {\n    max-height: calc(100vh - 320px);\n  }\n}\n\n.basic-tooltip {\n  text-align: center !important;\n  color: #000 !important;\n  opacity: 1 !important;\n  z-index: 1 !important;\n  background-color: #fff !important;\n  width: 90% !important;\n  max-width: fit-content !important;\n  box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-content .dynamic-content__top {\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  margin: 8px auto;\n  display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n  color: var(--primary-color);\n  margin-right: 5px;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n  cursor: pointer;\n  width: 12px;\n  height: 12px;\n}\n\n.dynamic-content .divider {\n  color: #44424145;\n  margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n  border: .5px solid var(--border-color);\n  text-align: center;\n  cursor: pointer;\n  border-radius: 3px;\n  width: 100%;\n  height: 35px;\n  margin: 5px auto;\n  line-height: 35px;\n  transition: all .1s ease-in;\n}\n\n.dynamic-content .contact-element:hover {\n  background-color: var(--secondary-color);\n}\n\n.dynamic-content .copy {\n  fill: #000 !important;\n}\n\n.custom-upload-image-btn {\n  color: #1c2127 !important;\n  background-color: #f6f7f9 !important;\n  width: 100% !important;\n  box-shadow: inset 0 0 0 1px #11141833, 0 1px 2px #1114181a !important;\n}\n\n.gsv-contact-element {\n  text-align: center;\n  border: .5px solid #303030;\n  border-radius: 3px;\n  justify-content: center;\n  width: 100%;\n  height: 100px;\n  margin: 5px auto;\n  line-height: 35px;\n  display: flex;\n}\n\n.gsv-contact-element span {\n  transform: translateY(30%);\n}\n\n.addonBox {\n  cursor: pointer;\n  border: 1px solid #303030;\n  border-radius: 10px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 10px;\n  display: flex !important;\n}\n\n.addonBox p {\n  color: #303030;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 800;\n}\n\n.addonBox p:last-child {\n  font-weight: 500;\n}\n\n.addonBox svg {\n  opacity: .5;\n  width: 100px;\n  height: 120px;\n}\n\n.hidden-important {\n  display: none !important;\n}\n\n@media (width <= 600px) {\n  .polotno-container .builder-wrapper {\n    display: none;\n  }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n  color: var(--text-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n  background-color: var(--secondary-color);\n  opacity: .8;\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n  fill: var(--primary-color) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n  display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n  background-color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n  color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n  outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n  color: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n  outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n  background-color: #0000 !important;\n}\n\n.polotno-container .show-loader:after {\n  content: \"\";\n  border: 4px solid var(--primary-color);\n  border-right: 3px solid #0000;\n  border-radius: 50%;\n  justify-content: center;\n  align-items: center;\n  width: 50px;\n  height: 50px;\n  animation: 2s linear infinite circularAnimation;\n  display: flex;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n  0% {\n    transform: translate(-50%, -50%)rotate(0);\n  }\n\n  100% {\n    transform: translate(-50%, -50%)rotate(360deg);\n  }\n}\n\n.polotno-container .hide-loader:after {\n  display: none !important;\n}\n\n.polotno-container .bp5-popover-transition-container {\n  z-index: 2200 !important;\n}\n\n:root {\n  --font-family: \"Inter\";\n  --scrollbar-thumb-color: #ffdfc2;\n  --scrollbar-track-color: grey;\n  --primary-color: #ed5c2f;\n  --secondary-color: #fff8ee;\n  --svg-color: #fdb515;\n  --svg-color-not-active: #fdecd3;\n  --text-color: #000;\n  --modal-background-color: #fff8ee;\n  --notification-background-color: #ef7820;\n  --notification-text-color: #fff;\n  --border-color: #303030;\n  --error-color: red;\n}\n\n:root .builder-wrapper {\n  margin: 0;\n  font-family: var(--font-family) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n  :root .builder-wrapper body {\n    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n  }\n}\n\n:root .builder-wrapper .bp5-navbar {\n  z-index: auto !important;\n  border-bottom: 1px solid #1114181a !important;\n}\n\n:root .builder-wrapper .bp5-navbar .bp5-card {\n  color: var(--text-color);\n  background-color: #0000;\n}\n\n@media (width <= 800px) {\n  :root .builder-wrapper .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n    justify-content: center !important;\n  }\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar {\n  width: 10px;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n  border-radius: 3px;\n  background: var(--scrollbar-track-color) !important;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n  border-radius: 3px;\n  background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n  :root .builder-wrapper .go4160152499 body, :root .builder-wrapper .polotno-workspace-inner body, :root .builder-wrapper .polotno-panel-container body, :root .builder-wrapper .polotno-panel-container > div body, :root .builder-wrapper .polotno-panel-container > div > div body, :root .builder-wrapper .polotno-panel-container > div > div > div body {\n    scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n  }\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div, :root .builder-wrapper .polotno-panel-container > div > div p {\n  color: #000;\n}\n\n:root .no-scroll {\n  overflow: hidden;\n}\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
 
@@ -87025,7 +87006,7 @@ var __rest=this&&this.__rest||function(e,t){var o={};for(var r in e)Object.proto
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 var __webpack_unused_export__;
-__webpack_unused_export__ = ({value:!0}),__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=exports.Ut=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=exports.O3=void 0;var fonts_1=__webpack_require__(48420);Object.defineProperty(exports, "O3", ({enumerable:!0,get:function(){return fonts_1.setGoogleFonts}})),__webpack_unused_export__ = ({enumerable:!0,get:function(){return fonts_1.addGlobalFont}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return fonts_1.removeGlobalFont}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return fonts_1.replaceGlobalFonts}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return fonts_1.setGoogleFontsVariants}});var upload_panel_1=__webpack_require__(50871);Object.defineProperty(exports, "Ut", ({enumerable:!0,get:function(){return upload_panel_1.setUploadFunc}}));var use_fadein_1=__webpack_require__(14438);__webpack_unused_export__ = ({enumerable:!0,get:function(){return use_fadein_1.toggleFadeInAnimation}});var highlighter_1=__webpack_require__(35566);__webpack_unused_export__ = ({enumerable:!0,get:function(){return highlighter_1.setHighlighterStyle}});var page_1=__webpack_require__(35278);__webpack_unused_export__ = ({enumerable:!0,get:function(){return page_1.setTransformerStyle}});var image_element_1=__webpack_require__(55501);__webpack_unused_export__ = ({enumerable:!0,get:function(){return image_element_1.setImageLoaderHook}});var group_model_1=__webpack_require__(13765);__webpack_unused_export__ = ({enumerable:!0,get:function(){return group_model_1.registerShapeModel}});var element_1=__webpack_require__(91657);__webpack_unused_export__ = ({enumerable:!0,get:function(){return element_1.registerShapeComponent}});var page_2=__webpack_require__(35278);__webpack_unused_export__ = ({enumerable:!0,get:function(){return page_2.registerTransformerAttrs}});var toolbar_1=__webpack_require__(34395);__webpack_unused_export__ = ({enumerable:!0,get:function(){return toolbar_1.registerToolbarComponent}});var loader_1=__webpack_require__(94771);__webpack_unused_export__ = ({enumerable:!0,get:function(){return loader_1.onLoadError}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return loader_1.setAssetLoadTimeout}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return loader_1.setFontLoadTimeout}});var l10n_1=__webpack_require__(24677);__webpack_unused_export__ = ({enumerable:!0,get:function(){return l10n_1.setTranslations}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return l10n_1.getTranslations}});var page_3=__webpack_require__(35278);__webpack_unused_export__ = ({enumerable:!0,get:function(){return page_3.registerNextDomDrop}});var api_1=__webpack_require__(24590);__webpack_unused_export__ = ({enumerable:!0,get:function(){return api_1.getGoogleFontsListAPI}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return api_1.getGoogleFontImage}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return api_1.setAPI}});var color_picker_1=__webpack_require__(47210);__webpack_unused_export__ = ({enumerable:!0,get:function(){return color_picker_1.setColorsPresetFunc}});var flags_1=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_1.useDownScaling}});var flags_2=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_2.useRemoveBackground}});var flags_3=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_3.useHtmlTextRender}});var flags_4=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_4.setForceTextFit}});var flags_5=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_5.setTextOverflow}});var flags_6=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_6.setTextVerticalResizeEnabled}});var flags_7=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_7.setAnimationsEnabled}});
+__webpack_unused_export__ = ({value:!0}),__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=__webpack_unused_export__=exports.O3=void 0;var fonts_1=__webpack_require__(48420);Object.defineProperty(exports, "O3", ({enumerable:!0,get:function(){return fonts_1.setGoogleFonts}})),__webpack_unused_export__ = ({enumerable:!0,get:function(){return fonts_1.addGlobalFont}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return fonts_1.removeGlobalFont}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return fonts_1.replaceGlobalFonts}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return fonts_1.setGoogleFontsVariants}});var upload_panel_1=__webpack_require__(50871);__webpack_unused_export__ = ({enumerable:!0,get:function(){return upload_panel_1.setUploadFunc}});var use_fadein_1=__webpack_require__(14438);__webpack_unused_export__ = ({enumerable:!0,get:function(){return use_fadein_1.toggleFadeInAnimation}});var highlighter_1=__webpack_require__(35566);__webpack_unused_export__ = ({enumerable:!0,get:function(){return highlighter_1.setHighlighterStyle}});var page_1=__webpack_require__(35278);__webpack_unused_export__ = ({enumerable:!0,get:function(){return page_1.setTransformerStyle}});var image_element_1=__webpack_require__(55501);__webpack_unused_export__ = ({enumerable:!0,get:function(){return image_element_1.setImageLoaderHook}});var group_model_1=__webpack_require__(13765);__webpack_unused_export__ = ({enumerable:!0,get:function(){return group_model_1.registerShapeModel}});var element_1=__webpack_require__(91657);__webpack_unused_export__ = ({enumerable:!0,get:function(){return element_1.registerShapeComponent}});var page_2=__webpack_require__(35278);__webpack_unused_export__ = ({enumerable:!0,get:function(){return page_2.registerTransformerAttrs}});var toolbar_1=__webpack_require__(34395);__webpack_unused_export__ = ({enumerable:!0,get:function(){return toolbar_1.registerToolbarComponent}});var loader_1=__webpack_require__(94771);__webpack_unused_export__ = ({enumerable:!0,get:function(){return loader_1.onLoadError}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return loader_1.setAssetLoadTimeout}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return loader_1.setFontLoadTimeout}});var l10n_1=__webpack_require__(24677);__webpack_unused_export__ = ({enumerable:!0,get:function(){return l10n_1.setTranslations}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return l10n_1.getTranslations}});var page_3=__webpack_require__(35278);__webpack_unused_export__ = ({enumerable:!0,get:function(){return page_3.registerNextDomDrop}});var api_1=__webpack_require__(24590);__webpack_unused_export__ = ({enumerable:!0,get:function(){return api_1.getGoogleFontsListAPI}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return api_1.getGoogleFontImage}}),__webpack_unused_export__ = ({enumerable:!0,get:function(){return api_1.setAPI}});var color_picker_1=__webpack_require__(47210);__webpack_unused_export__ = ({enumerable:!0,get:function(){return color_picker_1.setColorsPresetFunc}});var flags_1=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_1.useDownScaling}});var flags_2=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_2.useRemoveBackground}});var flags_3=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_3.useHtmlTextRender}});var flags_4=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_4.setForceTextFit}});var flags_5=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_5.setTextOverflow}});var flags_6=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_6.setTextVerticalResizeEnabled}});var flags_7=__webpack_require__(50049);__webpack_unused_export__ = ({enumerable:!0,get:function(){return flags_7.setAnimationsEnabled}});
 
 /***/ }),
 
@@ -128696,7 +128677,7 @@ if (inBrowser) {
 
 
 
-;// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/App.vue?vue&type=template&id=e00aac82
+;// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/App.vue?vue&type=template&id=0dd93ac5
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c
@@ -128706,7 +128687,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-;// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=e00aac82
+;// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=0dd93ac5
 
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
 var injectStylesIntoStyleTag = __webpack_require__(85072);
@@ -152274,52 +152255,16 @@ var NonceProvider = (function (_ref) {
 
 
 
-;// CONCATENATED MODULE: ./node_modules/clsx/dist/clsx.mjs
-function clsx_r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=clsx_r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=clsx_r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ var dist_clsx = (clsx);
-;// CONCATENATED MODULE: ./node_modules/react-toastify/dist/react-toastify.esm.mjs
-'use client';
-const react_toastify_esm_c=e=>"number"==typeof e&&!isNaN(e),d=e=>"string"==typeof e,u=e=>"function"==typeof e,p=e=>d(e)||u(e)?e:null,react_toastify_esm_m=e=>(0,react.isValidElement)(e)||d(e)||u(e)||react_toastify_esm_c(e);function react_toastify_esm_f(e,t,n){void 0===n&&(n=300);const{scrollHeight:o,style:s}=e;requestAnimationFrame(()=>{s.minHeight="initial",s.height=o+"px",s.transition=`all ${n}ms`,requestAnimationFrame(()=>{s.height="0",s.padding="0",s.margin="0",setTimeout(t,n)})})}function react_toastify_esm_g(t){let{enter:a,exit:r,appendPosition:i=!1,collapse:l=!0,collapseDuration:c=300}=t;return function(t){let{children:d,position:u,preventExitTransition:p,done:m,nodeRef:g,isIn:y,playToast:v}=t;const h=i?`${a}--${u}`:a,T=i?`${r}--${u}`:r,E=(0,react.useRef)(0);return (0,react.useLayoutEffect)(()=>{const e=g.current,t=h.split(" "),n=o=>{o.target===g.current&&(v(),e.removeEventListener("animationend",n),e.removeEventListener("animationcancel",n),0===E.current&&"animationcancel"!==o.type&&e.classList.remove(...t))};e.classList.add(...t),e.addEventListener("animationend",n),e.addEventListener("animationcancel",n)},[]),(0,react.useEffect)(()=>{const e=g.current,t=()=>{e.removeEventListener("animationend",t),l?react_toastify_esm_f(e,m,c):m()};y||(p?t():(E.current=1,e.className+=` ${T}`,e.addEventListener("animationend",t)))},[y]),react.createElement(react.Fragment,null,d)}}function react_toastify_esm_y(e,t){return null!=e?{content:e.content,containerId:e.props.containerId,id:e.props.toastId,theme:e.props.theme,type:e.props.type,data:e.props.data||{},isLoading:e.props.isLoading,icon:e.props.icon,status:t}:{}}const react_toastify_esm_v=new Map;let react_toastify_esm_h=[];const react_toastify_esm_T=new Set,react_toastify_esm_E=e=>react_toastify_esm_T.forEach(t=>t(e)),react_toastify_esm_b=()=>react_toastify_esm_v.size>0;function react_toastify_esm_I(e,t){var n;if(t)return!(null==(n=react_toastify_esm_v.get(t))||!n.isToastActive(e));let o=!1;return react_toastify_esm_v.forEach(t=>{t.isToastActive(e)&&(o=!0)}),o}function react_toastify_esm_(e,t){react_toastify_esm_m(e)&&(react_toastify_esm_b()||react_toastify_esm_h.push({content:e,options:t}),react_toastify_esm_v.forEach(n=>{n.buildToast(e,t)}))}function react_toastify_esm_C(e,t){react_toastify_esm_v.forEach(n=>{null!=t&&null!=t&&t.containerId?(null==t?void 0:t.containerId)===n.id&&n.toggle(e,null==t?void 0:t.id):n.toggle(e,null==t?void 0:t.id)})}function react_toastify_esm_L(e){const{subscribe:o,getSnapshot:s,setProps:i}=(0,react.useRef)(function(e){const n=e.containerId||1;return{subscribe(o){const s=function(e,n,o){let s=1,r=0,i=[],l=[],f=[],g=n;const v=new Map,h=new Set,T=()=>{f=Array.from(v.values()),h.forEach(e=>e())},E=e=>{l=null==e?[]:l.filter(t=>t!==e),T()},b=e=>{const{toastId:n,onOpen:s,updateId:a,children:r}=e.props,i=null==a;e.staleId&&v.delete(e.staleId),v.set(n,e),l=[...l,e.props.toastId].filter(t=>t!==e.staleId),T(),o(react_toastify_esm_y(e,i?"added":"updated")),i&&u(s)&&s((0,react.isValidElement)(r)&&r.props)};return{id:e,props:g,observe:e=>(h.add(e),()=>h.delete(e)),toggle:(e,t)=>{v.forEach(n=>{null!=t&&t!==n.props.toastId||u(n.toggle)&&n.toggle(e)})},removeToast:E,toasts:v,clearQueue:()=>{r-=i.length,i=[]},buildToast:(n,l)=>{if((t=>{let{containerId:n,toastId:o,updateId:s}=t;const a=n?n!==e:1!==e,r=v.has(o)&&null==s;return a||r})(l))return;const{toastId:f,updateId:h,data:I,staleId:_,delay:C}=l,L=()=>{E(f)},N=null==h;N&&r++;const $={...g,style:g.toastStyle,key:s++,...Object.fromEntries(Object.entries(l).filter(e=>{let[t,n]=e;return null!=n})),toastId:f,updateId:h,data:I,closeToast:L,isIn:!1,className:p(l.className||g.toastClassName),bodyClassName:p(l.bodyClassName||g.bodyClassName),progressClassName:p(l.progressClassName||g.progressClassName),autoClose:!l.isLoading&&(w=l.autoClose,k=g.autoClose,!1===w||react_toastify_esm_c(w)&&w>0?w:k),deleteToast(){const e=v.get(f),{onClose:n,children:s}=e.props;u(n)&&n((0,react.isValidElement)(s)&&s.props),o(react_toastify_esm_y(e,"removed")),v.delete(f),r--,r<0&&(r=0),i.length>0?b(i.shift()):T()}};var w,k;$.closeButton=g.closeButton,!1===l.closeButton||react_toastify_esm_m(l.closeButton)?$.closeButton=l.closeButton:!0===l.closeButton&&($.closeButton=!react_toastify_esm_m(g.closeButton)||g.closeButton);let P=n;(0,react.isValidElement)(n)&&!d(n.type)?P=(0,react.cloneElement)(n,{closeToast:L,toastProps:$,data:I}):u(n)&&(P=n({closeToast:L,toastProps:$,data:I}));const M={content:P,props:$,staleId:_};g.limit&&g.limit>0&&r>g.limit&&N?i.push(M):react_toastify_esm_c(C)?setTimeout(()=>{b(M)},C):b(M)},setProps(e){g=e},setToggle:(e,t)=>{v.get(e).toggle=t},isToastActive:e=>l.some(t=>t===e),getSnapshot:()=>g.newestOnTop?f.reverse():f}}(n,e,react_toastify_esm_E);react_toastify_esm_v.set(n,s);const r=s.observe(o);return react_toastify_esm_h.forEach(e=>react_toastify_esm_(e.content,e.options)),react_toastify_esm_h=[],()=>{r(),react_toastify_esm_v.delete(n)}},setProps(e){var t;null==(t=react_toastify_esm_v.get(n))||t.setProps(e)},getSnapshot(){var e;return null==(e=react_toastify_esm_v.get(n))?void 0:e.getSnapshot()}}}(e)).current;i(e);const l=(0,react.useSyncExternalStore)(o,s,s);return{getToastToRender:function(e){if(!l)return[];const t=new Map;return l.forEach(e=>{const{position:n}=e.props;t.has(n)||t.set(n,[]),t.get(n).push(e)}),Array.from(t,t=>e(t[0],t[1]))},isToastActive:react_toastify_esm_I,count:null==l?void 0:l.length}}function react_toastify_esm_N(e){const[t,o]=(0,react.useState)(!1),[a,r]=(0,react.useState)(!1),l=(0,react.useRef)(null),c=(0,react.useRef)({start:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,didMove:!1}).current,{autoClose:d,pauseOnHover:u,closeToast:p,onClick:m,closeOnClick:f}=e;var g,y;function h(){o(!0)}function T(){o(!1)}function E(n){const o=l.current;c.canDrag&&o&&(c.didMove=!0,t&&T(),c.delta="x"===e.draggableDirection?n.clientX-c.start:n.clientY-c.start,c.start!==n.clientX&&(c.canCloseOnClick=!1),o.style.transform=`translate3d(${"x"===e.draggableDirection?`${c.delta}px, var(--y)`:`0, calc(${c.delta}px + var(--y))`},0)`,o.style.opacity=""+(1-Math.abs(c.delta/c.removalDistance)))}function b(){document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",b);const t=l.current;if(c.canDrag&&c.didMove&&t){if(c.canDrag=!1,Math.abs(c.delta)>c.removalDistance)return r(!0),e.closeToast(),void e.collapseAll();t.style.transition="transform 0.2s, opacity 0.2s",t.style.removeProperty("transform"),t.style.removeProperty("opacity")}}null==(y=react_toastify_esm_v.get((g={id:e.toastId,containerId:e.containerId,fn:o}).containerId||1))||y.setToggle(g.id,g.fn),(0,react.useEffect)(()=>{if(e.pauseOnFocusLoss)return document.hasFocus()||T(),window.addEventListener("focus",h),window.addEventListener("blur",T),()=>{window.removeEventListener("focus",h),window.removeEventListener("blur",T)}},[e.pauseOnFocusLoss]);const I={onPointerDown:function(t){if(!0===e.draggable||e.draggable===t.pointerType){c.didMove=!1,document.addEventListener("pointermove",E),document.addEventListener("pointerup",b);const n=l.current;c.canCloseOnClick=!0,c.canDrag=!0,n.style.transition="none","x"===e.draggableDirection?(c.start=t.clientX,c.removalDistance=n.offsetWidth*(e.draggablePercent/100)):(c.start=t.clientY,c.removalDistance=n.offsetHeight*(80===e.draggablePercent?1.5*e.draggablePercent:e.draggablePercent)/100)}},onPointerUp:function(t){const{top:n,bottom:o,left:s,right:a}=l.current.getBoundingClientRect();"touchend"!==t.nativeEvent.type&&e.pauseOnHover&&t.clientX>=s&&t.clientX<=a&&t.clientY>=n&&t.clientY<=o?T():h()}};return d&&u&&(I.onMouseEnter=T,e.stacked||(I.onMouseLeave=h)),f&&(I.onClick=e=>{m&&m(e),c.canCloseOnClick&&p()}),{playToast:h,pauseToast:T,isRunning:t,preventExitTransition:a,toastRef:l,eventHandlers:I}}function react_toastify_esm_$(t){let{delay:n,isRunning:o,closeToast:s,type:a="default",hide:r,className:i,style:c,controlledProgress:d,progress:p,rtl:m,isIn:f,theme:g}=t;const y=r||d&&0===p,v={...c,animationDuration:`${n}ms`,animationPlayState:o?"running":"paused"};d&&(v.transform=`scaleX(${p})`);const h=dist_clsx("Toastify__progress-bar",d?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${g}`,`Toastify__progress-bar--${a}`,{"Toastify__progress-bar--rtl":m}),T=u(i)?i({rtl:m,type:a,defaultClassName:h}):dist_clsx(h,i),E={[d&&p>=1?"onTransitionEnd":"onAnimationEnd"]:d&&p<1?null:()=>{f&&s()}};return react.createElement("div",{className:"Toastify__progress-bar--wrp","data-hidden":y},react.createElement("div",{className:`Toastify__progress-bar--bg Toastify__progress-bar-theme--${g} Toastify__progress-bar--${a}`}),react.createElement("div",{role:"progressbar","aria-hidden":y?"true":"false","aria-label":"notification timer",className:T,style:v,...E}))}let react_toastify_esm_w=1;const react_toastify_esm_k=()=>""+react_toastify_esm_w++;function react_toastify_esm_P(e){return e&&(d(e.toastId)||react_toastify_esm_c(e.toastId))?e.toastId:react_toastify_esm_k()}function react_toastify_esm_M(e,t){return react_toastify_esm_(e,t),t.toastId}function react_toastify_esm_x(e,t){return{...t,type:t&&t.type||e,toastId:react_toastify_esm_P(t)}}function react_toastify_esm_A(e){return(t,n)=>react_toastify_esm_M(t,react_toastify_esm_x(e,n))}function react_toastify_esm_B(e,t){return react_toastify_esm_M(e,react_toastify_esm_x("default",t))}react_toastify_esm_B.loading=(e,t)=>react_toastify_esm_M(e,react_toastify_esm_x("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...t})),react_toastify_esm_B.promise=function(e,t,n){let o,{pending:s,error:a,success:r}=t;s&&(o=d(s)?react_toastify_esm_B.loading(s,n):react_toastify_esm_B.loading(s.render,{...n,...s}));const i={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},l=(e,t,s)=>{if(null==t)return void react_toastify_esm_B.dismiss(o);const a={type:e,...i,...n,data:s},r=d(t)?{render:t}:t;return o?react_toastify_esm_B.update(o,{...a,...r}):react_toastify_esm_B(r.render,{...a,...r}),s},c=u(e)?e():e;return c.then(e=>l("success",r,e)).catch(e=>l("error",a,e)),c},react_toastify_esm_B.success=react_toastify_esm_A("success"),react_toastify_esm_B.info=react_toastify_esm_A("info"),react_toastify_esm_B.error=react_toastify_esm_A("error"),react_toastify_esm_B.warning=react_toastify_esm_A("warning"),react_toastify_esm_B.warn=react_toastify_esm_B.warning,react_toastify_esm_B.dark=(e,t)=>react_toastify_esm_M(e,react_toastify_esm_x("default",{theme:"dark",...t})),react_toastify_esm_B.dismiss=function(e){!function(e){var t;if(react_toastify_esm_b()){if(null==e||d(t=e)||react_toastify_esm_c(t))react_toastify_esm_v.forEach(t=>{t.removeToast(e)});else if(e&&("containerId"in e||"id"in e)){const t=react_toastify_esm_v.get(e.containerId);t?t.removeToast(e.id):react_toastify_esm_v.forEach(t=>{t.removeToast(e.id)})}}else react_toastify_esm_h=react_toastify_esm_h.filter(t=>null!=e&&t.options.toastId!==e)}(e)},react_toastify_esm_B.clearWaitingQueue=function(e){void 0===e&&(e={}),react_toastify_esm_v.forEach(t=>{!t.props.limit||e.containerId&&t.id!==e.containerId||t.clearQueue()})},react_toastify_esm_B.isActive=react_toastify_esm_I,react_toastify_esm_B.update=function(e,t){void 0===t&&(t={});const n=((e,t)=>{var n;let{containerId:o}=t;return null==(n=react_toastify_esm_v.get(o||1))?void 0:n.toasts.get(e)})(e,t);if(n){const{props:o,content:s}=n,a={delay:100,...o,...t,toastId:t.toastId||e,updateId:react_toastify_esm_k()};a.toastId!==e&&(a.staleId=e);const r=a.render||s;delete a.render,react_toastify_esm_M(r,a)}},react_toastify_esm_B.done=e=>{react_toastify_esm_B.update(e,{progress:1})},react_toastify_esm_B.onChange=function(e){return react_toastify_esm_T.add(e),()=>{react_toastify_esm_T.delete(e)}},react_toastify_esm_B.play=e=>react_toastify_esm_C(!0,e),react_toastify_esm_B.pause=e=>react_toastify_esm_C(!1,e);const react_toastify_esm_O="undefined"!=typeof window?react.useLayoutEffect:react.useEffect,react_toastify_esm_D=t=>{let{theme:n,type:o,isLoading:s,...a}=t;return react.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:"colored"===n?"currentColor":`var(--toastify-icon-color-${o})`,...a})},react_toastify_esm_z={info:function(t){return react.createElement(react_toastify_esm_D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(t){return react.createElement(react_toastify_esm_D,{...t},react.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(t){return react.createElement(react_toastify_esm_D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(t){return react.createElement(react_toastify_esm_D,{...t},react.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return react.createElement("div",{className:"Toastify__spinner"})}},react_toastify_esm_R=n=>{const{isRunning:o,preventExitTransition:s,toastRef:r,eventHandlers:i,playToast:c}=react_toastify_esm_N(n),{closeButton:d,children:p,autoClose:m,onClick:f,type:g,hideProgressBar:y,closeToast:v,transition:h,position:T,className:E,style:b,bodyClassName:I,bodyStyle:_,progressClassName:C,progressStyle:L,updateId:w,role:k,progress:P,rtl:M,toastId:x,deleteToast:A,isIn:B,isLoading:O,closeOnClick:D,theme:R}=n,S=dist_clsx("Toastify__toast",`Toastify__toast-theme--${R}`,`Toastify__toast--${g}`,{"Toastify__toast--rtl":M},{"Toastify__toast--close-on-click":D}),H=u(E)?E({rtl:M,position:T,type:g,defaultClassName:S}):dist_clsx(S,E),F=function(e){let{theme:n,type:o,isLoading:s,icon:r}=e,i=null;const l={theme:n,type:o};return!1===r||(u(r)?i=r({...l,isLoading:s}):(0,react.isValidElement)(r)?i=(0,react.cloneElement)(r,l):s?i=react_toastify_esm_z.spinner():(e=>e in react_toastify_esm_z)(o)&&(i=react_toastify_esm_z[o](l))),i}(n),X=!!P||!m,Y={closeToast:v,type:g,theme:R};let q=null;return!1===d||(q=u(d)?d(Y):(0,react.isValidElement)(d)?(0,react.cloneElement)(d,Y):function(t){let{closeToast:n,theme:o,ariaLabel:s="close"}=t;return react.createElement("button",{className:`Toastify__close-button Toastify__close-button--${o}`,type:"button",onClick:e=>{e.stopPropagation(),n(e)},"aria-label":s},react.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},react.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}(Y)),react.createElement(h,{isIn:B,done:A,position:T,preventExitTransition:s,nodeRef:r,playToast:c},react.createElement("div",{id:x,onClick:f,"data-in":B,className:H,...i,style:b,ref:r},react.createElement("div",{...B&&{role:k},className:u(I)?I({type:g}):dist_clsx("Toastify__toast-body",I),style:_},null!=F&&react.createElement("div",{className:dist_clsx("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!O})},F),react.createElement("div",null,p)),q,react.createElement(react_toastify_esm_$,{...w&&!X?{key:`pb-${w}`}:{},rtl:M,theme:R,delay:m,isRunning:o,isIn:B,closeToast:v,hide:y,type:g,style:L,className:C,controlledProgress:X,progress:P||0})))},react_toastify_esm_S=function(e,t){return void 0===t&&(t=!1),{enter:`Toastify--animate Toastify__${e}-enter`,exit:`Toastify--animate Toastify__${e}-exit`,appendPosition:t}},react_toastify_esm_H=react_toastify_esm_g(react_toastify_esm_S("bounce",!0)),react_toastify_esm_F=react_toastify_esm_g(react_toastify_esm_S("slide",!0)),react_toastify_esm_X=react_toastify_esm_g(react_toastify_esm_S("zoom")),react_toastify_esm_Y=react_toastify_esm_g(react_toastify_esm_S("flip")),react_toastify_esm_q={position:"top-right",transition:react_toastify_esm_H,autoClose:5e3,closeButton:!0,pauseOnHover:!0,pauseOnFocusLoss:!0,draggable:"touch",draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"};function react_toastify_esm_Q(t){let o={...react_toastify_esm_q,...t};const s=t.stacked,[a,r]=(0,react.useState)(!0),c=(0,react.useRef)(null),{getToastToRender:d,isToastActive:m,count:f}=react_toastify_esm_L(o),{className:g,style:y,rtl:v,containerId:h}=o;function T(e){const t=dist_clsx("Toastify__toast-container",`Toastify__toast-container--${e}`,{"Toastify__toast-container--rtl":v});return u(g)?g({position:e,rtl:v,defaultClassName:t}):dist_clsx(t,p(g))}function E(){s&&(r(!0),react_toastify_esm_B.play())}return react_toastify_esm_O(()=>{if(s){var e;const t=c.current.querySelectorAll('[data-in="true"]'),n=12,s=null==(e=o.position)?void 0:e.includes("top");let r=0,i=0;Array.from(t).reverse().forEach((e,t)=>{const o=e;o.classList.add("Toastify__toast--stacked"),t>0&&(o.dataset.collapsed=`${a}`),o.dataset.pos||(o.dataset.pos=s?"top":"bot");const l=r*(a?.2:1)+(a?0:n*t);o.style.setProperty("--y",`${s?l:-1*l}px`),o.style.setProperty("--g",`${n}`),o.style.setProperty("--s",""+(1-(a?i:0))),r+=o.offsetHeight,i+=.025})}},[a,f,s]),react.createElement("div",{ref:c,className:"Toastify",id:h,onMouseEnter:()=>{s&&(r(!1),react_toastify_esm_B.pause())},onMouseLeave:E},d((t,n)=>{const o=n.length?{...y}:{...y,pointerEvents:"none"};return react.createElement("div",{className:T(t),style:o,key:`container-${t}`},n.map(t=>{let{content:n,props:o}=t;return react.createElement(react_toastify_esm_R,{...o,stacked:s,collapseAll:E,isIn:m(o.toastId,o.containerId),style:o.style,key:`toast-${o.key}`},n)}))}))}
-//# sourceMappingURL=react-toastify.esm.mjs.map
-
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/react-toastify/dist/ReactToastify.css
-var ReactToastify = __webpack_require__(28750);
-;// CONCATENATED MODULE: ./node_modules/react-toastify/dist/ReactToastify.css
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var ReactToastify_options = {};
-
-ReactToastify_options.styleTagTransform = (styleTagTransform_default());
-ReactToastify_options.setAttributes = (setAttributesWithoutAttributes_default());
-ReactToastify_options.insert = insertBySelector_default().bind(null, "head");
-ReactToastify_options.domAPI = (styleDomAPI_default());
-ReactToastify_options.insertStyleElement = (insertStyleElement_default());
-
-var ReactToastify_update = injectStylesIntoStyleTag_default()(ReactToastify/* default */.A, ReactToastify_options);
-
-
-
-
-       /* harmony default export */ var dist_ReactToastify = (ReactToastify/* default */.A && ReactToastify/* default */.A.locals ? ReactToastify/* default */.A.locals : undefined);
-
 // EXTERNAL MODULE: ./node_modules/polotno/polotno-app.js
 var polotno_app = __webpack_require__(28269);
-// EXTERNAL MODULE: ./node_modules/polotno/config.js
-var polotno_config = __webpack_require__(44875);
 // EXTERNAL MODULE: ./node_modules/polotno/toolbar/toolbar.js
 var toolbar = __webpack_require__(34395);
 // EXTERNAL MODULE: ./node_modules/polotno/toolbar/zoom-buttons.js
 var zoom_buttons = __webpack_require__(45261);
 // EXTERNAL MODULE: ./node_modules/polotno/canvas/workspace.js
 var workspace = __webpack_require__(22532);
+// EXTERNAL MODULE: ./node_modules/polotno/config.js
+var polotno_config = __webpack_require__(44875);
 // EXTERNAL MODULE: ./node_modules/polotno/side-panel/index.js
 var side_panel = __webpack_require__(28853);
 // EXTERNAL MODULE: ./node_modules/mobx-react-lite/es/index.js + 13 modules
@@ -152365,6 +152310,8 @@ var react_tooltip_min_update = injectStylesIntoStyleTag_default()(react_tooltip_
 
        /* harmony default export */ var dist_react_tooltip_min = (react_tooltip_min/* default */.A && react_tooltip_min/* default */.A.locals ? react_tooltip_min/* default */.A.locals : undefined);
 
+// EXTERNAL MODULE: ./node_modules/polotno/utils/image.js
+var utils_image = __webpack_require__(59195);
 ;// CONCATENATED MODULE: ./src/components/TemplateBuilder/index.js
 
 
@@ -152391,7 +152338,6 @@ var react_tooltip_min_update = injectStylesIntoStyleTag_default()(react_tooltip_
 
 
 
-
 
 
 function $parcel$interopDefault(a) {
@@ -152413,6 +152359,7 @@ const $e496cac0faa1ff17$export$1c6648626b31f20d = "GET_ONE_TEMPLATE";
 const $e496cac0faa1ff17$export$a3d810d0d7a98880 = "TEMPLATE_LOADING";
 const $e496cac0faa1ff17$export$eb7fa4eb60116c93 = "TEMPLATE_PAGINATION_CHANGE";
 const $e496cac0faa1ff17$export$1aa600adfd3dface = "TEMPLATE_SEARCH";
+const $e496cac0faa1ff17$export$855a5c0ee315c6e1 = "SET_UPLOADED_IMAGES";
 const $e496cac0faa1ff17$export$4510d670c403c89e = "CLEAR_ALL_TEMPLATE";
 const $e496cac0faa1ff17$export$b3e9fd1c7999b338 = "CLEAR_TEMPLATE_FIELDS";
 const $e496cac0faa1ff17$export$900a7683e99e6e7a = "LOAD_DATA_FROM_LOCAL_STORAGE";
@@ -152665,6 +152612,28 @@ const $65bf2ecf319e656d$var$initialState = {
             defaultValue: "www.example.com"
         }
     ],
+    defaultPropertyFields: [
+        {
+            value: "Property Address",
+            key: "{{C.PROPERTY_ADDRESS}}",
+            defaultValue: "912 Main Street"
+        },
+        {
+            value: "Property City",
+            key: "{{C.PROPERTY_CITY}}",
+            defaultValue: "New York"
+        },
+        {
+            value: "Property State",
+            key: "{{C.PROPERTY_STATE}}",
+            defaultValue: "NY"
+        },
+        {
+            value: "Property Zip Code",
+            key: "{{C.PROPERTY_ZIP_CODE}}",
+            defaultValue: "10008"
+        }
+    ],
     products: (0, $d60d8816d76b2b02$export$92e44ea1079b9ec6),
     productDetailByTemplate: [],
     templates: {
@@ -152691,7 +152660,8 @@ const $65bf2ecf319e656d$var$initialState = {
     searchCreator: "",
     templateType: "json",
     envelopeType: "",
-    templateLoading: null
+    templateLoading: null,
+    uploadedImages: []
 };
 // @ts-ignore
 const $65bf2ecf319e656d$export$31b16dea7c94293 = (state = $65bf2ecf319e656d$var$initialState, { type: type, payload: payload })=>{
@@ -152748,6 +152718,11 @@ const $65bf2ecf319e656d$export$31b16dea7c94293 = (state = $65bf2ecf319e656d$var$
                     productType: payload.productType
                 }
             };
+        case 0, $e496cac0faa1ff17$export$855a5c0ee315c6e1:
+            return {
+                ...state,
+                uploadedImages: payload
+            };
         case 0, $e496cac0faa1ff17$export$4510d670c403c89e:
             return {
                 ...state,
@@ -152944,6 +152919,12 @@ const $7ad22e5ca6c288ca$export$3e994a540f8ee57 = [
     "Tri-Fold Self-Mailers",
     "Bi-Fold Self-Mailers"
 ];
+const $7ad22e5ca6c288ca$export$668f6b29ff2ac480 = /[\u{1F600}-\u{1F64F}]|[\u{1F300}-\u{1F5FF}]|[\u{1F680}-\u{1F6FF}]|[\u{1F700}-\u{1F77F}]|[\u{1F780}-\u{1F7FF}]|[\u{1F800}-\u{1F8FF}]|[\u{1F900}-\u{1F9FF}]|[\u{1FA00}-\u{1FA6F}]|[\u{2600}-\u{26FF}]|[\u{2700}-\u{27BF}]|[\u{2300}-\u{23FF}]|[\u{2B50}\u{2B55}]|[\u{1F004}\u{1F0CF}]/u;
+const $7ad22e5ca6c288ca$export$abbaea9002634c0c = [
+    "image/jpeg",
+    "image/png",
+    "image/svg+xml"
+];
 const $7ad22e5ca6c288ca$export$683d22caccc9d465 = [
     {
         id: "1",
@@ -152989,6 +152970,50 @@ const $717432aee8737b76$export$c5a6b7b1e4535d31 = (input)=>{
     if (containsExactlyOneOne) return input.endsWith("s") ? input.slice(0, -1) : input;
     return input;
 };
+const $717432aee8737b76$export$9665a07d9187b414 = (hex, opacity)=>{
+    // Remove the hash at the start if it's there
+    hex = hex.replace(/^#/, "");
+    // Parse r, g, b values
+    let r = parseInt(hex.substring(0, 2), 16);
+    let g = parseInt(hex.substring(2, 4), 16);
+    let b = parseInt(hex.substring(4, 6), 16);
+    // Return the RGBA string
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+};
+const $717432aee8737b76$export$e2b5c5db9e2009fd = (file)=>{
+    const { type: type } = file;
+    if (type.indexOf("svg") >= 0) return "svg";
+    if (type.indexOf("image") >= 0) return "image";
+    if (type.indexOf("video") >= 0) return "video";
+    return "image";
+};
+const $717432aee8737b76$export$cb0bbc88c7f09596 = (input)=>{
+    var output = "";
+    for(var i = 0; i < input.length; i++)if (input.charCodeAt(i) <= 127) output += input.charAt(i);
+    return output;
+};
+const $717432aee8737b76$export$d0f8ccadd3e82b0a = (id, x, y, width, height, rotation)=>({
+        id: id,
+        type: "line",
+        opacity: 1,
+        visible: true,
+        selectable: false,
+        removable: false,
+        alwaysOnTop: true,
+        showInExport: false,
+        x: x,
+        y: y,
+        width: width,
+        height: height,
+        rotation: rotation,
+        color: "rgba(48,155,95,1)",
+        dash: [
+            4,
+            1
+        ],
+        draggable: false,
+        resizable: false
+    });
 
 
 const $f081c02ac731d950$var$getHeaders = (additionalHeaders = {})=>({
@@ -153250,6 +153275,7 @@ const $0b51cdcdcd2b1339$export$af7faffe10421f14 = {
         POSTCARD_SIZE_REQUIRED: "Postcard Size is required",
         NAME_LESS_50: "Template Name should be less than or equal to 50 characters",
         GSV_RESTRICT_ONE_PER_PAGE: "Only one GSV image is allowed per page.",
+        EMOJI_NOT_ALLOWED: "Emojis are not allowed in the template. Please remove them before saving.",
         CREATE: {
             TITLE: "Create New Template",
             TEMPLATE_LABEL: "Template Name*",
@@ -153296,6 +153322,14 @@ const $0b51cdcdcd2b1339$export$af7faffe10421f14 = {
             SUBMIT_BUTTON: "OK",
             CANCEL_BUTTON: "Cancel"
         },
+        CUSTOM_UPLOAD_SECTION: {
+            HEADING: "Do you want to upload your own images?",
+            ACCEPTED_FORMATS: "Accepted File Formats: JPEG, PNG, SVG",
+            MAX_SIZE: "Max File Size Limits: 5MB",
+            UPLOAD_BTN_TEXT: "Upload Image",
+            TYPE_VALIDATION: "Only image files with extensions jpeg, png, or svg are allowed.",
+            SIZE_VALIDATION: "File size must be under 5MB."
+        },
         DOWNLOAD_PROOF_BUTTON: "Download Proof",
         CANCEL_BUTTON: "Cancel",
         SUBMIT_BUTTON: "Save"
@@ -153386,7 +153420,7 @@ const $9d201cd516e32817$export$5f13a51c7a156d51 = (store, size, barcodeSrc)=>{
             styleEditable: false,
             text: "YOUR RETURN ADDRESS \nWILL AUTOMATICALLY \nBE PRINTED IN THIS \nPOSITION",
             placeholder: "",
-            fontSize: 12,
+            fontSize: 8,
             fontFamily: "Roboto",
             fontStyle: "normal",
             fontWeight: "normal",
@@ -153466,7 +153500,7 @@ const $9d201cd516e32817$export$5f13a51c7a156d51 = (store, size, barcodeSrc)=>{
             removable: false,
             alwaysOnTop: true,
             showInExport: true,
-            y: store.height - 12 - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 110,
+            y: store.height - 12 - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 100,
             x: store.width - size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 9 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 40,
             width: size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 80,
             height: 12,
@@ -153508,7 +153542,7 @@ const $9d201cd516e32817$export$5f13a51c7a156d51 = (store, size, barcodeSrc)=>{
             alwaysOnTop: true,
             showInExport: true,
             x: store.width - size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 10 - 9 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
-            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.125 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 150,
+            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.125 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 120,
             width: 240,
             height: 20,
             rotation: 0,
@@ -153531,7 +153565,7 @@ const $9d201cd516e32817$export$5f13a51c7a156d51 = (store, size, barcodeSrc)=>{
             styleEditable: false,
             text: "RECIPIENT ADDRESS \nWILL AUTOMATICALLY \nBE PRINTED IN THIS \nPOSITION",
             placeholder: "",
-            fontSize: 12,
+            fontSize: 13,
             fontFamily: "Roboto",
             fontStyle: "normal",
             fontWeight: "normal",
@@ -153736,7 +153770,7 @@ const $58150108dfd76800$export$485ca3438dfa1819 = (store, size, barcodeSrc)=>{
             styleEditable: false,
             text: "YOUR RETURN ADDRESS \nWILL AUTOMATICALLY \nBE PRINTED IN THIS \nPOSITION",
             placeholder: "",
-            fontSize: 12,
+            fontSize: 8,
             fontFamily: "Roboto",
             fontStyle: "normal",
             fontWeight: "normal",
@@ -153816,7 +153850,7 @@ const $58150108dfd76800$export$485ca3438dfa1819 = (store, size, barcodeSrc)=>{
             removable: false,
             alwaysOnTop: true,
             showInExport: true,
-            y: store.height - 12 - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 110,
+            y: store.height - 12 - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 100,
             x: store.width - size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 40,
             width: size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 80,
             height: 12,
@@ -153858,7 +153892,7 @@ const $58150108dfd76800$export$485ca3438dfa1819 = (store, size, barcodeSrc)=>{
             alwaysOnTop: true,
             showInExport: true,
             x: store.width - size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 10,
-            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.125 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 150,
+            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.125 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 120,
             width: 240,
             height: 20,
             rotation: 0,
@@ -153881,7 +153915,7 @@ const $58150108dfd76800$export$485ca3438dfa1819 = (store, size, barcodeSrc)=>{
             styleEditable: false,
             text: "RECIPIENT ADDRESS \nWILL AUTOMATICALLY \nBE PRINTED IN THIS \nPOSITION",
             placeholder: "",
-            fontSize: 12,
+            fontSize: 13,
             fontFamily: "Roboto",
             fontStyle: "normal",
             fontWeight: "normal",
@@ -154354,103 +154388,12 @@ const $11132e13d1f7bacf$export$fe83566325f1e1e8 = (store, barcodeSrc)=>{
 };
 
 
-
-const $61207d508899f18f$export$c3fe419eb223f4c8 = (store, size, barcodeSrc)=>{
+// Define the type for the element being added
+const $563d98d6370280e4$export$e15fac5e99e10d2e = (store)=>{
     const page = store.pages[0];
     const elements = [
         {
-            id: "figure-1",
-            type: "figure",
-            name: "",
-            opacity: 1,
-            visible: true,
-            selectable: false,
-            removable: false,
-            alwaysOnTop: true,
-            showInExport: true,
-            x: store.width - size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
-            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.125 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 4 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
-            width: size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
-            height: size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
-            rotation: 0,
-            animations: [],
-            blurEnabled: false,
-            blurRadius: 10,
-            brightnessEnabled: false,
-            brightness: 0,
-            sepiaEnabled: false,
-            grayscaleEnabled: false,
-            shadowEnabled: false,
-            shadowBlur: 5,
-            shadowOffsetX: 0,
-            shadowOffsetY: 0,
-            shadowColor: "black",
-            shadowOpacity: 1,
-            draggable: false,
-            resizable: false,
-            contentEditable: false,
-            styleEditable: false,
-            subType: "rect",
-            fill: "white",
-            dash: [],
-            strokeWidth: 0,
-            stroke: "#0c0c0c",
-            cornerRadius: 0
-        },
-        {
-            id: "return-address",
-            type: "text",
-            name: "",
-            opacity: 1,
-            visible: true,
-            selectable: false,
-            removable: false,
-            alwaysOnTop: true,
-            showInExport: true,
-            x: store.width - size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 10,
-            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.125 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 20 - 4 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
-            width: 240,
-            height: 20,
-            rotation: 0,
-            animations: [],
-            blurEnabled: false,
-            blurRadius: 10,
-            brightnessEnabled: false,
-            brightness: 0,
-            sepiaEnabled: false,
-            grayscaleEnabled: false,
-            shadowEnabled: false,
-            shadowBlur: 5,
-            shadowOffsetX: 0,
-            shadowOffsetY: 0,
-            shadowColor: "black",
-            shadowOpacity: 1,
-            draggable: false,
-            resizable: false,
-            contentEditable: false,
-            styleEditable: false,
-            text: "YOUR RETURN ADDRESS \nWILL AUTOMATICALLY \nBE PRINTED IN THIS \nPOSITION",
-            placeholder: "",
-            fontSize: 12,
-            fontFamily: "Roboto",
-            fontStyle: "normal",
-            fontWeight: "normal",
-            textDecoration: "",
-            fill: "black",
-            align: "start",
-            verticalAlign: "top",
-            strokeWidth: 0,
-            stroke: "black",
-            lineHeight: 1.2,
-            letterSpacing: 0,
-            backgroundEnabled: false,
-            backgroundColor: "#7ED321",
-            backgroundOpacity: 1,
-            backgroundCornerRadius: 0.5,
-            backgroundPadding: 0.5
-        },
-        {
-            id: "indicia",
+            id: "sequence",
             type: "text",
             name: "",
             opacity: 1,
@@ -154459,8 +154402,8 @@ const $61207d508899f18f$export$c3fe419eb223f4c8 = (store, size, barcodeSrc)=>{
             removable: false,
             alwaysOnTop: true,
             showInExport: true,
-            x: store.width - 111 - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
-            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 10 - 4 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
+            x: -0.000000000000014210854715202004,
+            y: 1014.9446441628568,
             width: 111,
             height: 40,
             rotation: 0,
@@ -154481,14 +154424,14 @@ const $61207d508899f18f$export$c3fe419eb223f4c8 = (store, size, barcodeSrc)=>{
             resizable: false,
             contentEditable: false,
             styleEditable: false,
-            text: `POSTAGE\nINDICIA`,
+            text: `Sequence`,
             placeholder: "",
-            fontSize: 12,
+            fontSize: 8,
             fontFamily: "Roboto",
             fontStyle: "normal",
             fontWeight: "normal",
             textDecoration: "",
-            fill: "black",
+            fill: "#CCCCCC",
             align: "center",
             verticalAlign: "top",
             strokeWidth: 0,
@@ -154500,100 +154443,17 @@ const $61207d508899f18f$export$c3fe419eb223f4c8 = (store, size, barcodeSrc)=>{
             backgroundOpacity: 1,
             backgroundCornerRadius: 0.5,
             backgroundPadding: 0.5
-        },
-        {
-            id: "barcode",
-            type: "image",
-            name: "",
-            opacity: 1,
-            visible: true,
-            selectable: false,
-            removable: false,
-            alwaysOnTop: true,
-            showInExport: true,
-            y: store.height - 12 - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 110 - 4 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
-            x: store.width - size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 40,
-            width: size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 80,
-            height: 12,
-            rotation: 0,
-            animations: [],
-            blurEnabled: false,
-            brightnessEnabled: false,
-            brightness: 0,
-            sepiaEnabled: false,
-            grayscaleEnabled: false,
-            shadowEnabled: false,
-            shadowOffsetX: 0,
-            shadowOffsetY: 0,
-            shadowOpacity: 1,
-            draggable: false,
-            resizable: false,
-            contentEditable: false,
-            styleEditable: false,
-            src: barcodeSrc,
-            cropX: 0,
-            cropY: 0,
-            cropWidth: 1,
-            cropHeight: 1,
-            cornerRadius: 0,
-            flipX: false,
-            flipY: false,
-            clipSrc: "",
-            borderSize: 0,
-            keepRatio: false
-        },
-        {
-            id: "recipient-address",
-            type: "text",
-            name: "",
-            opacity: 1,
-            visible: true,
-            selectable: false,
-            removable: false,
-            alwaysOnTop: true,
-            showInExport: true,
-            x: store.width - size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 10,
-            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.125 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 150 - 4 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
-            width: 240,
-            height: 20,
-            rotation: 0,
-            animations: [],
-            blurEnabled: false,
-            blurRadius: 10,
-            brightnessEnabled: false,
-            brightness: 0,
-            sepiaEnabled: false,
-            grayscaleEnabled: false,
-            shadowEnabled: false,
-            shadowBlur: 5,
-            shadowOffsetX: 0,
-            shadowOffsetY: 0,
-            shadowColor: "black",
-            shadowOpacity: 1,
-            draggable: false,
-            resizable: false,
-            contentEditable: false,
-            styleEditable: false,
-            text: "RECIPIENT ADDRESS \nWILL AUTOMATICALLY \nBE PRINTED IN THIS \nPOSITION",
-            placeholder: "",
-            fontSize: 12,
-            fontFamily: "Roboto",
-            fontStyle: "normal",
-            fontWeight: "normal",
-            textDecoration: "",
-            fill: "black",
-            align: "start",
-            verticalAlign: "top",
-            strokeWidth: 0,
-            stroke: "black",
-            lineHeight: 1.2,
-            letterSpacing: 0,
-            backgroundEnabled: false,
-            backgroundColor: "#7ED321",
-            backgroundOpacity: 1,
-            backgroundCornerRadius: 0.5,
-            backgroundPadding: 0.5
-        },
+        }
+    ];
+    elements.forEach((element)=>page.addElement(element));
+    store.history.clear();
+};
+
+
+// Define the type for the element being added
+const $3daa42fe982b7b66$export$64e7783251b1b98f = (store)=>{
+    const page = store.pages[0];
+    const elements = [
         {
             id: "sequence",
             type: "text",
@@ -154604,8 +154464,306 @@ const $61207d508899f18f$export$c3fe419eb223f4c8 = (store, size, barcodeSrc)=>{
             removable: false,
             alwaysOnTop: true,
             showInExport: true,
-            x: store.width - 111 - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
-            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 170 - 4 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
+            x: 2.842170943040401e-14,
+            y: 782.8116831973416,
+            width: 111,
+            height: 40,
+            rotation: 0,
+            animations: [],
+            blurEnabled: false,
+            blurRadius: 10,
+            brightnessEnabled: false,
+            brightness: 0,
+            sepiaEnabled: false,
+            grayscaleEnabled: false,
+            shadowEnabled: false,
+            shadowBlur: 5,
+            shadowOffsetX: 0,
+            shadowOffsetY: 0,
+            shadowColor: "black",
+            shadowOpacity: 1,
+            draggable: false,
+            resizable: false,
+            contentEditable: false,
+            styleEditable: false,
+            text: `Sequence`,
+            placeholder: "",
+            fontSize: 8,
+            fontFamily: "Roboto",
+            fontStyle: "normal",
+            fontWeight: "normal",
+            textDecoration: "",
+            fill: "#CCCCCC",
+            align: "center",
+            verticalAlign: "top",
+            strokeWidth: 0,
+            stroke: "black",
+            lineHeight: 1.2,
+            letterSpacing: 0,
+            backgroundEnabled: false,
+            backgroundColor: "#7ED321",
+            backgroundOpacity: 1,
+            backgroundCornerRadius: 0.5,
+            backgroundPadding: 0.5
+        }
+    ];
+    elements.forEach((element)=>page.addElement(element));
+    store.history.clear();
+};
+
+
+
+const $61207d508899f18f$export$c3fe419eb223f4c8 = (store, size, barcodeSrc)=>{
+    const page = store.pages[0];
+    const elements = [
+        {
+            id: "figure-1",
+            type: "figure",
+            name: "",
+            opacity: 1,
+            visible: true,
+            selectable: false,
+            removable: false,
+            alwaysOnTop: true,
+            showInExport: true,
+            x: store.width - size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
+            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.125 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 4 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
+            width: size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
+            height: size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
+            rotation: 0,
+            animations: [],
+            blurEnabled: false,
+            blurRadius: 10,
+            brightnessEnabled: false,
+            brightness: 0,
+            sepiaEnabled: false,
+            grayscaleEnabled: false,
+            shadowEnabled: false,
+            shadowBlur: 5,
+            shadowOffsetX: 0,
+            shadowOffsetY: 0,
+            shadowColor: "black",
+            shadowOpacity: 1,
+            draggable: false,
+            resizable: false,
+            contentEditable: false,
+            styleEditable: false,
+            subType: "rect",
+            fill: "white",
+            dash: [],
+            strokeWidth: 0,
+            stroke: "#0c0c0c",
+            cornerRadius: 0
+        },
+        {
+            id: "return-address",
+            type: "text",
+            name: "",
+            opacity: 1,
+            visible: true,
+            selectable: false,
+            removable: false,
+            alwaysOnTop: true,
+            showInExport: true,
+            x: store.width - size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 10,
+            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.125 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 20 - 4 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
+            width: 240,
+            height: 20,
+            rotation: 0,
+            animations: [],
+            blurEnabled: false,
+            blurRadius: 10,
+            brightnessEnabled: false,
+            brightness: 0,
+            sepiaEnabled: false,
+            grayscaleEnabled: false,
+            shadowEnabled: false,
+            shadowBlur: 5,
+            shadowOffsetX: 0,
+            shadowOffsetY: 0,
+            shadowColor: "black",
+            shadowOpacity: 1,
+            draggable: false,
+            resizable: false,
+            contentEditable: false,
+            styleEditable: false,
+            text: "YOUR RETURN ADDRESS \nWILL AUTOMATICALLY \nBE PRINTED IN THIS \nPOSITION",
+            placeholder: "",
+            fontSize: 8,
+            fontFamily: "Roboto",
+            fontStyle: "normal",
+            fontWeight: "normal",
+            textDecoration: "",
+            fill: "black",
+            align: "start",
+            verticalAlign: "top",
+            strokeWidth: 0,
+            stroke: "black",
+            lineHeight: 1.2,
+            letterSpacing: 0,
+            backgroundEnabled: false,
+            backgroundColor: "#7ED321",
+            backgroundOpacity: 1,
+            backgroundCornerRadius: 0.5,
+            backgroundPadding: 0.5
+        },
+        {
+            id: "indicia",
+            type: "text",
+            name: "",
+            opacity: 1,
+            visible: true,
+            selectable: false,
+            removable: false,
+            alwaysOnTop: true,
+            showInExport: true,
+            x: store.width - 111 - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
+            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 10 - 4 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
+            width: 111,
+            height: 40,
+            rotation: 0,
+            animations: [],
+            blurEnabled: false,
+            blurRadius: 10,
+            brightnessEnabled: false,
+            brightness: 0,
+            sepiaEnabled: false,
+            grayscaleEnabled: false,
+            shadowEnabled: false,
+            shadowBlur: 5,
+            shadowOffsetX: 0,
+            shadowOffsetY: 0,
+            shadowColor: "black",
+            shadowOpacity: 1,
+            draggable: false,
+            resizable: false,
+            contentEditable: false,
+            styleEditable: false,
+            text: `POSTAGE\nINDICIA`,
+            placeholder: "",
+            fontSize: 12,
+            fontFamily: "Roboto",
+            fontStyle: "normal",
+            fontWeight: "normal",
+            textDecoration: "",
+            fill: "black",
+            align: "center",
+            verticalAlign: "top",
+            strokeWidth: 0,
+            stroke: "black",
+            lineHeight: 1.2,
+            letterSpacing: 0,
+            backgroundEnabled: false,
+            backgroundColor: "#7ED321",
+            backgroundOpacity: 1,
+            backgroundCornerRadius: 0.5,
+            backgroundPadding: 0.5
+        },
+        {
+            id: "barcode",
+            type: "image",
+            name: "",
+            opacity: 1,
+            visible: true,
+            selectable: false,
+            removable: false,
+            alwaysOnTop: true,
+            showInExport: true,
+            y: store.height - 12 - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 100 - 4 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
+            x: store.width - size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 40,
+            width: size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 80,
+            height: 12,
+            rotation: 0,
+            animations: [],
+            blurEnabled: false,
+            brightnessEnabled: false,
+            brightness: 0,
+            sepiaEnabled: false,
+            grayscaleEnabled: false,
+            shadowEnabled: false,
+            shadowOffsetX: 0,
+            shadowOffsetY: 0,
+            shadowOpacity: 1,
+            draggable: false,
+            resizable: false,
+            contentEditable: false,
+            styleEditable: false,
+            src: barcodeSrc,
+            cropX: 0,
+            cropY: 0,
+            cropWidth: 1,
+            cropHeight: 1,
+            cornerRadius: 0,
+            flipX: false,
+            flipY: false,
+            clipSrc: "",
+            borderSize: 0,
+            keepRatio: false
+        },
+        {
+            id: "recipient-address",
+            type: "text",
+            name: "",
+            opacity: 1,
+            visible: true,
+            selectable: false,
+            removable: false,
+            alwaysOnTop: true,
+            showInExport: true,
+            x: store.width - size[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 10,
+            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) - 0.125 * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 120 - 4 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
+            width: 240,
+            height: 20,
+            rotation: 0,
+            animations: [],
+            blurEnabled: false,
+            blurRadius: 10,
+            brightnessEnabled: false,
+            brightness: 0,
+            sepiaEnabled: false,
+            grayscaleEnabled: false,
+            shadowEnabled: false,
+            shadowBlur: 5,
+            shadowOffsetX: 0,
+            shadowOffsetY: 0,
+            shadowColor: "black",
+            shadowOpacity: 1,
+            draggable: false,
+            resizable: false,
+            contentEditable: false,
+            styleEditable: false,
+            text: "RECIPIENT ADDRESS \nWILL AUTOMATICALLY \nBE PRINTED IN THIS \nPOSITION",
+            placeholder: "",
+            fontSize: 13,
+            fontFamily: "Roboto",
+            fontStyle: "normal",
+            fontWeight: "normal",
+            textDecoration: "",
+            fill: "black",
+            align: "start",
+            verticalAlign: "top",
+            strokeWidth: 0,
+            stroke: "black",
+            lineHeight: 1.2,
+            letterSpacing: 0,
+            backgroundEnabled: false,
+            backgroundColor: "#7ED321",
+            backgroundOpacity: 1,
+            backgroundCornerRadius: 0.5,
+            backgroundPadding: 0.5
+        },
+        {
+            id: "sequence",
+            type: "text",
+            name: "",
+            opacity: 1,
+            visible: true,
+            selectable: false,
+            removable: false,
+            alwaysOnTop: true,
+            showInExport: true,
+            x: store.width - 111 - 0.15 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
+            y: store.height - size[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610) + 170 - 4 * (0, $7ad22e5ca6c288ca$export$6032165a31897610),
             width: 111,
             height: 40,
             rotation: 0,
@@ -154704,11 +154862,164 @@ const $61207d508899f18f$export$c3fe419eb223f4c8 = (store, size, barcodeSrc)=>{
 };
 
 
+
+const $7ebf274b17417b89$export$2978a94ed9e6116d = (store)=>{
+    const randomizedId = Math.random().toString(36).substring(2, 7);
+    const safetyBordersTextFirst = {
+        id: `safety-text-1-${randomizedId}`,
+        type: "text",
+        name: "",
+        opacity: 1,
+        visible: true,
+        selectable: false,
+        removable: false,
+        alwaysOnTop: true,
+        showInExport: false,
+        x: -21.71264327947958,
+        y: 3.686579784300327,
+        width: 543,
+        height: 12,
+        rotation: 0,
+        animations: [],
+        blurEnabled: false,
+        blurRadius: 10,
+        brightnessEnabled: false,
+        brightness: 0,
+        sepiaEnabled: false,
+        grayscaleEnabled: false,
+        shadowEnabled: false,
+        shadowBlur: 5,
+        shadowOffsetX: 0,
+        shadowOffsetY: 0,
+        shadowColor: "black",
+        shadowOpacity: 1,
+        draggable: false,
+        resizable: false,
+        contentEditable: false,
+        styleEditable: false,
+        text: "Keep important text/images inside the green line. Content beyond this line may be trimmed during production.",
+        fontSize: 9,
+        fontFamily: "Noto Sans JP",
+        fontStyle: "italic",
+        fontWeight: "normal",
+        fill: "rgba(74,74,74,1)",
+        align: "center",
+        verticalAlign: "top",
+        strokeWidth: 0,
+        stroke: "black",
+        lineHeight: 1.2,
+        letterSpacing: 0,
+        backgroundEnabled: false,
+        backgroundColor: "#7ED321",
+        backgroundOpacity: 1,
+        backgroundCornerRadius: 0.5,
+        backgroundPadding: 0.5
+    };
+    const firstPageBorders = {
+        id: `safety-border-1-${randomizedId}`,
+        type: "group",
+        opacity: 1,
+        visible: true,
+        selectable: false,
+        removable: false,
+        alwaysOnTop: true,
+        showInExport: false,
+        children: [
+            (0, $717432aee8737b76$export$d0f8ccadd3e82b0a)("top-1", 18.19, 14.7, 539.61, 1.97, 0),
+            (0, $717432aee8737b76$export$d0f8ccadd3e82b0a)("bottom-1", 18.19, 367.32, 539.61, 1.97, 0),
+            (0, $717432aee8737b76$export$d0f8ccadd3e82b0a)("left-1", 17.21, 368.31, 352.62, 1.97, -90),
+            (0, $717432aee8737b76$export$d0f8ccadd3e82b0a)("right-1", 556.82, 368.31, 352.62, 1.97, -90)
+        ]
+    };
+    const safetyBordersTextSecond = {
+        id: `safety-text-2-${randomizedId}`,
+        type: "text",
+        name: "",
+        opacity: 1,
+        visible: true,
+        selectable: false,
+        removable: false,
+        alwaysOnTop: true,
+        showInExport: false,
+        x: -21.71264327947958,
+        y: 3.686579784300327,
+        width: 543,
+        height: 12,
+        rotation: 0,
+        animations: [],
+        blurEnabled: false,
+        blurRadius: 10,
+        brightnessEnabled: false,
+        brightness: 0,
+        sepiaEnabled: false,
+        grayscaleEnabled: false,
+        shadowEnabled: false,
+        shadowBlur: 5,
+        shadowOffsetX: 0,
+        shadowOffsetY: 0,
+        shadowColor: "black",
+        shadowOpacity: 1,
+        draggable: false,
+        resizable: false,
+        contentEditable: false,
+        styleEditable: false,
+        text: "Keep important text/images inside the green line. Content beyond this line may be trimmed during production.",
+        fontSize: 9,
+        fontFamily: "Noto Sans JP",
+        fontStyle: "italic",
+        fontWeight: "normal",
+        fill: "rgba(74,74,74,1)",
+        align: "center",
+        verticalAlign: "top",
+        strokeWidth: 0,
+        stroke: "black",
+        lineHeight: 1.2,
+        letterSpacing: 0,
+        backgroundEnabled: false,
+        backgroundColor: "#7ED321",
+        backgroundOpacity: 1,
+        backgroundCornerRadius: 0.5,
+        backgroundPadding: 0.5
+    };
+    const secondPageBorders = {
+        id: `safety-border-2-${randomizedId}`,
+        type: "group",
+        opacity: 1,
+        visible: true,
+        selectable: false,
+        removable: false,
+        alwaysOnTop: true,
+        showInExport: false,
+        children: [
+            (0, $717432aee8737b76$export$d0f8ccadd3e82b0a)(`top-2-${randomizedId}`, 18.19, 14.7, 539.61, 1.97, 0),
+            (0, $717432aee8737b76$export$d0f8ccadd3e82b0a)(`bottom-2-${randomizedId}`, 18.19, 367.32, 539.61, 1.97, 0),
+            (0, $717432aee8737b76$export$d0f8ccadd3e82b0a)(`left-2-${randomizedId}`, 17.21, 368.31, 352.62, 1.97, -90),
+            (0, $717432aee8737b76$export$d0f8ccadd3e82b0a)(`right-2-${randomizedId}`, 556.82, 368.31, 352.62, 1.97, -90)
+        ]
+    };
+    // Add elements to the pages
+    store.pages[0]?.addElement(firstPageBorders);
+    store?.pages[0]?.addElement(safetyBordersTextFirst);
+    store.pages[1]?.addElement(secondPageBorders);
+    store.pages[1]?.addElement(safetyBordersTextSecond);
+    // Clear history
+    store.history.clear();
+};
+
+
+const $39231ae325c5aacf$export$b8070c2bd9d59c10 = (productId, store)=>{
+    if (!productId) return;
+    if (+productId === 13) (0, $7ebf274b17417b89$export$2978a94ed9e6116d)(store);
+};
+
+
 const $ad01ab85e9f42d02$export$c957b57e52c8dfb1 = {
     "Postcards-": true,
     "Tri-Fold Self-Mailers-": true,
     "Bi-Fold Self-Mailers-": true,
-    "Professional Letters-#10 Double-Window": true
+    "Personal Letters-": true,
+    "Professional Letters-#10 Double-Window": true,
+    "Professional Letters-#10 Grey": true
 };
 const $ad01ab85e9f42d02$export$dc2daac47827fb7f = [
     "Postcards",
@@ -154784,12 +155095,16 @@ const $ad01ab85e9f42d02$export$3c4ee5ffa62bdd4b = (title, url)=>{
 const $ad01ab85e9f42d02$export$8029e38c28541a = (store, product, envelopeType)=>{
     const barcodeSrc = ((0, $717432aee8737b76$export$d97320b3491da14)() ? (0, $7ad22e5ca6c288ca$export$31ebffddc71c8253) : (0, $7ad22e5ca6c288ca$export$79361813a10e9e28)) + (0, $7ad22e5ca6c288ca$export$7a42bc549c2355e6);
     if ($ad01ab85e9f42d02$export$c957b57e52c8dfb1[`${product.productType}-${envelopeType}`]) {
-        if (product.productType === "Professional Letters") (0, $11132e13d1f7bacf$export$fe83566325f1e1e8)(store, barcodeSrc);
-        else if (product.productType === (0, $7ad22e5ca6c288ca$export$3e994a540f8ee57)[0]) (0, $58150108dfd76800$export$485ca3438dfa1819)(store, [
-            3.2835,
-            2.375
-        ], barcodeSrc);
-        else if (product.productType === (0, $7ad22e5ca6c288ca$export$3e994a540f8ee57)[1]) (0, $61207d508899f18f$export$c3fe419eb223f4c8)(store, [
+        if (product.productType === "Professional Letters" && envelopeType === "#10 Double-Window") (0, $11132e13d1f7bacf$export$fe83566325f1e1e8)(store, barcodeSrc);
+        else if (product.productType === "Professional Letters" && envelopeType === "#10 Grey") (0, $563d98d6370280e4$export$e15fac5e99e10d2e)(store);
+        else if (product.productType === "Personal Letters") (0, $3daa42fe982b7b66$export$64e7783251b1b98f)(store);
+        else if (product.productType === (0, $7ad22e5ca6c288ca$export$3e994a540f8ee57)[0]) {
+            (0, $58150108dfd76800$export$485ca3438dfa1819)(store, [
+                3.2835,
+                2.375
+            ], barcodeSrc);
+            (0, $39231ae325c5aacf$export$b8070c2bd9d59c10)(product?.id, store);
+        } else if (product.productType === (0, $7ad22e5ca6c288ca$export$3e994a540f8ee57)[1]) (0, $61207d508899f18f$export$c3fe419eb223f4c8)(store, [
             3.2835,
             2.375
         ], barcodeSrc);
@@ -154810,6 +155125,22 @@ const $ad01ab85e9f42d02$export$464e4dcbf779d16c = (jsonData)=>{
     });
     return fontFamilies;
 };
+const $ad01ab85e9f42d02$export$d5a1fddcf19adead = (jsonData)=>{
+    let clonedData = JSON.parse(JSON.stringify(jsonData));
+    const updatedJson = clonedData.pages.map((obj)=>{
+        if (obj.children) obj.children = obj.children.map((child)=>{
+            if (child.type === "text" && typeof child.text === "string") {
+                const cleanedText = (0, $717432aee8737b76$export$cb0bbc88c7f09596)(child.text);
+                // eslint-disable-next-line no-useless-escape
+                child.text = cleanedText.replace(/[{}\[\]]/g, "");
+            }
+            return child;
+        });
+        return obj;
+    });
+    clonedData.pages = updatedJson;
+    return clonedData;
+};
 const $ad01ab85e9f42d02$export$235f8e1ceb01c6a5 = (pages)=>{
     const hasMultipleGSV = (children)=>children.filter(({ custom: custom })=>custom?.elementType === "GOOGLE_STREET_VIEW").length > 1;
     for (const page of pages){
@@ -154817,6 +155148,13 @@ const $ad01ab85e9f42d02$export$235f8e1ceb01c6a5 = (pages)=>{
     }
     return true;
 };
+const $ad01ab85e9f42d02$export$a1da92a5104ba69f = (pages)=>{
+    const textElements = (children)=>children.filter(({ type: type, text: text })=>type === "text" && (0, $7ad22e5ca6c288ca$export$668f6b29ff2ac480).test(text));
+    for (const page of pages){
+        if (textElements(page.children).length) return true;
+    }
+    return false;
+};
 
 
 // src/components/Grid.js
@@ -155002,34 +155340,6 @@ var $3f4ef87f7a4a530a$export$2e2bcd8739ae039 = $3f4ef87f7a4a530a$var$GeneralSele
 
 
 
-const $6ca040a325a745aa$export$fe7c49d056ea1d88 = (message, heading = "")=>(dispatch)=>{
-        dispatch({
-            type: (0, $e496cac0faa1ff17$export$bcebd1097d6619a3),
-            payload: {
-                message: message,
-                heading: heading
-            }
-        });
-    };
-const $6ca040a325a745aa$export$af2dba6db4e9e1f0 = (message, heading = "")=>(dispatch)=>{
-        dispatch({
-            type: (0, $e496cac0faa1ff17$export$be1c2eafe8725e5f),
-            payload: {
-                message: message,
-                heading: heading
-            }
-        });
-    };
-const $6ca040a325a745aa$export$823cdc5238933767 = ()=>(dispatch)=>{
-        dispatch({
-            type: (0, $e496cac0faa1ff17$export$5a5bdcd828e4c856)
-        });
-    };
-
-
-
-
-
 
 const $fb8d63cd819e9d3d$var$Cross = (props)=>{
     const { toast: toast } = props;
@@ -155051,50 +155361,74 @@ var $fb8d63cd819e9d3d$export$2e2bcd8739ae039 = $fb8d63cd819e9d3d$var$Cross;
 
 
 
-const $a9c4d245899171bf$var$GenericSnackbar = ()=>{
+const $49857baad0b39325$var$GenericSnackbar = ()=>{
     const open = (0, useSelector)((state)=>state.snackbarReducers.snackbar.open);
     const heading = (0, useSelector)((state)=>state.snackbarReducers.snackbar.heading);
     const message = (0, useSelector)((state)=>state.snackbarReducers.snackbar.message);
     const dispatch = (0, useDispatch)();
-    const Element = /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
-        className: "toast-content",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
-                children: heading || "Notifications"
-            }),
-            /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
-                children: message || (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).GENERAL_ERROR
-            })
-        ]
-    });
-    const notify = ()=>(0, react_toastify_esm_B)(Element, {
-            toastId: "myToast"
-        });
-    (0, react.useEffect)(()=>{
-        if (open) {
-            notify();
-            dispatch((0, $6ca040a325a745aa$export$823cdc5238933767)());
-        }
-        (0, react_toastify_esm_B).clearWaitingQueue({
-            containerId: "myToast"
+    const snackbar = (0, useSelector)((state)=>state.snackbarReducers.snackbar); // Adjust this based on your root reducer
+    const Toast = ({ snackMessage: snackMessage, snackHeading: snackHeading, type: type, onClose: onClose, onPauseHover: onPauseHover })=>{
+        const [animateOut, setAnimateOut] = (0, react.useState)(false); // Control when to start exit animation
+        (0, react.useEffect)(()=>{
+            // Automatically trigger exit after 3 seconds
+            const autoCloseTimer = setTimeout(()=>{
+                setAnimateOut(true); // Start exit animation
+                dispatch({
+                    type: (0, $e496cac0faa1ff17$export$5a5bdcd828e4c856)
+                });
+            }, 3000);
+            // Fully remove the toast after exit animation finishes
+            const removeTimer = setTimeout(()=>{
+                onClose();
+            }, 3500); // 3.5s allows the exit animation to complete
+            return ()=>{
+                clearTimeout(autoCloseTimer);
+                clearTimeout(removeTimer);
+            };
+        }, [
+            open,
+            onClose
+        ]);
+        return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+            className: `toast ${type} ${animateOut ? "slideOut" : "slideIn"}`,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+                    className: "toastContent",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
+                            children: snackHeading || "Notifications"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)("p", {
+                            children: snackMessage || (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).GENERAL_ERROR
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, jsx_runtime.jsx)("button", {
+                    className: "closeIcon",
+                    onClick: onClose,
+                    children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $fb8d63cd819e9d3d$export$2e2bcd8739ae039), {
+                        toast: true
+                    })
+                })
+            ]
         });
-    }, [
-        open
-    ]);
-    return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, react_toastify_esm_Q), {
-        limit: 1,
-        className: "toast-container",
-        toastClassName: "basic-toast",
-        bodyClassName: "toast-body",
-        hideProgressBar: true,
-        autoClose: 3000,
-        closeButton: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $fb8d63cd819e9d3d$export$2e2bcd8739ae039), {
-            toast: true
-        }),
-        closeOnClick: true
+    };
+    return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
+        children: /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+            className: `toast-container ${!open && "noToast"}`,
+            children: open && /*#__PURE__*/ (0, jsx_runtime.jsx)(Toast, {
+                snackMessage: message,
+                snackHeading: heading,
+                type: snackbar.status,
+                onClose: ()=>dispatch({
+                        type: (0, $e496cac0faa1ff17$export$5a5bdcd828e4c856)
+                    }),
+                onPauseHover: true
+            })
+        })
     });
 };
-var $a9c4d245899171bf$export$2e2bcd8739ae039 = $a9c4d245899171bf$var$GenericSnackbar;
+var $49857baad0b39325$export$2e2bcd8739ae039 = $49857baad0b39325$var$GenericSnackbar;
 
 
 
@@ -155949,7 +156283,7 @@ const $dd071d7635be500b$var$CreateTemplate = ({ onReturnAndNavigate: onReturnAnd
                             ]
                         })
                     }),
-                    /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a9c4d245899171bf$export$2e2bcd8739ae039), {})
+                    /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $49857baad0b39325$export$2e2bcd8739ae039), {})
                 ]
             })
         ]
@@ -155969,6 +156303,30 @@ var $dd071d7635be500b$export$2e2bcd8739ae039 = $dd071d7635be500b$var$CreateTempl
 
 
 
+const $6ca040a325a745aa$export$fe7c49d056ea1d88 = (message, heading = "")=>(dispatch)=>{
+        dispatch({
+            type: (0, $e496cac0faa1ff17$export$bcebd1097d6619a3),
+            payload: {
+                message: message,
+                heading: heading
+            }
+        });
+    };
+const $6ca040a325a745aa$export$af2dba6db4e9e1f0 = (message, heading = "")=>(dispatch)=>{
+        dispatch({
+            type: (0, $e496cac0faa1ff17$export$be1c2eafe8725e5f),
+            payload: {
+                message: message,
+                heading: heading
+            }
+        });
+    };
+const $6ca040a325a745aa$export$823cdc5238933767 = ()=>(dispatch)=>{
+        dispatch({
+            type: (0, $e496cac0faa1ff17$export$5a5bdcd828e4c856)
+        });
+    };
+
 
 
 // Define the type for the element being added
@@ -156037,7 +156395,7 @@ const $14dc1102dd22ee0f$export$fac40f04596fc189 = (store)=>{
             alwaysOnTop: true,
             showInExport: true,
             x: 25.499999994998234,
-            y: 220.60449354986338,
+            y: 200.60449354986338,
             width: 477,
             height: 400,
             rotation: 0,
@@ -156058,7 +156416,7 @@ const $14dc1102dd22ee0f$export$fac40f04596fc189 = (store)=>{
             resizable: false,
             contentEditable: true,
             styleEditable: false,
-            text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. In recent projects, we've focused heavily on OLC to enhance digital engagement. Real Penned Letters, is a unique initiative.\n\nAs we continue to develop OLC platforms, we remain committed to integrating elements like Real Penned Letters to enhance digital and personal communication. \n",
+            text: "   We are interested in purchasing your property at ((C.PROPERTY_ADDRESS)). \n  \n     I am a serious buyer with CASH. \n\n Please call me at  ((SPF.PHONE_NUMBER)) to discuss my offer.\n",
             fontSize: 20,
             fontFamily: "lexi Regular",
             fontStyle: "normal",
@@ -156088,7 +156446,7 @@ const $14dc1102dd22ee0f$export$fac40f04596fc189 = (store)=>{
             alwaysOnTop: true,
             showInExport: true,
             x: 165.49999999499846,
-            y: 575.7346179851188,
+            y: 515.7346179851188,
             width: 335,
             height: 75,
             rotation: 0,
@@ -156109,7 +156467,7 @@ const $14dc1102dd22ee0f$export$fac40f04596fc189 = (store)=>{
             resizable: false,
             contentEditable: true,
             styleEditable: false,
-            text: "Regards,\nYour Name",
+            text: "Thanks!,, \n  ((SPF.FIRST_NAME))",
             fontSize: 20,
             fontFamily: "lexi Regular",
             fontStyle: "normal",
@@ -156135,6 +156493,8 @@ const $14dc1102dd22ee0f$export$fac40f04596fc189 = (store)=>{
 
 
 
+
+
 var $6095227f2f4b1a81$exports = {};
 $6095227f2f4b1a81$exports = JSON.parse('["Roboto","Noto Sans JP","Montserrat","Poppins","Lato","Roboto Condensed","Inter","Oswald","Noto Sans","Roboto Mono","Raleway","Nunito Sans","Rubik","Nunito","Ubuntu","Playfair Display","Merriweather","Noto Sans KR","Roboto Slab","PT Sans","Noto Sans TC","Kanit","Work Sans","Lora","DM Sans","Fira Sans","IBM Plex Sans","Quicksand","Mulish","Barlow","Manrope","Heebo","Titillium Web","PT Serif","Karla","Noto Serif","Libre Franklin","Mukta","Nanum Gothic","Noto Sans SC","Inconsolata","Hind Siliguri","Josefin Sans","Arimo","Archivo","Libre Baskerville","Bebas Neue","Dosis","Cairo","Abel","Space Grotesk","Jost","Source Code Pro","PT Sans Narrow","EB Garamond","Oxygen","Anton","Outfit","Dancing Script","Bitter","Teko","Cabin","Overpass","Noto Sans HK","Barlow Condensed","Noto Serif JP","Exo 2","Pacifico","Hind","Prompt","Assistant","Comfortaa","Lobster","Crimson Text","Signika Negative","Sora","Fjalla One","M PLUS Rounded 1c","Zilla Slab","IBM Plex Mono","Noto Sans Arabic","Rajdhani","Inria Sans","Play","Chakra Petch","Public Sans","Maven Pro","Figtree","Source Sans 3","Varela Round","Archivo Black","Caveat","IBM Plex Sans Arabic","Cormorant Garamond","Red Hat Display","Asap","Permanent Marker","DM Serif Display","Slabo 27px","Arvo","Abril Fatface","Shadows Into Light","Barlow Semi Condensed","Fira Sans Condensed","Almarai","Tajawal","Lilita One","Plus Jakarta Sans","Lexend","Nanum Gothic Coding","Hind Madurai","Questrial","M PLUS 1p","Nanum Myeongjo","Indie Flower","IBM Plex Serif","Yanone Kaffeesatz","Domine","Rowdies","Merriweather Sans","Concert One","Asap Condensed","Orbitron","Source Serif 4","Catamaran","Russo One","Satisfy","Didact Gothic","Archivo Narrow","Signika","Chivo","Cinzel","Sarabun","Vollkorn","Acme","Noto Kufi Arabic","Oleo Script","Urbanist","Roboto Flex","Philosopher","Marcellus","Saira Condensed","Exo","Frank Ruhl Libre","Alegreya","Bree Serif","Alfa Slab One","Amatic SC","Silkscreen","Montserrat Alternates","Black Ops One","Readex Pro","Kalam","Cormorant","Amiri","Alegreya Sans","ABeeZee","Rubik Bubbles","Libre Caslon Text","Be Vietnam Pro","Tinos","Noto Sans Thai","Spectral","Neuton","Great Vibes","Changa","Passion One","Lobster Two","Righteous","Prata","Courgette","Patua One","PT Sans Caption","Arsenal","Lexend Deca","Sawarabi Mincho","Ubuntu Mono","Mate","Martel","Noto Serif KR","Noticia Text","Alice","Ubuntu Condensed","Cardo","Noto Sans Display","Zen Kaku Gothic New","Noto Serif TC","Cantarell","Alata","Fraunces","Yellowtail","Bodoni Moda","Khand","Sacramento","Luckiest Guy","Yantramanav","Francois One","Old Standard TT","Kaushan Script","Space Mono","Crete Round","Sawarabi Gothic","DM Serif Text","El Messiri","Encode Sans","Josefin Slab","Gruppo","Saira","Cuprum","Bungee","Encode Sans Condensed","Noto Naskh Arabic","Inter Tight","Gothic A1","Zeyada","Noto Sans Mono","Crimson Pro","Antic Slab","Pathway Gothic One","Advent Pro","Quattrocento","Quattrocento Sans","Paytone One","Unbounded","Architects Daughter","Mate SC","Gloria Hallelujah","IBM Plex Sans Condensed","Alegreya Sans SC","Commissioner","Unna","Special Elite","Yeseva One","Literata","League Spartan","Rokkitt","Gelasio","Noto Sans Bengali","Tangerine","Yatra One","Roboto Serif","Rubik Mono One","Itim","Cookie","Poiret One","Libre Barcode 39","Unica One","Tenor Sans","Merienda","Carter One","Fira Sans Extra Condensed","Sen","Abhaya Libre","Taviraj","News Cycle","Kosugi Maru","Playfair Display SC","Aleo","Mitr","Sanchez","Bangers","Mukta Malar","Amaranth","Courier Prime","Adamina","Titan One","Noto Sans Devanagari","Staatliches","Allura","Red Hat Text","Baloo 2","Handlee","Patrick Hand","Viga","Ultra","Faustina","Gudea","JetBrains Mono","Sofia","Voltaire","DM Mono","Vidaloka","Zen Maru Gothic","Albert Sans","Epilogue","Petrona","Hammersmith One","Ropa Sans","Bad Script","Neucha","Lalezar","Parisienne","Marck Script","Comic Neue","Pridi","Press Start 2P","Hind Vadodara","Baskervville","PT Mono","Saira Semi Condensed","Six Caps","Monda","Shippori Mincho","Castoro","Volkhov","Audiowide","Cousine","Antonio","Forum","Homemade Apple","Sorts Mill Goudy","Mandali","Krub","Blinker","Fredoka","Mada","Actor","Electrolize","Monoton","Secular One","Reenie Beanie","STIX Two Text","Noto Serif SC","Lusitana","Alex Brush","Noto Sans Tamil","Playball","Ruda","Noto Serif Bengali","Quantico","Alexandria","Jura","Bai Jamjuree","Nanum Pen Script","Pragati Narrow","Share Tech Mono","Mr Dafoe","Julius Sans One","Istok Web","Nothing You Could Do","Rock Salt","Sriracha","Londrina Solid","Eczar","Laila","Varela","Kumbh Sans","League Gothic","BIZ UDPGothic","Armata","Fira Mono","Fugaz One","Pangolin","Geologica","Cabin Condensed","Koulen","Syne","Anonymous Pro","Gilda Display","VT323","Sansita","BenchNine","Italianno","Jaldi","Cutive Mono","Shrikhand","Newsreader","Alef","Libre Bodoni","Creepster","Niramit","Macondo","Pinyon Script","Khula","Days One","Basic","Black Han Sans","Pontano Sans","Playfair","Damion","Saira Extra Condensed","Calistoga","Rufina","GFS Didot","Leckerli One","Kurale","Sarala","Alatsi","Short Stack","Graduate","Sofia Sans Condensed","Holtwood One SC","Amita","Rammetto One","Kreon","Economica","Martel Sans","Quintessential","Covered By Your Grace","Alumni Sans","Dela Gothic One","Changa One","Julee","Noto Sans Hebrew","Atkinson Hyperlegible","Palanquin","Charm","Averia Serif Libre","Racing Sans One","PT Serif Caption","Noto Sans Malayalam","Ramabhadra","Anuphan","Lemonada","Cabin Sketch","Berkshire Swash","Big Shoulders Display","K2D","Aclonica","Karma","Just Me Again Down Here","Suez One","Caveat Brush","Chewy","Glegoo","Pathway Extreme","Coda","Yrsa","Trocchi","Cormorant Infant","Candal","Andika","IBM Plex Sans Thai","Cinzel Decorative","Lustria","Hanken Grotesk","Arapey","Antic","Hind Guntur","Reem Kufi","Athiti","Salsa","Belleza","Michroma","Sintony","Fredericka the Great","Zen Old Mincho","Kiwi Maru","Baloo Bhaijaan 2","Gochi Hand","Rozha One","Syncopate","Pattaya","Sofia Sans","Mali","Nanum Brush Script","Oxanium","Marmelad","Just Another Hand","Balsamiq Sans","Scada","Allerta Stencil","Arizonia","Seaweed Script","Cantata One","Rubik Moonrocks","Jua","Judson","Squada One","Noto Serif Display","Do Hyeon","Shadows Into Light Two","Annie Use Your Telescope","Irish Grover","Oranienbaum","Pirata One","Marcellus SC","Palanquin Dark","Akshar","Brygada 1918","Bevan","Boogaloo","Vazirmatn","BioRhyme","Wallpoet","Mrs Saint Delafield","Radio Canada","Maitree","Averia Libre","Contrail One","M PLUS 1","Podkova","Bellefair","Darker Grotesque","Grandstander","David Libre","Nobile","Telex","Delius","Golos Text","Aldrich","Allerta","Monsieur La Doulaise","Rye","Herr Von Muellerhoff","Coming Soon","Biryani","Lateef","Alike","Hanuman","Limelight","Big Shoulders Text","Baloo Da 2","Bowlby One SC","Caudex","Rancho","Gayathri","Grand Hotel","Aladin","Arbutus Slab","Kristi","Cedarville Cursive","Metrophobic","Krona One","Georama","Corben","Trirong","Henny Penny","La Belle Aurore","Yesteryear","Markazi Text","Bowlby One","Rambla","Ephesis","Average Sans","Spinnaker","Livvic","Vollkorn SC","UnifrakturMaguntia","Chonburi","Sigmar One","Zen Antique","Overlock","Niconne","Gurajada","Kdam Thmor Pro","Mallanna","Manjari","Overpass Mono","B612 Mono","Arya","Nixie One","Knewave","Kosugi","IM Fell English SC","Encode Sans Semi Condensed","Amethysta","Kameron","Ibarra Real Nova","Ovo","Odibee Sans","Halant","Allison","Klee One","Miriam Libre","Grenze Gotisch","Coustard","Bungee Inline","Magra","Glory","Cormorant Upright","Jockey One","Alegreya SC","Amiko","B612","IBM Plex Sans KR","Shippori Mincho B1","Aboreto","Bubblegum Sans","Rochester","Average","Enriqueta","Fanwood Text","Petit Formal Script","Protest Revolution","Homenaje","Calligraffitti","Rasa","Croissant One","Turret Road","IM Fell English","Mina","Fjord One","Gabriela","Italiana","Rosario","Noto Nastaliq Urdu","Kufam","Della Respira","Mansalva","Poller One","Montserrat Subrayada","Love Ya Like A Sister","Stardos Stencil","Tomorrow","Noto Sans Khmer","IM Fell DW Pica","Sniglet","Inria Serif","Nova Square","Brawler","Spectral SC","Thasadith","Waiting for the Sunrise","RocknRoll One","Zen Kaku Gothic Antique","Oxygen Mono","Chivo Mono","Noto Sans Kannada","Bungee Shade","Kaisei Decol","Lemon","Molengo","Young Serif","Carrois Gothic","M PLUS 2","Dawning of a New Day","Elsie","Chelsea Market","NTR","Quando","Fahkwang","Noto Serif Devanagari","Kelly Slab","Style Script","Schoolbell","DotGothic16","Bentham","Sofia Sans Extra Condensed","Cambay","Goudy Bookletter 1911","Azeret Mono","Instrument Sans","ZCOOL XiaoWei","Gabarito","Proza Libre","Vesper Libre","Hahmlet","Antic Didone","Copse","Ma Shan Zheng","Noto Sans Sinhala","Gloock","MuseoModerno","Fondamento","Trykker","Wix Madefor Text","Schibsted Grotesk","Radley","Sue Ellen Francisco","Tillana","Cormorant SC","Federo","Fauna One","Goblin One","Cutive","Meddon","Baloo Paaji 2","Slabo 13px","Ms Madi","Jomhuria","Alike Angular","Zen Kurenaido","Aref Ruqaa","Norican","Modak","Rakkas","Sansita Swashed","Oleo Script Swash Caps","Capriola","Baloo Thambi 2","Kadwa","KoHo","Lexend Zetta","Baloo Tamma 2","Marvel","Share","Headland One","Noto Sans Gujarati","Hepta Slab","Bellota Text","Oregano","Germania One","Nova Mono","Amarante","Oooh Baby","Gravitas One","Qwigley","BIZ UDGothic","Ruslan Display","Padauk","Rouge Script","Prosto One","Dongle","Noto Sans Telugu","Mouse Memoirs","Cambo","Metamorphous","Sedgwick Ave","Gafata","Supermercado One","Notable","Inknut Antiqua","Noto Sans Myanmar","Lexend Exa","Caladea","Shantell Sans","Mountains of Christmas","Yusei Magic","Kodchasan","Freehand","Sumana","Duru Sans","Anaheim","Hurricane","Besley","Meie Script","Megrim","Delius Unicase","Give You Glory","Flamenco","Coiny","Montez","Onest","Hi Melody","Poly","Averia Sans Libre","Mako","Syne Mono","Red Rose","ZCOOL QingKe HuangYou","Saira Stencil One","Happy Monkey","Skranji","Encode Sans Semi Expanded","Walter Turncoat","Fuggles","Over the Rainbow","Noto Sans NKo Unjoined","Vina Sans","Sulphur Point","Noto Serif Malayalam","Spline Sans","Goldman","Fresca","Original Surfer","Abyssinica SIL","Asul","Noto Sans Oriya","Tenali Ramakrishna","Pompiere","Aguafina Script","Mukta Vaani","Wix Madefor Display","Loved by the King","Crafty Girls","Mirza","Gotu","Euphoria Script","Andada Pro","Mr De Haviland","Bungee Hairline","Suranna","Allan","Carme","Sail","Expletus Sans","Baloo Chettan 2","IBM Plex Sans JP","Lekton","Geo","Shalimar","Ledger","BhuTuka Expanded One","IM Fell Double Pica","Inder","Familjen Grotesk","Trade Winds","Puritan","Bigshot One","Galada","Mukta Mahee","Libre Caslon Display","Rampart One","Buenard","Codystar","Clicker Script","Bakbak One","Esteban","Hina Mincho","Gugi","Bayon","Kranky","Xanh Mono","Battambang","Wendy One","Frijole","Murecho","Convergence","Flow Circular","Barriecito","Farro","Whisper","Numans","Kenia","Artifika","Dokdo","Kaisei Opti","Sarpanch","Baloo Bhai 2","Vast Shadow","Lily Script One","BIZ UDPMincho","Libre Barcode 39 Text","Anek Malayalam","Noto Sans Meetei Mayek","Noto Sans Armenian","McLaren","Noto Sans Gurmukhi","Montaga","League Script","Gantari","Gaegu","Noto Serif Georgian","Timmana","Manuale","Fontdiner Swanky","Gluten","Poltawski Nowy","Harmattan","Noto Sans Georgian","Almendra","Vibur","Marhey","Orelega One","Encode Sans Expanded","Mochiy Pop One","Sevillana","Finger Paint","Solway","Zen Antique Soft","Ceviche One","Mogra","Cormorant Unicase","WindSong","Baumans","Overlock SC","Noto Serif Hebrew","Share Tech","Medula One","Reggae One","Slackey","Anta","MedievalSharp","Eater","Road Rage","Akaya Kanadaka","Bricolage Grotesque","Cherry Cream Soda","Major Mono Display","Atma","Kalnia","Comforter Brush","Potta One","Unkempt","Protest Riot","Scope One","Bellota","Birthstone","Emilys Candy","Gamja Flower","IBM Plex Sans Hebrew","Nova Round","Noto Sans Symbols","The Girl Next Door","Balthazar","Tienne","Tilt Warp","Stick","Smooch Sans","Pavanam","Corinthia","Wire One","Bilbo Swash Caps","Doppio One","Charmonman","Fragment Mono","Scheherazade New","Monomaniac One","Macondo Swash Caps","Freckle Face","Shanti","Noto Serif Thai","Kode Mono","Patrick Hand SC","Nokora","Chango","ZCOOL KuaiLe","Madimi One","Mochiy Pop P One","Delius Swash Caps","Kaisei Tokumin","Imprima","Shojumaru","Fasthand","Londrina Outline","Libre Barcode 128","Life Savers","Modern Antiqua","Galdeano","Instrument Serif","Dynalight","Ribeye","Hachi Maru Pop","Gowun Dodum","Belgrano","Libre Barcode 39 Extended Text","ADLaM Display","Orienta","Tiro Kannada","Meera Inimai","Chau Philomene One","Ruthie","Baloo Bhaina 2","Agbalumo","Varta","Anek Tamil","Rubik Dirt","Voces","Recursive","Ranga","Gowun Batang","Spicy Rice","Katibeh","Rosarivo","Peralta","REM","Rhodium Libre","Square Peg","Anek Bangla","Redressed","Prociono","Miniver","Faster One","Pixelify Sans","Monofett","Qwitcher Grypen","Rum Raisin","Anek Latin","Cherry Swash","Song Myung","Namdhinggo","Asar","Gulzar","Stalemate","Suwannaphum","Sofia Sans Semi Condensed","Libre Barcode 128 Text","Ranchers","Engagement","Raleway Dots","Kaisei HarunoUmi","Dorsa","Noto Serif HK","IM Fell French Canon","Smooch","East Sea Dokdo","Edu SA Beginner","Tauri","Crushed","Gemunu Libre","Iceberg","Nosifer","Zilla Slab Highlight","Spline Sans Mono","Swanky and Moo Moo","Tiro Devanagari Hindi","Alkalami","Zen Dots","IM Fell DW Pica SC","Tektur","Arima","Iceland","Denk One","Montagu Slab","Jomolhari","Nova Flat","Kite One","Maiden Orange","Strait","Akaya Telivigala","Alkatra","Stylish","MonteCarlo","Ojuju","IM Fell Great Primer","IBM Plex Sans Thai Looped","Port Lligat Sans","Lovers Quarrel","Fenix","Barrio","Bona Nova","Uncial Antiqua","Train One","Bruno Ace SC","Noto Sans Adlam","Sancreek","Meow Script","Vujahday Script","Metal Mania","Shippori Antique","Sree Krushnadevaraya","Stick No Bills","Cute Font","Milonga","Karantina","Habibi","Stint Ultra Condensed","Ramaraja","Sonsie One","Gorditas","Lexend Mega","Dekko","Jolly Lodger","Yuji Syuku","Viaoda Libre","Sunshiney","Kotta One","Akronim","Baloo Tammudu 2","Paprika","Farsan","Rationale","Girassol","Mystery Quest","Donegal One","Anybody","Beth Ellen","Anek Devanagari","Carrois Gothic SC","Cantora One","Red Hat Mono","Moul","Port Lligat Slab","Caprasimo","Piazzolla","Asset","IM Fell French Canon SC","Yomogi","Genos","Eagle Lake","Kulim Park","Martian Mono","Passions Conflict","Smythe","Kavivanar","Kantumruy Pro","Redacted","Stoke","IM Fell Great Primer SC","Tiro Bangla","Nova Slim","Angkor","Sarina","Delicious Handrawn","Alumni Sans Inline One","Margarine","Keania One","Zhi Mang Xing","Grape Nuts","Offside","Caesar Dressing","Lexend Giga","Moon Dance","Bubbler One","Unlock","Protest Strike","Khmer","IM Fell Double Pica SC","Nova Cut","Sura","Shippori Antique B1","Astloch","Chicle","Carattere","Beau Rivage","Nova Oval","Noto Sans Lao","Nova Script","Srisakdi","Trispace","AR One Sans","Underdog","Text Me One","Cagliostro","Miltonian Tattoo","Long Cang","Averia Gruesa Libre","New Tegomin","Content","Inika","Licorice","Comforter","Englebert","Vampiro One","Finlandica","Aoboshi One","Miltonian","Fascinate","Marko One","Junge","Tilt Prism","Tulpen One","New Rocker","Arbutus","Sirin Stencil","Sahitya","Libre Barcode 39 Extended","Liu Jian Mao Cao","Plaster","Poor Story","Simonetta","Glass Antiqua","Jacques Francois","Anek Telugu","Noto Serif Armenian","Praise","Texturina","Bilbo","Spirax","Black And White Picture","Wellfleet","Mohave","Kirang Haerang","Ravi Prakash","Stint Ultra Expanded","Fuzzy Bubbles","BIZ UDMincho","Seymour One","Nerko One","M PLUS 1 Code","Romanesco","Bahiana","Linden Hill","The Nautigal","Condiment","Noto Sans Math","Bonheur Royale","Noto Sans Lao Looped","Tilt Neon","Ysabeau Office","Anek Gujarati","Birthstone Bounce","Akatab","Autour One","Piedra","Carlito","Lexend Peta","Mrs Sheppards","Belanosima","Joti One","Rubik Doodle Shadow","Charis SIL","Imbue","Koh Santepheap","Elsie Swash Caps","Kumar One","Sedgwick Ave Display","Yeon Sung","Princess Sofia","Gentium Book Plus","Noto Serif Khojki","Noto Serif Sinhala","Lexend Tera","Kumar One Outline","Noto Sans Symbols 2","Noto Serif Telugu","Ruluko","Smokum","Yaldevi","Benne","Oldenburg","Atomic Age","Kavoon","Fascinate Inline","Afacad","Waterfall","Lakki Reddy","Playpen Sans","Bahianita","Sono","Water Brush","Ysabeau","Chela One","Londrina Shadow","Felipa","Micro 5","Zen Tokyo Zoo","Bungee Spice","Noto Sans Khojki","Gupter","Risque","Flavors","Preahvihear","Chathura","Dhurjati","Noto Sans Thai Looped","Ribeye Marrow","Imperial Script","Hanalei Fill","Noto Sans Anatolian Hieroglyphs","Qahiri","Jacques Francois Shadow","Lancelot","Galindo","Braah One","Grenze","Emblema One","Ewert","Diplomata SC","Festive","Anek Gurmukhi","Encode Sans SC","DynaPuff","Griffy","Rethink Sans","Labrada","Chilanka","Bungee Outline","Amiri Quran","Flow Rounded","Noto Sans Cham","Noto Sans Osmanya","Solitreo","Almendra SC","Climate Crisis","Phudu","Ysabeau Infant","Mea Culpa","IBM Plex Sans Devanagari","Gentium Plus","Castoro Titling","Dangrek","Noto Sans Samaritan","BioRhyme Expanded","Odor Mean Chey","Noto Sans Gothic","Annapurna SIL","Revalia","Noto Sans Ethiopic","Snippet","Gidugu","Big Shoulders Stencil Text","Anek Kannada","Hedvig Letters Sans","Lacquer","Metal","Joan","Erica One","Agdasima","Gasoek One","Combo","Almendra Display","Dr Sugiyama","Federant","Stalinist One","Peddana","Luxurious Script","Flow Block","Alumni Sans Collegiate One","Noto Sans Lepcha","Ruge Boogie","Slackside One","Borel","Londrina Sketch","Rubik Glitch","Big Shoulders Inline Text","Foldit","Chenla","Konkhmer Sleokchher","Victor Mono","Comme","Jim Nightshade","Mr Bedfort","Aubrey","Inspiration","Hubballi","Edu TAS Beginner","GFS Neohellenic","Jacquarda Bastarda 9","Noto Sans Syloti Nagri","Butcherman","Single Day","Noto Serif Khmer","Noto Sans Javanese","Libre Barcode EAN13 Text","Neonderthaw","Big Shoulders Stencil Display","Tiro Telugu","Rubik Iso","Tiro Devanagari Marathi","Siemreap","Noto Serif Kannada","Bigelow Rules","Bokor","Passero One","Caramel","Cairo Play","Gideon Roman","Sometype Mono","Diplomata","Lumanosimo","Ballet","Truculenta","Rubik Wet Paint","Send Flowers","Yuji Mai","Gwendolyn","Luxurious Roman","Mooli","Reem Kufi Fun","Noto Rashi Hebrew","Anek Odia","Babylonica","Love Light","Trochut","Ysabeau SC","Bagel Fat One","Lavishly Yours","Devonshire","Bruno Ace","Sofadi One","Fruktur","Noto Sans Tai Viet","Suravaram","Aref Ruqaa Ink","Miss Fajardose","Noto Serif Vithkuqi","Mynerve","Purple Purse","Inclusive Sans","Blaka","Island Moments","Hedvig Letters Serif","Uchen","Butterfly Kids","Tai Heritage Pro","Yuji Boku","Tiro Tamil","Rubik Distressed","Nuosu SIL","Noto Serif Gujarati","Rock 3D","Tourney","Protest Guerrilla","Moulpali","Handjet","Honk","Snowburst One","Vibes","Bonbon","Tsukimi Rounded","Nabla","Taprom","My Soul","Rubik Vinyl","Fleur De Leah","Syne Tactile","Tiro Devanagari Sanskrit","Bacasime Antique","Updock","Noto Serif Tamil","Langar","Explora","Dai Banna SIL","Cherry Bomb One","Darumadrop One","Rubik Beastly","Redacted Script","Edu NSW ACT Foundation","Splash","Noto Sans Tangsa","Moirai One","Oi","Reem Kufi Ink","Noto Serif Tangut","Edu VIC WA NT Beginner","Kolker Brush","Grechen Fuemen","Geostar","Sassy Frass","Noto Serif Balinese","Geostar Fill","Petemoss","Alumni Sans Pinstripe","Sigmar","Big Shoulders Inline Display","Sixtyfour","Noto Sans Buhid","Noto Sans Coptic","Noto Sans Tagalog","Noto Serif Tibetan","Gajraj One","Rubik Maps","Are You Serious","Edu QLD Beginner","Zen Loop","Noto Serif Toto","Grey Qo","Orbit","Noto Sans Canadian Aboriginal","Lisu Bosa","Palette Mosaic","Diphylleia","Rubik Glitch Pop","Noto Sans Glagolitic","Tiro Gurmukhi","Noto Serif NP Hmong","Noto Sans Egyptian Hieroglyphs","Noto Sans Mongolian","Ruwudu","Noto Music","Noto Serif Lao","Kablammo","Noto Sans Sora Sompeng","Noto Serif Ethiopic","Noto Sans Imperial Aramaic","Rubik Pixels","Rubik 80s Fade","Wavefont","Rubik Microbe","Lugrasimo","Twinkle Star","Warnes","Rubik Spray Paint","Shizuru","Rubik Scribble","Blaka Hollow","Ole","Estonia","Tapestry","Cherish","Noto Sans Thaana","M PLUS Code Latin","Moo Lah Lah","Workbench","Rubik Burned","Hanalei","Kings","Noto Sans Phags Pa","Rubik Puddles","Noto Traditional Nushu","Noto Sans Carian","Noto Sans Old Italic","Noto Sans Linear A","Noto Serif Ahom","Noto Serif Myanmar","Noto Serif Ottoman Siyaq","Grandiflora One","Blaka Ink","Rubik Storm","Noto Sans Vithkuqi","Noto Sans Duployan","Lunasima","Noto Sans Cypriot","Noto Sans Deseret","Rubik Gemstones","Noto Sans Bamum","Noto Sans Old Hungarian","Rubik Broken Fax","Rubik Marker Hatch","Noto Sans Marchen","Noto Sans Tamil Supplement","Ingrid Darling","Noto Sans Adlam Unjoined","Noto Sans Miao","Noto Sans Batak","Yuji Hentaigana Akari","Noto Sans Nandinagari","Noto Sans Cypro Minoan","Noto Sans Chorasmian","Noto Sans Cherokee","Noto Serif Oriya","Noto Sans Bassa Vah","Noto Sans Ol Chiki","Noto Serif Grantha","Noto Sans Mende Kikakui","Noto Sans Indic Siyaq Numbers","Noto Sans Nushu","Noto Sans Warang Citi","Noto Sans Ugaritic","Noto Sans Ogham","Noto Sans New Tai Lue","Noto Sans Old Persian","Noto Serif Dogra","Noto Serif Old Uyghur","Noto Sans Pau Cin Hau","Noto Sans Old Sogdian","Noto Sans Phoenician","Noto Sans Kharoshthi","Rubik Lines","Puppies Play","Noto Sans Avestan","Rubik Maze","Noto Sans Brahmi","Rubik Doodle Triangles","Noto Sans Kaithi","Noto Sans Hanunoo","Kay Pho Du","Noto Sans Cuneiform","Noto Serif Yezidi","Noto Sans Tifinagh","Noto Sans Khudawadi","Linefont","Noto Sans Kawi","Noto Sans Inscriptional Pahlavi","Narnoor","Noto Sans Lydian","Noto Serif Makasar","Noto Sans Runic","Noto Sans Mandaic","Noto Serif Khitan Small Script","Noto Sans Multani","Noto Sans Balinese","Noto Sans Tagbanwa","Noto Sans Kayah Li","Noto Serif Gurmukhi","Noto Sans Lisu","Noto Sans Limbu","Noto Sans Pahawh Hmong","Chokokutai","Noto Sans Sundanese","Noto Sans Medefaidrin","Noto Sans Vai","Mingzat","Noto Sans Nag Mundari","Noto Sans Siddham","Noto Sans Lycian","Noto Sans Yi","Noto Sans Sharada","Yuji Hentaigana Akebono","Padyakke Expanded One","Noto Sans Zanabazar Square","Noto Sans Inscriptional Parthian","Noto Sans Chakma","Noto Sans Saurashtra","Noto Sans Old Turkic","Noto Sans Palmyrene","Noto Sans Tai Tham","Noto Sans Grantha","Noto Sans Osage","Noto Sans Psalter Pahlavi","Noto Sans Old North Arabian","Noto Sans Newa","Noto Sans Syriac Eastern","Noto Sans Tai Le","Noto Sans Old South Arabian","Noto Sans Nabataean","Noto Sans Tirhuta","Noto Sans Wancho","Noto Sans Bhaiksuki","Noto Sans Mayan Numerals","Noto Sans Hatran","Noto Sans Buginese","Noto Sans Masaram Gondi","Noto Sans Rejang","Noto Sans Hanifi Rohingya","Noto Sans Takri","Noto Sans Old Permic","Noto Sans Sogdian","Noto Sans Mro","Noto Sans Modi","Noto Sans Caucasian Albanian","Noto Sans Syriac","Noto Sans Meroitic","Noto Sans Gunjala Gondi","Noto Sans SignWriting","Noto Sans Linear B","Noto Sans Shavian","Noto Sans Elymaic","Noto Sans Mahajani","Noto Sans NKo","Noto Sans Manichaean","Noto Sans Soyombo","Noto Sans Elbasan"]');
 
@@ -156568,6 +156928,8 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
     const dynamicFields = (0, useSelector)((state)=>state.templates.dynamicFields);
     const defaultFields = (0, useSelector)((state)=>state.templates.defaultDynamicFields);
     const defaultSenderFields = (0, useSelector)((state)=>state.templates.defaultSenderFields);
+    const customFields = (0, useSelector)((state)=>state.customFields.customFields);
+    const defaultPropertyFields = (0, useSelector)((state)=>state.templates.defaultPropertyFields);
     const templateType = (0, useSelector)((state)=>state.templates.templateType);
     const envelopeType = (0, useSelector)((state)=>state.templates.envelopeType);
     (0, react.useEffect)(()=>{
@@ -156603,11 +156965,15 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
             setDownloaingProof(true);
             const fields = [
                 ...defaultFields,
+                ...customFields,
                 ...Object.values(dynamicFields),
-                ...defaultSenderFields
+                ...defaultSenderFields,
+                ...defaultPropertyFields
             ];
             let json = store.toJSON();
             if (product?.productType === "Real Penned Letter") {
+                const removedUnsupportedBrackets = (0, $ad01ab85e9f42d02$export$d5a1fddcf19adead)(json);
+                json = removedUnsupportedBrackets;
                 let clonedJson = JSON.stringify(json).replace(/\(\(/g, "{{").replace(/\)\)/g, "}}");
                 json = JSON.parse(clonedJson);
             }
@@ -156647,16 +157013,20 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
             const formData = new FormData();
             const allFields = [
                 ...defaultFields,
+                ...customFields,
                 ...Object.values(dynamicFields),
-                ...defaultSenderFields
+                ...defaultSenderFields,
+                ...defaultPropertyFields
             ];
             let selectedFields = [];
             if (templateType === "json") {
-                const blob = await store.toBlob();
                 let jsonData = store.toJSON();
                 if (product?.productType === "Real Penned Letter") {
+                    const removedUnsupportedBrackets = (0, $ad01ab85e9f42d02$export$d5a1fddcf19adead)(jsonData);
+                    jsonData = removedUnsupportedBrackets;
                     let clonedJson = JSON.stringify(jsonData).replace(/\(\(/g, "{{").replace(/\)\)/g, "}}");
                     jsonData = JSON.parse(clonedJson);
+                    await store.loadJSON(jsonData);
                 }
                 // get all fonts family from json
                 const fontFamilies = (0, $ad01ab85e9f42d02$export$464e4dcbf779d16c)(jsonData?.pages);
@@ -156673,6 +157043,16 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
                     dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)((0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.GSV_RESTRICT_ONE_PER_PAGE));
                     return;
                 }
+                const hasEmoji = (0, $ad01ab85e9f42d02$export$a1da92a5104ba69f)(jsonData.pages);
+                if (hasEmoji) {
+                    dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)((0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.EMOJI_NOT_ALLOWED));
+                    return;
+                }
+                setIsShowModel((prev)=>({
+                        ...prev,
+                        loading: true
+                    }));
+                const blob = await store.toBlob();
                 if ((0, $ad01ab85e9f42d02$export$dc2daac47827fb7f).includes(product.productType)) {
                     const backJsonData = {
                         ...jsonData,
@@ -156696,10 +157076,6 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
                 formData.append("thumbnail", blob, "logo.png");
                 selectedFields = allFields.filter((field)=>jsonString.includes(field.key));
             }
-            setIsShowModel((prev)=>({
-                    ...prev,
-                    loading: true
-                }));
             formData.append("title", title);
             formData.append("productId", product?.id);
             selectedFields.length ? formData.append("fields", JSON.stringify(selectedFields)) : undefined;
@@ -156849,69 +157225,186 @@ var $d31b9bd88e5dcf67$export$2e2bcd8739ae039 = $d31b9bd88e5dcf67$var$TopNavigati
 
 
 
-const $d4e7e32e0a4b1e61$var$Tabs = ({ value: value, onChange: onChange, tabs: tabs, className: className, tabClassName: tabClassName, indicatorClassName: indicatorClassName })=>{
-    const [indicatorStyle, setIndicatorStyle] = (0, react.useState)({});
-    const tabRefs = (0, react.useRef)([]);
-    const calculateIndicatorPosition = ()=>{
-        const activeIndex = tabs.findIndex((tab)=>tab.id === value.id);
-        if (tabRefs.current[activeIndex]) {
-            const tabWidth = tabRefs.current[activeIndex]?.offsetWidth || 0;
-            const tabLeft = tabRefs.current[activeIndex]?.offsetLeft || 0;
-            let indicatorLeft;
-            if (window.innerWidth < 768) {
-                const indicatorWidth = tabWidth * 0.5;
-                indicatorLeft = tabLeft + (tabWidth - indicatorWidth) / 2;
-                setIndicatorStyle({
-                    width: `${indicatorWidth}px`,
-                    left: `${indicatorLeft}px`
-                });
-            } else {
-                const indicatorWidth = 50;
-                indicatorLeft = tabLeft + tabWidth / 2 - indicatorWidth / 2;
-                setIndicatorStyle({
-                    width: `${indicatorWidth}px`,
-                    left: `${indicatorLeft}px`
-                });
-            }
-        }
-    };
-    (0, react.useLayoutEffect)(()=>{
-        calculateIndicatorPosition();
-        window.addEventListener("resize", calculateIndicatorPosition);
-        return ()=>{
-            window.removeEventListener("resize", calculateIndicatorPosition);
-        };
-    }, [
-        value,
-        tabs.length
-    ]);
-    (0, react.useEffect)(()=>{
-        if (tabs.length > 0 && !value.id) onChange(tabs[0]);
-    }, [
-        tabs,
-        value,
-        onChange
-    ]);
-    return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
-        className: `tabsWrapper ${className}`,
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
-                className: "tabsContainer",
-                children: tabs.map((tab, index)=>/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
-                        ref: (el)=>tabRefs.current[index] = el,
-                        className: `tab ${tabClassName} ${value.id === tab.id ? "activeTab" : ""}`,
-                        onClick: ()=>onChange(tab),
-                        children: tab.label
-                    }, index))
-            }),
-            /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
-                className: `tabsIndicator ${indicatorClassName}`,
-                style: indicatorStyle
-            })
-        ]
+
+
+const $21e11f889f8068bf$var$templateDefaultDesign = (props)=>{
+    const { fill: fill } = props;
+    return /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
+        width: "43",
+        height: "47",
+        viewBox: "0 0 43 47",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
+            d: "M38.8066 6.11206H38.249C39.312 4.38144 38.9195 2.05802 37.2134 0.792255C35.3753 -0.571453 32.763 -0.132489 31.4802 1.78456L28.5844 6.11215H3.70825C1.66351 6.11215 0 7.77566 0 9.82039V33.5287C0 35.5734 1.66351 37.2369 3.70825 37.2369H18.1122L17.0239 41.808H14.6749C13.144 41.808 11.8986 43.0534 11.8986 44.5843V45.164H9.00289C8.49591 45.164 8.08494 45.575 8.08494 46.0819C8.08494 46.5888 8.49591 46.9999 9.00289 46.9999H33.5121C34.0191 46.9999 34.43 46.5888 34.43 46.0819C34.43 45.575 34.0191 45.164 33.5121 45.164H30.6164V44.5843C30.6164 43.0534 29.3709 41.808 27.8401 41.808H25.4911L24.4028 37.2369H38.8067C40.8515 37.2369 42.515 35.5734 42.515 33.5287V28.312V9.8203C42.515 7.77557 40.8515 6.11206 38.8066 6.11206ZM25.6541 22.2495C24.2188 23.2542 21.5301 21.8886 18.9624 23.2587C18.3359 20.0041 18.7309 16.9432 21.9919 16.2676C22.4133 16.1798 22.8671 16.14 23.2533 16.1477C24.3571 16.9666 25.4735 17.7949 26.5741 18.6116C27.056 20.0131 26.8751 21.3948 25.6541 22.2495ZM26.5792 12.4102L29.1776 14.3381L27.1793 16.7744C26.3567 16.1641 25.6495 15.6394 24.8268 15.0289C24.9976 14.7737 26.423 12.6435 26.5792 12.4102ZM33.0061 2.8056C33.7014 1.76638 35.1193 1.5246 36.1195 2.26676C37.1201 3.00901 37.2993 4.43606 36.5064 5.40275C35.0997 7.11776 31.7552 11.1954 30.3431 12.917L27.6012 10.8826L33.0061 2.8056ZM28.7804 44.5843V45.164H13.7345V44.5843C13.7345 44.0658 14.1564 43.6439 14.6749 43.6439H27.84C28.3585 43.6439 28.7804 44.0658 28.7804 44.5843ZM23.6038 41.808H18.9111L19.9994 37.2369H22.5155L23.6038 41.808ZM40.6791 33.5287C40.6791 34.5611 39.8392 35.401 38.8067 35.401C37.3496 35.401 5.3467 35.401 3.70834 35.401C2.67592 35.401 1.83599 34.5611 1.83599 33.5287V29.2299H4.45913C4.96611 29.2299 5.37708 28.8189 5.37708 28.312C5.37708 27.8051 4.96611 27.394 4.45913 27.394H1.83581V9.8203C1.83581 8.78788 2.67573 7.94796 3.70815 7.94796H27.3559C26.4765 9.26219 23.911 13.0963 23.0983 14.3106C21.2994 14.3269 19.5034 14.9536 18.3277 16.3261C16.7278 18.1937 16.4467 21.1282 17.4923 25.048C17.671 25.7183 18.5074 25.9584 19.0134 25.475C21.387 23.2071 24.3431 25.6809 26.9904 23.5383C28.6064 22.2302 28.9888 20.1506 28.3795 18.2061C29.2031 17.2018 35.9676 8.95458 36.7932 7.94796H38.8066C39.839 7.94796 40.6789 8.78788 40.6789 9.8203V27.3939H11.8026C11.2956 27.3939 10.8846 27.805 10.8846 28.3119C10.8846 28.8188 11.2956 29.2298 11.8026 29.2298H40.6791V33.5287Z",
+            fill: fill
+        })
     });
 };
-var $d4e7e32e0a4b1e61$export$2e2bcd8739ae039 = $d4e7e32e0a4b1e61$var$Tabs;
+var $21e11f889f8068bf$export$2e2bcd8739ae039 = $21e11f889f8068bf$var$templateDefaultDesign;
+
+
+
+const $1175fdb41c6823d7$var$templateTextStyles = {
+    color: `#000`,
+    fontSize: `12px`,
+    fontStyle: `normal`,
+    fontWeight: `500`,
+    lineHeight: `normal`,
+    marginBottom: `16px`
+};
+const $1175fdb41c6823d7$var$SideBarSelction = (props)=>{
+    const { selectedCategory: selectedCategory, templateCategories: templateCategories, currentTemplateType: currentTemplateType, templateTypes: templateTypes, search: search, searchApplied: searchApplied, loader: loader, platformName: platformName, myTemplates: myTemplates, teamTemplates: teamTemplates, olcTemplates: olcTemplates, setSearch: setSearch, handleSearch: handleSearch, removeSearchInput: removeSearchInput, searchKeyDown: searchKeyDown, setCurrentTemplateType: setCurrentTemplateType, setSelectedCategory: setSelectedCategory, handleLoadTemplateModel: handleLoadTemplateModel, handleDialogChange: handleDialogChange } = props;
+    const uniqueCurrentTemplates = Array.from(new Map(olcTemplates.map((item)=>[
+            item.id,
+            item
+        ])).values());
+    return /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+        className: "custom-template-section",
+        children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+            className: "templateTabsWrapper",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                    style: {
+                        marginTop: "8px"
+                    },
+                    children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $3f4ef87f7a4a530a$export$2e2bcd8739ae039), {
+                        placeholder: "Template Types",
+                        options: templateTypes,
+                        setSelectedValue: setCurrentTemplateType,
+                        selectedValue: currentTemplateType,
+                        builderSelect: true,
+                        // @ts-ignore
+                        search: ()=>{},
+                        updateErrors: ()=>{},
+                        disableClearable: true,
+                        templateBuilder: true
+                    })
+                }),
+                currentTemplateType?.id === "3" && templateCategories?.length > 1 && /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                    style: {
+                        marginTop: 8
+                    },
+                    children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $3f4ef87f7a4a530a$export$2e2bcd8739ae039), {
+                        placeholder: "Select Category",
+                        options: templateCategories,
+                        setSelectedValue: setSelectedCategory,
+                        selectedValue: selectedCategory,
+                        builderSelect: true,
+                        clearField: true,
+                        // @ts-ignore
+                        search: ()=>{},
+                        updateErrors: ()=>{},
+                        disableClearable: false,
+                        templateBuilder: true
+                    })
+                }),
+                /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                    className: "searchWrapper",
+                    children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
+                        type: "text",
+                        value: search,
+                        builderInput: true,
+                        // @ts-ignore
+                        onKeyDown: searchKeyDown,
+                        onChange: (e)=>setSearch(e.target.value.trimStart()),
+                        placeholder: "Search by template name",
+                        inputIcon: true,
+                        onClick: handleSearch,
+                        searchApplied: searchApplied,
+                        removeSearchInput: removeSearchInput
+                    })
+                }),
+                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",
+                            onClick: ()=>handleDialogChange("design-own"),
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $21e11f889f8068bf$export$2e2bcd8739ae039), {
+                                    fill: "var(--primary-color)"
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
+                                    style: $1175fdb41c6823d7$var$templateTextStyles,
+                                    children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DESIGN_NEW
+                                })
+                            ]
+                        }),
+                        myTemplates.length ? myTemplates.map((template, i)=>/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                                className: "design-template",
+                                onClick: ()=>handleLoadTemplateModel(template),
+                                children: /*#__PURE__*/ (0, jsx_runtime.jsx)("img", {
+                                    src: template.thumbnailUrl,
+                                    alt: template.title,
+                                    onError: ({ currentTarget: currentTarget })=>{
+                                        currentTarget.onerror = null; // prevents looping
+                                        //@ts-ignore
+                                        currentTarget.src = (0, $21e11f889f8068bf$export$2e2bcd8739ae039);
+                                        currentTarget.classList.add("dummy-image");
+                                    }
+                                })
+                            }, 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_MY_TEMPLATES
+                            })
+                        })
+                    ]
+                }) : currentTemplateType?.id === "2" ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
+                    children: teamTemplates.length ? teamTemplates?.map((template, i)=>/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                            className: "design-template",
+                            onClick: ()=>handleLoadTemplateModel(template),
+                            children: /*#__PURE__*/ (0, jsx_runtime.jsx)("img", {
+                                src: template.thumbnailUrl,
+                                alt: template.title,
+                                onError: ({ currentTarget: currentTarget })=>{
+                                    currentTarget.onerror = null; // prevents looping
+                                    //@ts-ignore
+                                    currentTarget.src = (0, $21e11f889f8068bf$export$2e2bcd8739ae039);
+                                    currentTarget.classList.add("dummy-image");
+                                }
+                            })
+                        }, 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_TEAM_TEMPLATES
+                        })
+                    })
+                }) : currentTemplateType?.id === "3" ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
+                    children: uniqueCurrentTemplates.length ? uniqueCurrentTemplates?.map((template, i)=>/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                            className: "design-template",
+                            onClick: ()=>handleLoadTemplateModel(template),
+                            children: /*#__PURE__*/ (0, jsx_runtime.jsx)("img", {
+                                src: template.thumbnailUrl,
+                                alt: template.title,
+                                onError: ({ currentTarget: currentTarget })=>{
+                                    currentTarget.onerror = null; // prevents looping
+                                    //@ts-ignore
+                                    currentTarget.src = (0, $21e11f889f8068bf$export$2e2bcd8739ae039);
+                                    currentTarget.classList.add("dummy-image");
+                                }
+                            })
+                        }, i)) : /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                        className: "noTemplateText",
+                        children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
+                            children: platformName ? `No ${platformName} Templates to show` : (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_OLC_TEMPLATES
+                        })
+                    })
+                }) : null
+            ]
+        })
+    });
+};
+var $1175fdb41c6823d7$export$2e2bcd8739ae039 = $1175fdb41c6823d7$var$SideBarSelction;
+
+
+
+
 
 
 
@@ -157027,7 +157520,6 @@ const $e294d074253deac6$var$TemplatesCard = (props)=>{
                         children: [
                             /*#__PURE__*/ (0, jsx_runtime.jsx)("img", {
                                 src: isFilpedIds.includes(template?.id) ? template.backThumbnailUrl : template.thumbnailUrl,
-                                // height={tempHeight + "px"}
                                 alt: "template",
                                 style: transformSetter(template?.id),
                                 loading: "lazy"
@@ -157091,21 +157583,200 @@ var $e294d074253deac6$export$2e2bcd8739ae039 = $e294d074253deac6$var$TemplatesCa
 
 
 
-const $21e11f889f8068bf$var$templateDefaultDesign = (props)=>{
-    const { fill: fill } = props;
-    return /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
-        width: "43",
-        height: "47",
-        viewBox: "0 0 43 47",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
-            d: "M38.8066 6.11206H38.249C39.312 4.38144 38.9195 2.05802 37.2134 0.792255C35.3753 -0.571453 32.763 -0.132489 31.4802 1.78456L28.5844 6.11215H3.70825C1.66351 6.11215 0 7.77566 0 9.82039V33.5287C0 35.5734 1.66351 37.2369 3.70825 37.2369H18.1122L17.0239 41.808H14.6749C13.144 41.808 11.8986 43.0534 11.8986 44.5843V45.164H9.00289C8.49591 45.164 8.08494 45.575 8.08494 46.0819C8.08494 46.5888 8.49591 46.9999 9.00289 46.9999H33.5121C34.0191 46.9999 34.43 46.5888 34.43 46.0819C34.43 45.575 34.0191 45.164 33.5121 45.164H30.6164V44.5843C30.6164 43.0534 29.3709 41.808 27.8401 41.808H25.4911L24.4028 37.2369H38.8067C40.8515 37.2369 42.515 35.5734 42.515 33.5287V28.312V9.8203C42.515 7.77557 40.8515 6.11206 38.8066 6.11206ZM25.6541 22.2495C24.2188 23.2542 21.5301 21.8886 18.9624 23.2587C18.3359 20.0041 18.7309 16.9432 21.9919 16.2676C22.4133 16.1798 22.8671 16.14 23.2533 16.1477C24.3571 16.9666 25.4735 17.7949 26.5741 18.6116C27.056 20.0131 26.8751 21.3948 25.6541 22.2495ZM26.5792 12.4102L29.1776 14.3381L27.1793 16.7744C26.3567 16.1641 25.6495 15.6394 24.8268 15.0289C24.9976 14.7737 26.423 12.6435 26.5792 12.4102ZM33.0061 2.8056C33.7014 1.76638 35.1193 1.5246 36.1195 2.26676C37.1201 3.00901 37.2993 4.43606 36.5064 5.40275C35.0997 7.11776 31.7552 11.1954 30.3431 12.917L27.6012 10.8826L33.0061 2.8056ZM28.7804 44.5843V45.164H13.7345V44.5843C13.7345 44.0658 14.1564 43.6439 14.6749 43.6439H27.84C28.3585 43.6439 28.7804 44.0658 28.7804 44.5843ZM23.6038 41.808H18.9111L19.9994 37.2369H22.5155L23.6038 41.808ZM40.6791 33.5287C40.6791 34.5611 39.8392 35.401 38.8067 35.401C37.3496 35.401 5.3467 35.401 3.70834 35.401C2.67592 35.401 1.83599 34.5611 1.83599 33.5287V29.2299H4.45913C4.96611 29.2299 5.37708 28.8189 5.37708 28.312C5.37708 27.8051 4.96611 27.394 4.45913 27.394H1.83581V9.8203C1.83581 8.78788 2.67573 7.94796 3.70815 7.94796H27.3559C26.4765 9.26219 23.911 13.0963 23.0983 14.3106C21.2994 14.3269 19.5034 14.9536 18.3277 16.3261C16.7278 18.1937 16.4467 21.1282 17.4923 25.048C17.671 25.7183 18.5074 25.9584 19.0134 25.475C21.387 23.2071 24.3431 25.6809 26.9904 23.5383C28.6064 22.2302 28.9888 20.1506 28.3795 18.2061C29.2031 17.2018 35.9676 8.95458 36.7932 7.94796H38.8066C39.839 7.94796 40.6789 8.78788 40.6789 9.8203V27.3939H11.8026C11.2956 27.3939 10.8846 27.805 10.8846 28.3119C10.8846 28.8188 11.2956 29.2298 11.8026 29.2298H40.6791V33.5287Z",
-            fill: fill
+
+const $d4e7e32e0a4b1e61$var$Tabs = ({ value: value, onChange: onChange, tabs: tabs, className: className, tabClassName: tabClassName, indicatorClassName: indicatorClassName })=>{
+    const [indicatorStyle, setIndicatorStyle] = (0, react.useState)({});
+    const tabRefs = (0, react.useRef)([]);
+    const calculateIndicatorPosition = ()=>{
+        const activeIndex = tabs.findIndex((tab)=>tab.id === value.id);
+        if (tabRefs.current[activeIndex]) {
+            const tabWidth = tabRefs.current[activeIndex]?.offsetWidth || 0;
+            const tabLeft = tabRefs.current[activeIndex]?.offsetLeft || 0;
+            let indicatorLeft;
+            if (window.innerWidth < 768) {
+                const indicatorWidth = tabWidth * 0.5;
+                indicatorLeft = tabLeft + (tabWidth - indicatorWidth) / 2;
+                setIndicatorStyle({
+                    width: `${indicatorWidth}px`,
+                    left: `${indicatorLeft}px`
+                });
+            } else {
+                const indicatorWidth = 50;
+                indicatorLeft = tabLeft + tabWidth / 2 - indicatorWidth / 2;
+                setIndicatorStyle({
+                    width: `${indicatorWidth}px`,
+                    left: `${indicatorLeft}px`
+                });
+            }
+        }
+    };
+    (0, react.useLayoutEffect)(()=>{
+        calculateIndicatorPosition();
+        window.addEventListener("resize", calculateIndicatorPosition);
+        return ()=>{
+            window.removeEventListener("resize", calculateIndicatorPosition);
+        };
+    }, [
+        value,
+        tabs.length
+    ]);
+    (0, react.useEffect)(()=>{
+        if (tabs.length > 0 && !value.id) onChange(tabs[0]);
+    }, [
+        tabs,
+        value,
+        onChange
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+        className: `tabsWrapper ${className}`,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                className: "tabsContainer",
+                children: tabs.map((tab, index)=>/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                        ref: (el)=>tabRefs.current[index] = el,
+                        className: `tab ${tabClassName} ${value.id === tab.id ? "activeTab" : ""}`,
+                        onClick: ()=>onChange(tab),
+                        children: tab.label
+                    }, index))
+            }),
+            /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                className: `tabsIndicator ${indicatorClassName}`,
+                style: indicatorStyle
+            })
+        ]
+    });
+};
+var $d4e7e32e0a4b1e61$export$2e2bcd8739ae039 = $d4e7e32e0a4b1e61$var$Tabs;
+
+
+
+
+
+
+
+const $889afc7f44cbd90b$var$galleryDialogStyles = {
+    maxWidth: "1090px",
+    minHeight: "calc(100% - 50px)"
+};
+const $889afc7f44cbd90b$var$ModalGallery = (props)=>{
+    const { product: product, openGalleryModal: openGalleryModal, selectedCategory: selectedCategory, templateCategories: templateCategories, currentTemplateType: currentTemplateType, templateTypes: templateTypes, search: search, searchApplied: searchApplied, loader: loader, platformName: platformName, myTemplates: myTemplates, teamTemplates: teamTemplates, olcTemplates: olcTemplates, pagination: pagination, setSearch: setSearch, handleSearch: handleSearch, removeSearchInput: removeSearchInput, searchKeyDown: searchKeyDown, currentTemplateTypeRef: currentTemplateTypeRef, setSelectedCategory: setSelectedCategory, handleLoadTemplateModel: handleLoadTemplateModel, handleTabChange: handleTabChange, handleDialogChange: handleDialogChange, closeGalleryModal: closeGalleryModal } = props;
+    const primaryColorExtract = getComputedStyle(document.documentElement).getPropertyValue("--primary-color").trim();
+    const primaryColorRGBA = (0, $717432aee8737b76$export$9665a07d9187b414)(primaryColorExtract, 0.5);
+    const currentTemplates = currentTemplateType?.id === "1" ? myTemplates : currentTemplateType?.id === "2" ? teamTemplates : currentTemplateType?.id === "3" ? olcTemplates : [];
+    const uniqueCurrentTemplates = Array.from(new Map(currentTemplates.map((item)=>[
+            item.id,
+            item
+        ])).values());
+    return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
+        children: /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $c8f7718e9f3db339$export$2e2bcd8739ae039), {
+            customStyles: $889afc7f44cbd90b$var$galleryDialogStyles,
+            open: openGalleryModal,
+            handleClose: closeGalleryModal,
+            title: product?.productType === "Postcards" ? `${product?.productType} (${product?.selectedSize || product?.paperSize})` : (0, $d60d8816d76b2b02$export$92e44ea1079b9ec6)?.find((item)=>item?.id === product?.id)?.title || product?.productType,
+            isGallery: true,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+                    className: "topBar",
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                            children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d4e7e32e0a4b1e61$export$2e2bcd8739ae039), {
+                                value: currentTemplateType || {},
+                                onChange: handleTabChange,
+                                tabs: templateTypes || [],
+                                className: "myCustomTabs",
+                                tabClassName: "myTab",
+                                indicatorClassName: "myIndicator"
+                            })
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                            children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
+                                type: "text",
+                                value: search,
+                                // @ts-ignore
+                                onKeyDown: searchKeyDown,
+                                onChange: (e)=>setSearch(e.target.value.trimStart()),
+                                placeholder: "Search templates by name or ID",
+                                onClick: handleSearch,
+                                searchApplied: searchApplied,
+                                removeSearchInput: removeSearchInput,
+                                inputIcon: true,
+                                gellerySearch: true
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+                    className: "selectBar",
+                    children: [
+                        currentTemplateType?.id === "3" && templateCategories?.length > 1 && /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                            children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $3f4ef87f7a4a530a$export$2e2bcd8739ae039), {
+                                placeholder: "Select Category",
+                                options: templateCategories,
+                                setSelectedValue: setSelectedCategory,
+                                selectedValue: selectedCategory,
+                                builderSelect: true,
+                                gallerySelect: true,
+                                clearField: true,
+                                // @ts-ignore
+                                search: ()=>{},
+                                updateErrors: ()=>{},
+                                disableClearable: false,
+                                templateBuilder: true
+                            })
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
+                            children: (0, $717432aee8737b76$export$c5a6b7b1e4535d31)(`${currentTemplates.length > 0 ? pagination.total : 0} templates`)
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+                    className: `templatesContent ${currentTemplateType?.id === "3" && "heightOLC"}`,
+                    style: {
+                        justifyContent: loader ? "center" : "flex-start",
+                        alignItems: searchApplied ? "center" : "flex-start"
+                    },
+                    children: [
+                        !loader && !searchApplied && currentTemplateTypeRef.current?.id === "1" && /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+                                    className: `defaultDesign 
+                      ${product?.id === "13" && product?.size?.find((product)=>product?.size === "4x6") || product?.paperSize === "4x6" ? "postcard-4x6" : product?.id === "15" && product?.size?.find((product)=>product?.size === "6x11") || product?.paperSize === "6x11" ? "postcard-6x11" : product?.id === "14" && product?.size?.find((product)=>product?.size === "6x9") || product?.paperSize === "6x9" ? "postcard-6x9" : product?.id === "5" ? "personalLetter" : product?.id === "2" || product?.id === "4" ? "professionalLetter" : product?.id === "9" ? "biFold" : product?.id === "11" ? "triFold" : null}`,
+                                    onClick: ()=>handleDialogChange("design-own"),
+                                    style: {
+                                        boxShadow: `inset 0 0 0 2px ${primaryColorRGBA}`
+                                    },
+                                    children: [
+                                        /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $21e11f889f8068bf$export$2e2bcd8739ae039), {
+                                            fill: "var(--primary-color)"
+                                        }),
+                                        /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
+                                            children: "Design Your Own"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
+                                    className: "ownHeading",
+                                    children: "Design Your Own"
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e294d074253deac6$export$2e2bcd8739ae039), {
+                            templates: uniqueCurrentTemplates,
+                            handleLoadTemplateModel: handleLoadTemplateModel,
+                            loading: loader,
+                            platformName: platformName,
+                            currentTemplateType: currentTemplateType,
+                            product: product,
+                            searchApplied: searchApplied,
+                            primaryColorRGBA: primaryColorRGBA
+                        })
+                    ]
+                })
+            ]
         })
     });
 };
-var $21e11f889f8068bf$export$2e2bcd8739ae039 = $21e11f889f8068bf$var$templateDefaultDesign;
+var $889afc7f44cbd90b$export$2e2bcd8739ae039 = $889afc7f44cbd90b$var$ModalGallery;
 
 
 
@@ -157139,22 +157810,6 @@ const $e8f6665471b594e0$var$loadDialogStyles = {
     maxWidth: "430px",
     minHeight: "300px"
 };
-const $e8f6665471b594e0$var$cancelDialogStyles = {
-    maxWidth: "1090px",
-    minHeight: "calc(100% - 100px)"
-};
-const $e8f6665471b594e0$var$galleryDialogStyles = {
-    maxWidth: "1090px",
-    minHeight: "calc(100% - 50px)"
-};
-const $e8f6665471b594e0$var$templateTextStyles = {
-    color: `#000`,
-    fontSize: `12px`,
-    fontStyle: `normal`,
-    fontWeight: `500`,
-    lineHeight: `normal`,
-    marginBottom: `16px`
-};
 const $e8f6665471b594e0$var$CustomTemplateSection = {
     name: "Templates",
     Tab: (0, es.observer)((props)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, side_panel.SectionTab), {
@@ -157164,7 +157819,7 @@ const $e8f6665471b594e0$var$CustomTemplateSection = {
                 fill: "var(--text-color)"
             })
         })),
-    Panel: (0, es.observer)(({ store: store, platformName: platformName, selectedSection: selectedSection, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates })=>{
+    Panel: (0, es.observer)(({ store: store, platformName: platformName, templateGalleryModal: templateGalleryModal, selectedSection: selectedSection, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates })=>{
         const dispatch = (0, useDispatch)();
         const [openGalleryModal, setOpenGalleryModal] = (0, react.useState)(false);
         const [templateTypes, setTemplateTypes] = (0, react.useState)();
@@ -157187,6 +157842,7 @@ const $e8f6665471b594e0$var$CustomTemplateSection = {
         const paginationRef = (0, react.useRef)(pagination);
         const searchRef = (0, react.useRef)(search);
         const currentTemplateTypeRef = (0, react.useRef)(currentTemplateType);
+        const selectedCategoryRef = (0, react.useRef)(selectedCategory);
         const templates = (0, useSelector)((state)=>state.templates.templates);
         const template = (0, useSelector)((state)=>state.templates.template);
         const templatesPagination = (0, useSelector)((state)=>state.templates.templatesPagination);
@@ -157211,7 +157867,7 @@ const $e8f6665471b594e0$var$CustomTemplateSection = {
                     productId: product?.id
                 };
                 searchRef.current.length ? payload.search = searchRef.current : undefined;
-                currentTemplateTypeRef.current?.id === "3" ? payload.categoryIds = selectedCategory?.id.split(",") : undefined;
+                currentTemplateTypeRef.current?.id === "3" ? payload.categoryIds = selectedCategoryRef?.current?.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) {
@@ -157316,16 +157972,21 @@ const $e8f6665471b594e0$var$CustomTemplateSection = {
                     }
                     store.loadJSON(jsonData);
                     await store.waitLoading();
+                    (0, $39231ae325c5aacf$export$b8070c2bd9d59c10)(template?.product?.id, store);
                     dispatch({
                         type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
                         payload: false
                     });
                     if (workspaceElement) workspaceElement.classList.add("hide-loader");
-                    closeGalleryModal();
+                    if (templateGalleryModal) closeGalleryModal();
                 }
             } catch (error) {
                 return error;
             } finally{
+                dispatch({
+                    type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
+                    payload: false
+                });
                 handleDialogChange("");
             }
             else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please provide onGetOneTemplate handler to load this template"));
@@ -157396,10 +158057,10 @@ const $e8f6665471b594e0$var$CustomTemplateSection = {
             }
             (0, $ad01ab85e9f42d02$export$8029e38c28541a)(store, product, envelopeType);
             handleDialogChange("");
-            closeGalleryModal();
+            if (templateGalleryModal) closeGalleryModal();
         };
         const handleScroll = ()=>{
-            const div = document.querySelector(".templatesContent");
+            const div = document.querySelector(".templatesContent") || document.querySelector(".polotno-panel-container");
             if (div) {
                 const isAtBottom = div.scrollTop + div.clientHeight + 50 >= div.scrollHeight;
                 const isNeedToLoadMore = paginationRef.current.currentPage * paginationRef.current.perPage < paginationRef.current.count;
@@ -157438,6 +158099,11 @@ const $e8f6665471b594e0$var$CustomTemplateSection = {
         }, [
             currentTemplateType
         ]);
+        (0, react.useEffect)(()=>{
+            selectedCategoryRef.current = selectedCategory;
+        }, [
+            selectedCategory
+        ]);
         (0, react.useEffect)(()=>{
             paginationRef.current = pagination;
         }, [
@@ -157479,8 +158145,8 @@ const $e8f6665471b594e0$var$CustomTemplateSection = {
             selectedCategory
         ]);
         (0, react.useEffect)(()=>{
-            const div = document.querySelector(".templatesContent");
-            if (store.openedSidePanel === "Templates") {
+            const div = document.querySelector(".templatesContent") || document.querySelector(".polotno-panel-container");
+            if (store.openedSidePanel === "Templates" && templateGalleryModal) {
                 let sideBar = document.getElementsByClassName("polotno-panel-container");
                 const firstSideBar = sideBar[0];
                 if (firstSideBar) //@ts-ignore
@@ -157498,126 +158164,54 @@ const $e8f6665471b594e0$var$CustomTemplateSection = {
         }, [
             templates
         ]);
-        const primaryColorExtract = getComputedStyle(document.documentElement).getPropertyValue("--primary-color").trim();
-        const hexToRgba = (hex, opacity)=>{
-            // Remove the hash at the start if it's there
-            hex = hex.replace(/^#/, "");
-            // Parse r, g, b values
-            let r = parseInt(hex.substring(0, 2), 16);
-            let g = parseInt(hex.substring(2, 4), 16);
-            let b = parseInt(hex.substring(4, 6), 16);
-            // Return the RGBA string
-            return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-        };
-        const primaryColorRGBA = hexToRgba(primaryColorExtract, 0.5);
         return /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
             children: [
-                /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $c8f7718e9f3db339$export$2e2bcd8739ae039), {
-                    customStyles: $e8f6665471b594e0$var$galleryDialogStyles,
-                    open: openGalleryModal,
-                    handleClose: closeGalleryModal,
-                    title: product?.productType === "Postcards" ? `${product?.productType} (${product?.selectedSize})` : product?.title,
-                    isGallery: true,
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
-                            className: "topBar",
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
-                                    children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d4e7e32e0a4b1e61$export$2e2bcd8739ae039), {
-                                        value: currentTemplateType || {},
-                                        onChange: handleTabChange,
-                                        tabs: templateTypes || [],
-                                        className: "myCustomTabs",
-                                        tabClassName: "myTab",
-                                        indicatorClassName: "myIndicator"
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
-                                    children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
-                                        name: "search",
-                                        type: "text",
-                                        value: search,
-                                        // @ts-ignore
-                                        onKeyDown: searchKeyDown,
-                                        onChange: (e)=>setSearch(e.target.value.trimStart()),
-                                        placeholder: "Search templates by name or ID",
-                                        onClick: handleSearch,
-                                        searchApplied: searchApplied,
-                                        removeSearchInput: removeSearchInput,
-                                        inputIcon: true,
-                                        gellerySearch: true
-                                    })
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
-                            className: "selectBar",
-                            children: [
-                                currentTemplateType?.id === "3" && templateCategories?.length >= 1 && /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
-                                    children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $3f4ef87f7a4a530a$export$2e2bcd8739ae039), {
-                                        placeholder: "Select Category",
-                                        options: templateCategories,
-                                        setSelectedValue: setSelectedCategory,
-                                        selectedValue: selectedCategory,
-                                        builderSelect: true,
-                                        gallerySelect: true,
-                                        clearField: true,
-                                        // @ts-ignore
-                                        search: ()=>{},
-                                        updateErrors: ()=>{},
-                                        disableClearable: false,
-                                        templateBuilder: true
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
-                                    children: (0, $717432aee8737b76$export$c5a6b7b1e4535d31)(`${pagination.total} templates`)
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
-                            className: `templatesContent ${currentTemplateType?.id === "3" && "heightOLC"}`,
-                            style: {
-                                justifyContent: loader ? "center" : "flex-start",
-                                alignItems: searchApplied ? "center" : "flex-start"
-                            },
-                            children: [
-                                !loader && !searchApplied && currentTemplateTypeRef.current?.id === "1" && /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
-                                            className: `defaultDesign 
-                      ${product?.id === "13" && product?.size.find((product)=>product?.size === "4x6") ? "postcard-4x6" : product?.id === "15" && product?.size.find((product)=>product?.size === "6x11") ? "postcard-6x11" : product?.id === "14" && product?.size.find((product)=>product?.size === "6x9") ? "postcard-6x9" : product?.id === "5" ? "personalLetter" : product?.id === "2" || product?.id === "4" ? "professionalLetter" : product?.id === "9" ? "biFold" : product?.id === "11" ? "triFold" : null}`,
-                                            onClick: ()=>handleDialogChange("design-own"),
-                                            style: {
-                                                boxShadow: `inset 0 0 0 2px ${primaryColorRGBA}`
-                                            },
-                                            children: [
-                                                /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $21e11f889f8068bf$export$2e2bcd8739ae039), {
-                                                    fill: "var(--primary-color)"
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
-                                                    children: "Design Your Own"
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
-                                            className: "ownHeading",
-                                            children: "Design Your Own"
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e294d074253deac6$export$2e2bcd8739ae039), {
-                                    templates: currentTemplateType?.id === "1" ? myTemplates : currentTemplateType?.id === "2" ? teamTemplates : currentTemplateType?.id === "3" ? olcTemplates : [],
-                                    handleLoadTemplateModel: handleLoadTemplateModel,
-                                    loading: loader,
-                                    platformName: platformName,
-                                    currentTemplateType: currentTemplateType,
-                                    product: product,
-                                    searchApplied: searchApplied,
-                                    primaryColorRGBA: primaryColorRGBA
-                                })
-                            ]
-                        })
-                    ]
+                templateGalleryModal ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $889afc7f44cbd90b$export$2e2bcd8739ae039), {
+                    product: product,
+                    openGalleryModal: openGalleryModal,
+                    pagination: pagination,
+                    currentTemplateTypeRef: currentTemplateTypeRef,
+                    selectedCategory: selectedCategory,
+                    templateCategories: templateCategories,
+                    currentTemplateType: currentTemplateType,
+                    templateTypes: templateTypes,
+                    search: search,
+                    searchApplied: searchApplied,
+                    loader: loader,
+                    platformName: platformName,
+                    myTemplates: myTemplates,
+                    teamTemplates: teamTemplates,
+                    olcTemplates: olcTemplates,
+                    setSearch: setSearch,
+                    handleSearch: handleSearch,
+                    removeSearchInput: removeSearchInput,
+                    searchKeyDown: searchKeyDown,
+                    setCurrentTemplateType: setCurrentTemplateType,
+                    setSelectedCategory: setSelectedCategory,
+                    handleLoadTemplateModel: handleLoadTemplateModel,
+                    handleDialogChange: handleDialogChange,
+                    handleTabChange: handleTabChange,
+                    closeGalleryModal: closeGalleryModal
+                }) : /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $1175fdb41c6823d7$export$2e2bcd8739ae039), {
+                    selectedCategory: selectedCategory,
+                    templateCategories: templateCategories,
+                    currentTemplateType: currentTemplateType,
+                    templateTypes: templateTypes,
+                    search: search,
+                    searchApplied: searchApplied,
+                    loader: loader,
+                    platformName: platformName,
+                    myTemplates: myTemplates,
+                    teamTemplates: teamTemplates,
+                    olcTemplates: olcTemplates,
+                    setSearch: setSearch,
+                    handleSearch: handleSearch,
+                    removeSearchInput: removeSearchInput,
+                    searchKeyDown: searchKeyDown,
+                    setCurrentTemplateType: setCurrentTemplateType,
+                    setSelectedCategory: setSelectedCategory,
+                    handleLoadTemplateModel: handleLoadTemplateModel,
+                    handleDialogChange: handleDialogChange
                 }),
                 /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
                     className: "custom-template-section",
@@ -157783,7 +158377,7 @@ var $c63ab7ca46bc9f98$export$2e2bcd8739ae039 = $c63ab7ca46bc9f98$var$Field;
 const $d0a2370b36372b2d$var$iconButtonStyles = {
     backgroundColor: "transparent"
 };
-const $d0a2370b36372b2d$var$customFieldSection = {
+const $d0a2370b36372b2d$var$CustomFieldSection = {
     name: "Fields",
     Tab: (0, es.observer)((props)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, side_panel.SectionTab), {
             name: "Fields",
@@ -157792,12 +158386,17 @@ const $d0a2370b36372b2d$var$customFieldSection = {
                 fill: "var(--text-color)"
             })
         })),
-    Panel: (0, es.observer)(({ store: store, onGetCustomFields: onGetCustomFields, allowSenderFields: allowSenderFields })=>{
+    Panel: (0, es.observer)(({ store: store, onGetCustomFields: onGetCustomFields, allowSenderFields: allowSenderFields, excludedFields: excludedFields, allowPropertyFields: allowPropertyFields })=>{
         const [isShowDialog, setIsShowDialog] = (0, react.useState)(false);
         const dispatch = (0, useDispatch)();
         const customFields = (0, useSelector)((state)=>state.customFields.customFields);
         const defaultDynamicFields = (0, useSelector)((state)=>state.customFields.defaultDynamicFields);
         const defaultSenderFields = (0, useSelector)((state)=>state.templates.defaultSenderFields);
+        const defaultPropertyFields = (0, useSelector)((state)=>state.templates.defaultPropertyFields);
+        const defeultDynamicFieldsWithPropertyFields = allowPropertyFields ? [
+            ...defaultDynamicFields,
+            ...defaultPropertyFields
+        ] : defaultDynamicFields;
         const product = (0, useSelector)((state)=>state.templates.product);
         const currentTemplateType = product?.productType;
         const handleShowDialog = ()=>{
@@ -157806,7 +158405,7 @@ const $d0a2370b36372b2d$var$customFieldSection = {
         const fetchCustomFields = async ()=>{
             if (onGetCustomFields) {
                 const customFields = await onGetCustomFields();
-                if (customFields?.length) dispatch({
+                if (customFields?.length >= 0) dispatch({
                     type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
                     payload: customFields
                 });
@@ -157825,35 +158424,6 @@ const $d0a2370b36372b2d$var$customFieldSection = {
                 dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)(`${value} Copied`));
             }
         };
-        const handleAddElementOnScreen = (event, value, type)=>{
-            event.preventDefault();
-            if (currentTemplateType === "Real Penned Letter") {
-                copyCustomFieldText(value);
-                return;
-            }
-            let x, y;
-            if (type === "drag") {
-                const rect = event.currentTarget.getBoundingClientRect();
-                x = event.clientX - rect.left;
-                y = event.clientY - rect.top;
-            } else {
-                // For click events, use nativeEvent.offsetX and nativeEvent.offsetY
-                x = store.width / 2 - 200;
-                y = 300;
-            }
-            //@ts-ignore
-            x /= store?.activePage?.scale;
-            //@ts-ignore
-            y /= store?.activePage?.scale;
-            store.activePage.addElement({
-                type: "text",
-                x: x,
-                y: y,
-                text: value,
-                width: value.length > 15 ? 10 * value.length : 150,
-                contentEditable: false
-            });
-        };
         return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
             className: "dynamic-content",
             children: [
@@ -157877,7 +158447,7 @@ const $d0a2370b36372b2d$var$customFieldSection = {
                         ]
                     })
                 }),
-                defaultDynamicFields.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+                defeultDynamicFieldsWithPropertyFields?.filter(({ key: key })=>!excludedFields?.includes(key))?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
                         style: {
                             display: "flex",
                             alignItems: "center"
@@ -157885,7 +158455,7 @@ const $d0a2370b36372b2d$var$customFieldSection = {
                         children: [
                             /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
                                 className: "contact-element",
-                                onClick: (event)=>handleAddElementOnScreen(event, key, "click"),
+                                onClick: ()=>copyCustomFieldText(key),
                                 children: value
                             }),
                             /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
@@ -157920,7 +158490,7 @@ const $d0a2370b36372b2d$var$customFieldSection = {
                                 ]
                             })
                         }),
-                        defaultSenderFields?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+                        defaultSenderFields?.filter(({ key: key })=>!excludedFields?.includes(key))?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
                                 style: {
                                     display: "flex",
                                     alignItems: "center"
@@ -157928,7 +158498,7 @@ const $d0a2370b36372b2d$var$customFieldSection = {
                                 children: [
                                     /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
                                         className: "contact-element",
-                                        onClick: (event)=>handleAddElementOnScreen(event, key, "click"),
+                                        onClick: ()=>copyCustomFieldText(key),
                                         children: value
                                     }),
                                     /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
@@ -157948,7 +158518,7 @@ const $d0a2370b36372b2d$var$customFieldSection = {
                     place: "bottom",
                     title: "Copy"
                 }),
-                onGetCustomFields && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
+                onGetCustomFields && customFields?.length > 0 && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime.jsx)("hr", {
                             className: "divider"
@@ -157978,7 +158548,7 @@ const $d0a2370b36372b2d$var$customFieldSection = {
                                 })
                             ]
                         }),
-                        customFields?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+                        customFields?.filter(({ key: key })=>!excludedFields?.includes(key))?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
                                 style: {
                                     display: "flex",
                                     alignItems: "center"
@@ -157986,12 +158556,13 @@ const $d0a2370b36372b2d$var$customFieldSection = {
                                 children: [
                                     /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
                                         className: "contact-element",
-                                        onClick: (event)=>handleAddElementOnScreen(event, key, "click"),
+                                        onClick: ()=>copyCustomFieldText(key),
                                         children: value
                                     }),
                                     /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
                                         style: $d0a2370b36372b2d$var$iconButtonStyles,
                                         onClick: ()=>copyCustomFieldText(key),
+                                        backdrop: false,
                                         children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
                                             className: "copy"
                                         })
@@ -158004,7 +158575,257 @@ const $d0a2370b36372b2d$var$customFieldSection = {
         });
     })
 };
-var $d0a2370b36372b2d$export$2e2bcd8739ae039 = $d0a2370b36372b2d$var$customFieldSection;
+var $d0a2370b36372b2d$export$2e2bcd8739ae039 = $d0a2370b36372b2d$var$CustomFieldSection;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $9d2cb3fa14bb7e1d$var$CustomUploadLoader = ()=>{
+    return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
+        children: /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
+            "data-icon": "upload",
+            height: "16",
+            role: "img",
+            viewBox: "0 0 16 16",
+            width: "16",
+            children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
+                d: "M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm3 8c-.28 0-.53-.11-.71-.29L9 6.41V12c0 .55-.45 1-1 1s-1-.45-1-1V6.41l-1.29 1.3a1.003 1.003 0 01-1.42-1.42l3-3C7.47 3.11 7.72 3 8 3s.53.11.71.29l3 3A1.003 1.003 0 0111 8z",
+                "fill-rule": "evenodd"
+            })
+        })
+    });
+};
+var $9d2cb3fa14bb7e1d$export$2e2bcd8739ae039 = $9d2cb3fa14bb7e1d$var$CustomUploadLoader;
+
+
+
+
+const $1c6180f4814282ee$var$CustomUploadLoaderIcon = ()=>{
+    return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
+        children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("svg", {
+            width: "20",
+            height: "20",
+            "stroke-width": "16.00",
+            viewBox: "-3.00 -3.00 106.00 106.00",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
+                    className: "bp5-spinner-track",
+                    d: "M 50,50 m 0,-45 a 45,45 0 1 1 0,90 a 45,45 0 1 1 0,-90"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
+                    className: "bp5-spinner-head",
+                    d: "M 50,50 m 0,-45 a 45,45 0 1 1 0,90 a 45,45 0 1 1 0,-90",
+                    pathLength: "280",
+                    "stroke-dasharray": "280 280",
+                    "stroke-dashoffset": "210"
+                })
+            ]
+        })
+    });
+};
+var $1c6180f4814282ee$export$2e2bcd8739ae039 = $1c6180f4814282ee$var$CustomUploadLoaderIcon;
+
+
+
+const $cbaa6f4fedaf2643$export$5ae59fe729a6c81c = (0, es.observer)(({ store: store })=>{
+    const [images, setImages] = (0, react.useState)([]);
+    const [isUploading, setUploading] = (0, react.useState)(false);
+    const [isLoading, setLoading] = (0, react.useState)(false);
+    const dispatch = (0, useDispatch)();
+    const uploadedImages = (0, useSelector)((state)=>state.templates.uploadedImages);
+    const load = async ()=>{
+        if (uploadedImages) {
+            setLoading(true);
+            setImages(uploadedImages);
+            setLoading(false);
+        }
+    };
+    const validateFile = (file)=>{
+        if (!file || !(0, $7ad22e5ca6c288ca$export$abbaea9002634c0c).includes(file?.type)) {
+            dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)((0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_UPLOAD_SECTION.TYPE_VALIDATION));
+            return false;
+        }
+        if (file.size >= 5200000) {
+            // 5MB limit
+            dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)((0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_UPLOAD_SECTION.SIZE_VALIDATION));
+            return false;
+        }
+        return true;
+    };
+    const handleFileInput = async (e)=>{
+        try {
+            const { target: target } = e;
+            for (const file of target.files){
+                const type = (0, $717432aee8737b76$export$e2b5c5db9e2009fd)(file);
+                const validate = validateFile(file);
+                if (!validate) {
+                    target.value = null;
+                    return;
+                }
+                setUploading(true);
+                const uploadedFile = await (0, $dbaee5ca78364d67$export$a5575dbeeffdad98)(file);
+                const allImages = [
+                    ...images,
+                    {
+                        url: uploadedFile,
+                        type: type
+                    }
+                ];
+                setImages(allImages);
+                dispatch({
+                    type: (0, $e496cac0faa1ff17$export$855a5c0ee315c6e1),
+                    payload: allImages
+                });
+            }
+            setUploading(false);
+            target.value = null;
+        } catch (error) {
+            return error;
+        } finally{
+            setUploading(false);
+        }
+    };
+    (0, react.useEffect)(()=>{
+        load();
+    }, []);
+    return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
+        style: {
+            height: "100%",
+            display: "flex",
+            flexDirection: "column"
+        },
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                style: {
+                    height: "40px",
+                    paddingTop: "5px"
+                },
+                children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_UPLOAD_SECTION.HEADING
+            }),
+            /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                style: {
+                    height: "35px"
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime.jsx)("strong", {
+                    children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_UPLOAD_SECTION.ACCEPTED_FORMATS
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                style: {
+                    height: "35px",
+                    paddingBottom: "15px"
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime.jsx)("strong", {
+                    children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_UPLOAD_SECTION.MAX_SIZE
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                style: {
+                    marginBottom: "20px"
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("label", {
+                    htmlFor: "input-file",
+                    children: [
+                        isUploading ? /*#__PURE__*/ (0, jsx_runtime.jsx)("button", {
+                            type: "button",
+                            className: "custom-upload-image-btn bp5-button bp5-disabled bp5-loading bp5-intent-primary",
+                            disabled: true,
+                            children: /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                                "aria-label": "loading",
+                                className: "bp5-spinner bp5-button-spinner",
+                                role: "progressbar",
+                                children: /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+                                    className: "bp5-spinner-animation",
+                                    children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $1c6180f4814282ee$export$2e2bcd8739ae039), {})
+                                })
+                            })
+                        }) : /*#__PURE__*/ (0, jsx_runtime.jsxs)("button", {
+                            type: "button",
+                            className: "custom-upload-image-btn bp5-button bp5-intent-primary",
+                            onClick: ()=>{
+                                document.querySelector("#input-file")?.click();
+                            },
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $9d2cb3fa14bb7e1d$export$2e2bcd8739ae039), {}),
+                                /*#__PURE__*/ (0, jsx_runtime.jsxs)("span", {
+                                    className: "bp5-button-text",
+                                    children: [
+                                        " ",
+                                        (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_UPLOAD_SECTION.UPLOAD_BTN_TEXT
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)("input", {
+                            type: "file",
+                            id: "input-file",
+                            style: {
+                                display: "none"
+                            },
+                            onChange: handleFileInput,
+                            multiple: true
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime.jsx)((0, side_panel.ImagesGrid), {
+                images: images,
+                getPreview: (image)=>image?.url,
+                crossOrigin: undefined,
+                isLoading: isLoading,
+                onSelect: async (item, pos, element)=>{
+                    const image = item?.url;
+                    const type = item?.type;
+                    let { width: width, height: height } = await (0, utils_image.getImageSize)(image);
+                    if (element && element.type === "svg" && element.contentEditable && type === "image") {
+                        element.set({
+                            maskSrc: image
+                        });
+                        return;
+                    }
+                    if (element && element.type === "image" && element.contentEditable && type == "image") {
+                        const crop = (0, utils_image.getCrop)(element, {
+                            width: width,
+                            height: height
+                        });
+                        element.set({
+                            src: image,
+                            ...crop
+                        });
+                        return;
+                    }
+                    const scale = Math.min(store.width / width, store.height / height, 1);
+                    width = width * scale;
+                    height = height * scale;
+                    const x = (pos?.x || store.width / 2) - width / 2;
+                    const y = (pos?.y || store.height / 2) - height / 2;
+                    store.activePage?.addElement({
+                        type: type,
+                        src: image,
+                        x: x,
+                        y: y,
+                        width: width,
+                        height: height
+                    });
+                }
+            })
+        ]
+    });
+});
+(0, side_panel.UploadSection).Panel = $cbaa6f4fedaf2643$export$5ae59fe729a6c81c;
+var $cbaa6f4fedaf2643$export$2e2bcd8739ae039 = $cbaa6f4fedaf2643$export$5ae59fe729a6c81c;
 
 
 
@@ -158288,9 +159109,11 @@ const $d303f0b433a1814c$var$SidePanel = (props)=>{
                 ...props.currentTemplateType !== "Real Penned Letter" ? [
                     {
                         ...(0, $e8f6665471b594e0$export$2e2bcd8739ae039),
+                        ...(0, $cbaa6f4fedaf2643$export$2e2bcd8739ae039),
                         Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e8f6665471b594e0$export$2e2bcd8739ae039).Panel, {
                                 ...panelProps,
                                 platformName: props.platformName,
+                                templateGalleryModal: props.templateGalleryModal,
                                 onGetTemplates: props.onGetTemplates,
                                 onGetOneTemplate: props.onGetOneTemplate,
                                 selectedSection: props.selectedSection
@@ -158300,10 +159123,13 @@ const $d303f0b433a1814c$var$SidePanel = (props)=>{
                 ...sections,
                 {
                     ...(0, $d0a2370b36372b2d$export$2e2bcd8739ae039),
+                    ...(0, $cbaa6f4fedaf2643$export$2e2bcd8739ae039),
                     Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d0a2370b36372b2d$export$2e2bcd8739ae039).Panel, {
                             ...panelProps,
                             onGetCustomFields: props.onGetCustomFields,
-                            allowSenderFields: props.allowSenderFields
+                            allowSenderFields: props.allowSenderFields,
+                            excludedFields: props.excludedFields,
+                            allowPropertyFields: props.allowPropertyFields
                         })
                 },
                 ...props.currentTemplateType !== "Real Penned Letter" ? [
@@ -158325,9 +159151,7 @@ var $d303f0b433a1814c$export$2e2bcd8739ae039 = $d303f0b433a1814c$var$SidePanel;
 
 
 
-
-(0, polotno_config/* setUploadFunc */.Ut)((0, $dbaee5ca78364d67$export$a5575dbeeffdad98));
-const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNavigate: onReturnAndNavigate, platformName: platformName, createTemplateRoute: createTemplateRoute, olcTemplate: olcTemplate, allowSenderFields: allowSenderFields, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
+const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNavigate: onReturnAndNavigate, platformName: platformName, templateGalleryModal: templateGalleryModal, createTemplateRoute: createTemplateRoute, olcTemplate: olcTemplate, allowSenderFields: allowSenderFields, excludedFields: excludedFields, allowPropertyFields: allowPropertyFields, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
     const [isStoreUpdated, setIsStoreUpdated] = (0, react.useState)(false);
     const [switchTabCount, setSwitchTabCount] = (0, react.useState)(1);
     const [selectedSection, setSelectedSection] = (0, react.useState)("text");
@@ -158379,6 +159203,7 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNaviga
                                 data: template
                             }
                         });
+                        (0, $39231ae325c5aacf$export$b8070c2bd9d59c10)(template?.product?.id, store);
                         dispatch({
                             type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
                             payload: true
@@ -158392,6 +159217,11 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNaviga
                 });
             } catch (error) {
                 return error;
+            } finally{
+                dispatch({
+                    type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
+                    payload: false
+                });
             }
             else if (store.pages.length === 0 && !olcTemplate) createInitialPage();
             fetchCustomFields();
@@ -158502,13 +159332,14 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNaviga
             });
             store.setSize(+paperDimensions[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610), +paperDimensions[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610));
             let jsonData = await (0, $ad01ab85e9f42d02$export$c706fc9cfb842dce)(existingTemplate?.templateUrl);
-            if (template?.product?.productType === "Real Penned Letter") {
+            if (existingTemplate?.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);
+            (0, $39231ae325c5aacf$export$b8070c2bd9d59c10)(existingTemplate?.product?.id, store);
             dispatch({
                 type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
                 payload: false
@@ -158543,7 +159374,10 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNaviga
                                     store: store,
                                     currentTemplateType: currentTemplateType,
                                     platformName: platformName,
+                                    templateGalleryModal: templateGalleryModal,
                                     allowSenderFields: allowSenderFields,
+                                    allowPropertyFields: allowPropertyFields,
+                                    excludedFields: excludedFields,
                                     onGetTemplates: onGetTemplates,
                                     onGetOneTemplate: onGetOneTemplate,
                                     onGetCustomFields: onGetCustomFields,
@@ -158572,7 +159406,7 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNaviga
                                 })
                             ]
                         }),
-                        /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a9c4d245899171bf$export$2e2bcd8739ae039), {})
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $49857baad0b39325$export$2e2bcd8739ae039), {})
                     ]
                 })
             })
@@ -158583,6 +159417,7 @@ var $6248df0c26b0b2d9$export$2e2bcd8739ae039 = $6248df0c26b0b2d9$var$TemplateBui
 
 
 
+
 // Initialize Plotno Store
 const $edeafd00018ca857$var$initializeStore = (secretKey)=>{
     return (0, store.createStore)({
@@ -158592,7 +159427,7 @@ const $edeafd00018ca857$var$initializeStore = (secretKey)=>{
         showCredit: false
     });
 };
-const $edeafd00018ca857$var$App = ({ secretKey: secretKey, platformName: platformName, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, allowSenderFields: allowSenderFields, styles: styles, onReturnAndNavigate: onReturnAndNavigate, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
+const $edeafd00018ca857$var$App = ({ secretKey: secretKey, platformName: platformName, templateGalleryModal: templateGalleryModal, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, allowSenderFields: allowSenderFields, excludedFields: excludedFields, allowPropertyFields: allowPropertyFields, styles: styles, onReturnAndNavigate: onReturnAndNavigate, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
     const [store, setStore] = (0, react.useState)($edeafd00018ca857$var$initializeStore(secretKey));
     const currentPath = window?.location?.pathname;
     (0, react.useEffect)(()=>{
@@ -158611,6 +159446,7 @@ const $edeafd00018ca857$var$App = ({ secretKey: secretKey, platformName: platfor
     return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
         className: "builder-wrapper",
         children: [
+            /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $49857baad0b39325$export$2e2bcd8739ae039), {}),
             /*#__PURE__*/ (0, jsx_runtime.jsx)(GlobalStyle, {}),
             /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, Routes), {
                 children: [
@@ -158628,7 +159464,10 @@ const $edeafd00018ca857$var$App = ({ secretKey: secretKey, platformName: platfor
                             store: store,
                             olcTemplate: olcTemplate,
                             platformName: platformName,
+                            templateGalleryModal: templateGalleryModal,
                             allowSenderFields: allowSenderFields,
+                            excludedFields: excludedFields,
+                            allowPropertyFields: allowPropertyFields,
                             createTemplateRoute: createTemplateRoute,
                             onReturnAndNavigate: onReturnAndNavigate,
                             onGetOneTemplate: onGetOneTemplate,
@@ -158651,7 +159490,7 @@ var $edeafd00018ca857$export$2e2bcd8739ae039 = $edeafd00018ca857$var$App;
 
 
 
-const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, publicApiKey: publicApiKey, platformName: platformName, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, sandbox: sandbox, allowSenderFields: allowSenderFields, onReturnAndNavigate: onReturnAndNavigate, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
+const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, publicApiKey: publicApiKey, platformName: platformName, templateGalleryModal: templateGalleryModal = true, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, sandbox: sandbox, allowSenderFields: allowSenderFields, allowPropertyFields: allowPropertyFields, excludedFields: excludedFields, 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 (!publicApiKey) throw new Error("publicApiKey not found");
@@ -158667,9 +159506,12 @@ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey
                     styles: styles,
                     olcTemplate: olcTemplate,
                     platformName: platformName,
+                    templateGalleryModal: templateGalleryModal,
                     createTemplateRoute: createTemplateRoute,
                     templateBuilderRoute: templateBuilderRoute,
                     allowSenderFields: allowSenderFields,
+                    allowPropertyFields: allowPropertyFields,
+                    excludedFields: excludedFields,
                     onReturnAndNavigate: onReturnAndNavigate,
                     onGetOneTemplate: onGetOneTemplate,
                     onGetTemplates: onGetTemplates,
@@ -158682,7 +159524,7 @@ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey
     //@ts-ignore
     return {
         destroy () {
-            console.log("React destroyed");
+            console.log("React template builder destroyed");
             root.unmount();
         }
     };
@@ -158715,6 +159557,10 @@ var $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBui
       type: String,
       required: false
     },
+    templateGalleryModal: {
+      type: Boolean,
+      required: false
+    },
     createTemplateRoute: {
       type: String,
       required: false
@@ -158735,6 +159581,15 @@ var $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBui
       type: Boolean,
       required: false
     },
+    allowPropertyFields: {
+      type: Boolean,
+      required: false
+    },
+    excludedFields: {
+      type: String,
+      default: null,
+      required: false,
+    },
     onReturnAndNavigate: {
       type: Function,
       required: false
@@ -158782,12 +159637,15 @@ var $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBui
         secretKey: props.secretKey,
         publicApiKey: props.publicApiKey,
         platformName: props.platformName,
-        onReturnAndNavigate: props.onReturnAndNavigate,
+        templateGalleryModal: props.templateGalleryModal,
         createTemplateRoute: props.createTemplateRoute,
         templateBuilderRoute: props.templateBuilderRoute,
         olcTemplate: props.olcTemplate,
         sandbox: props.sandbox,
         allowSenderFields: props.allowSenderFields,
+        allowPropertyFields: props.allowPropertyFields,
+        excludedFields: props.excludedFields,
+        onReturnAndNavigate: props.onReturnAndNavigate, 
         onGetOneTemplate: props.onGetOneTemplate,
         onGetTemplates: props.onGetTemplates,
         onGetCustomFields: props.onGetCustomFields,
@@ -158918,58 +159776,64 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var App = (component.exports);
-;// CONCATENATED MODULE: ./src/index.js
+;// CONCATENATED MODULE: ./src/index.ts
+
 
 
+//Utils
 
 const src_TemplateBuilder = ({
   container,
   secretKey,
   publicApiKey,
   platformName,
+  templateGalleryModal = true,
   createTemplateRoute,
   templateBuilderRoute,
   olcTemplate,
   sandbox,
   allowSenderFields,
+  allowPropertyFields,
+  excludedFields,
   onReturnAndNavigate,
   onGetOneTemplate,
   onGetTemplates,
   onGetCustomFields,
   onSubmit,
-  styles,
+  styles
 }) => {
   const props = {
     container,
     secretKey,
     publicApiKey,
     platformName,
+    templateGalleryModal,
     createTemplateRoute,
     templateBuilderRoute,
     olcTemplate,
     sandbox,
     allowSenderFields,
+    allowPropertyFields,
+    excludedFields,
     onReturnAndNavigate,
     onGetOneTemplate,
     onGetTemplates,
     onGetCustomFields,
     onSubmit,
-    styles,
+    styles
   };
-
   const vueInstance = new Vue({
-    render: (h) => h(App, { props }),
+    render: h => h(App, {
+      props
+    })
   }).$mount(`#${container}`);
-  
   return {
     destroy() {
       vueInstance.$destroy();
     }
   };
 };
-
 /* harmony default export */ var src = (src_TemplateBuilder);
-
 var __webpack_exports__default = __webpack_exports__.A;
 export { __webpack_exports__default as default };