@openlettermarketing/olc-vue-sdk 1.5.6 → 1.5.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/build/index.js +521 -242
  2. package/build/index.js.map +1 -1
  3. package/package.json +1 -1
package/build/index.js CHANGED
@@ -52604,7 +52604,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ":root{--rt-color-white:#fff;--rt-color
52604
52604
 
52605
52605
  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()));
52606
52606
  // Module
52607
- ___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.custom-tooltip {\n border-radius: 5px;\n padding: 10px;\n position: absolute;\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n z-index: 9999999 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 2px 6px #989595 !important;\n}\n\n.custom-tooltip .arrow {\n filter: drop-shadow(0 5px 1px #00000028);\n width: 14px;\n height: 14px;\n position: absolute;\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 position: relative;\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 .urlTooltip {\n cursor: pointer;\n position: absolute;\n top: 1px;\n left: 80px;\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.input-layout .file-upload-wrapper {\n border: .5px solid var(--border-color);\n background-color: #fff;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 135px;\n padding: 20px;\n display: flex;\n position: relative;\n}\n\n.input-layout .file-upload-wrapper .file-input {\n opacity: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.input-layout .file-upload-wrapper .upload-area {\n text-align: center;\n}\n\n.input-layout .file-upload-wrapper .upload-area .upload-icon {\n color: tomato;\n margin-bottom: 10px;\n font-size: 32px;\n}\n\n.input-layout .file-upload-wrapper .upload-area .upload-text {\n color: tomato;\n cursor: pointer;\n font-weight: 400;\n text-decoration: underline;\n}\n\n.input-layout .file-upload-wrapper .upload-area .upload-info {\n color: #545454;\n margin-top: 10px;\n font-size: 12px;\n}\n\n.input-layout .uploaded-files {\n width: 100%;\n}\n\n.input-layout h3 {\n color: var(--text-color);\n margin-bottom: 10px;\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .file-item {\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 8px;\n align-items: center;\n margin-bottom: 10px;\n padding: 10px;\n display: flex;\n}\n\n.input-layout .file-item .file-icon {\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 50px;\n margin-right: 10px;\n padding: 5px;\n display: flex;\n}\n\n.input-layout .file-item .file-details {\n flex-grow: 1;\n}\n\n.input-layout .file-item .file-details .file-name {\n margin: 0;\n font-weight: 500;\n color: #303030 !important;\n font-size: 14px !important;\n}\n\n.input-layout .file-item .file-details .file-size {\n color: #b3b3b3 !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n}\n\n.input-layout .file-item .file-remove {\n cursor: pointer;\n align-items: center;\n display: flex;\n}\n\n.videoUrlTooltip {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-end;\n width: 100%;\n max-width: 330px;\n display: flex;\n}\n\n.videoUrlTooltip p {\n text-align: left;\n color: #000 !important;\n font-size: 12px !important;\n font-weight: 400 !important;\n}\n\n.videoUrlTooltip svg {\n cursor: pointer;\n width: 14px;\n height: 14px;\n position: absolute;\n top: 2px;\n right: 3px;\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 - 600px);\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.designerFormWrapper {\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.designerFormWrapper h2 {\n color: var(--primary-color);\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n}\n\n.designerFormWrapper .designerForm {\n flex-direction: column;\n gap: 20px;\n width: 100%;\n height: 635px;\n padding: 20px 40px 24px;\n display: flex;\n overflow-y: auto;\n}\n\n.designerFormWrapper .designerForm::-webkit-scrollbar {\n width: 8px;\n}\n\n.designerFormWrapper .designerForm::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n .designerFormWrapper .designerForm body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n }\n}\n\n.designerFormWrapper .file-upload-wrapper {\n border: .5px solid var(--border-color);\n background-color: #fff;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 135px;\n padding: 20px;\n display: flex;\n position: relative;\n}\n\n.designerFormWrapper .file-upload-wrapper .file-input {\n opacity: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area {\n text-align: center;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area .upload-icon {\n color: tomato;\n margin-bottom: 10px;\n font-size: 32px;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area .upload-text {\n color: tomato;\n cursor: pointer;\n font-weight: 400;\n text-decoration: underline;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area .upload-info {\n color: #545454;\n margin-top: 10px;\n font-size: 12px;\n}\n\n.designerFormWrapper .uploaded-files {\n width: 100%;\n}\n\n.designerFormWrapper h3 {\n color: var(--text-color);\n margin-bottom: 10px;\n font-size: 14px;\n font-weight: 400;\n}\n\n.designerFormWrapper .file-item {\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 8px;\n align-items: center;\n margin-bottom: 10px;\n padding: 10px;\n display: flex;\n}\n\n.designerFormWrapper .file-item .file-icon {\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 50px;\n margin-right: 10px;\n padding: 5px;\n display: flex;\n}\n\n.designerFormWrapper .file-item .file-details {\n flex-grow: 1;\n}\n\n.designerFormWrapper .file-item .file-details .file-name {\n margin: 0;\n font-weight: 500;\n color: #303030 !important;\n font-size: 14px !important;\n}\n\n.designerFormWrapper .file-item .file-details .file-size {\n color: #b3b3b3 !important;\n margin: 0 !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n}\n\n.designerFormWrapper .file-item .file-remove {\n cursor: pointer;\n align-items: center;\n display: flex;\n}\n\n.designerFormWrapper .loading-container {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.designerFormWrapper .loading-container .loading-icon {\n border: 2px solid #fff;\n border-top-color: #0000;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n animation: 1s linear infinite spin;\n}\n\n.designerFormWrapper .button-container {\n justify-content: center;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 0 40px;\n display: flex;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n\n 100% {\n transform: rotate(360deg);\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 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 .no-margin {\n margin: 0 !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.addonBox .copy {\n width: 30px !important;\n height: 30px !important;\n}\n\n.hidden-important {\n display: block !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.custom-tooltip {\n border-radius: 5px;\n padding: 10px;\n position: absolute;\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n z-index: 9999999 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 2px 6px #989595 !important;\n}\n\n.custom-tooltip .arrow {\n filter: drop-shadow(0 5px 1px #00000028);\n width: 14px;\n height: 14px;\n position: absolute;\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 position: relative;\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 .urlTooltip {\n cursor: pointer;\n position: absolute;\n top: 1px;\n left: 80px;\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.input-layout .file-upload-wrapper {\n border: .5px solid var(--border-color);\n background-color: #fff;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 135px;\n padding: 20px;\n display: flex;\n position: relative;\n}\n\n.input-layout .file-upload-wrapper .file-input {\n opacity: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.input-layout .file-upload-wrapper .upload-area {\n text-align: center;\n}\n\n.input-layout .file-upload-wrapper .upload-area .upload-icon {\n color: tomato;\n margin-bottom: 10px;\n font-size: 32px;\n}\n\n.input-layout .file-upload-wrapper .upload-area .upload-text {\n color: tomato;\n cursor: pointer;\n font-weight: 400;\n text-decoration: underline;\n}\n\n.input-layout .file-upload-wrapper .upload-area .upload-info {\n color: #545454;\n margin-top: 10px;\n font-size: 12px;\n}\n\n.input-layout .uploaded-files {\n width: 100%;\n}\n\n.input-layout h3 {\n color: var(--text-color);\n margin-bottom: 10px;\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .file-item {\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 8px;\n align-items: center;\n margin-bottom: 10px;\n padding: 10px;\n display: flex;\n}\n\n.input-layout .file-item .file-icon {\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 50px;\n margin-right: 10px;\n padding: 5px;\n display: flex;\n}\n\n.input-layout .file-item .file-details {\n flex-grow: 1;\n}\n\n.input-layout .file-item .file-details .file-name {\n margin: 0;\n font-weight: 500;\n color: #303030 !important;\n font-size: 14px !important;\n}\n\n.input-layout .file-item .file-details .file-size {\n color: #b3b3b3 !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n}\n\n.input-layout .file-item .file-remove {\n cursor: pointer;\n align-items: center;\n display: flex;\n}\n\n.videoUrlTooltip {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-end;\n width: 100%;\n max-width: 330px;\n display: flex;\n}\n\n.videoUrlTooltip p {\n text-align: left;\n color: #000 !important;\n font-size: 12px !important;\n font-weight: 400 !important;\n}\n\n.videoUrlTooltip svg {\n cursor: pointer;\n width: 14px;\n height: 14px;\n position: absolute;\n top: 2px;\n right: 3px;\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 - 600px);\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.designerFormWrapper {\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.designerFormWrapper h2 {\n color: var(--primary-color);\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n}\n\n.designerFormWrapper .designerForm {\n flex-direction: column;\n gap: 20px;\n width: 100%;\n height: 635px;\n padding: 20px 40px 24px;\n display: flex;\n overflow-y: auto;\n}\n\n.designerFormWrapper .designerForm::-webkit-scrollbar {\n width: 8px;\n}\n\n.designerFormWrapper .designerForm::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n .designerFormWrapper .designerForm body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n }\n}\n\n.designerFormWrapper .file-upload-wrapper {\n border: .5px solid var(--border-color);\n background-color: #fff;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 135px;\n padding: 20px;\n display: flex;\n position: relative;\n}\n\n.designerFormWrapper .file-upload-wrapper .file-input {\n opacity: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area {\n text-align: center;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area .upload-icon {\n color: tomato;\n margin-bottom: 10px;\n font-size: 32px;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area .upload-text {\n color: tomato;\n cursor: pointer;\n font-weight: 400;\n text-decoration: underline;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area .upload-info {\n color: #545454;\n margin-top: 10px;\n font-size: 12px;\n}\n\n.designerFormWrapper .uploaded-files {\n width: 100%;\n}\n\n.designerFormWrapper h3 {\n color: var(--text-color);\n margin-bottom: 10px;\n font-size: 14px;\n font-weight: 400;\n}\n\n.designerFormWrapper .file-item {\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 8px;\n align-items: center;\n margin-bottom: 10px;\n padding: 10px;\n display: flex;\n}\n\n.designerFormWrapper .file-item .file-icon {\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 50px;\n margin-right: 10px;\n padding: 5px;\n display: flex;\n}\n\n.designerFormWrapper .file-item .file-details {\n flex-grow: 1;\n}\n\n.designerFormWrapper .file-item .file-details .file-name {\n margin: 0;\n font-weight: 500;\n color: #303030 !important;\n font-size: 14px !important;\n}\n\n.designerFormWrapper .file-item .file-details .file-size {\n color: #b3b3b3 !important;\n margin: 0 !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n}\n\n.designerFormWrapper .file-item .file-remove {\n cursor: pointer;\n align-items: center;\n display: flex;\n}\n\n.designerFormWrapper .loading-container {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.designerFormWrapper .loading-container .loading-icon {\n border: 2px solid #fff;\n border-top-color: #0000;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n animation: 1s linear infinite spin;\n}\n\n.designerFormWrapper .button-container {\n justify-content: center;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 0 40px;\n display: flex;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n\n 100% {\n transform: rotate(360deg);\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 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 .no-margin {\n margin: 0 !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.addonBox .copy {\n width: 30px !important;\n height: 30px !important;\n}\n\n.hidden-important {\n display: block !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":""}]);
52607
+ ___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.custom-tooltip {\n border-radius: 5px;\n padding: 10px;\n position: absolute;\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n z-index: 9999999 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 2px 6px #989595 !important;\n}\n\n.custom-tooltip .arrow {\n filter: drop-shadow(0 5px 1px #00000028);\n width: 14px;\n height: 14px;\n position: absolute;\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 position: relative;\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 .urlTooltip {\n cursor: pointer;\n position: absolute;\n top: 1px;\n left: 80px;\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.input-layout .file-upload-wrapper {\n border: .5px solid var(--border-color);\n background-color: #fff;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 135px;\n padding: 20px;\n display: flex;\n position: relative;\n}\n\n.input-layout .file-upload-wrapper .file-input {\n opacity: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.input-layout .file-upload-wrapper .upload-area {\n text-align: center;\n}\n\n.input-layout .file-upload-wrapper .upload-area .upload-icon {\n color: tomato;\n margin-bottom: 10px;\n font-size: 32px;\n}\n\n.input-layout .file-upload-wrapper .upload-area .upload-text {\n color: tomato;\n cursor: pointer;\n font-weight: 400;\n text-decoration: underline;\n}\n\n.input-layout .file-upload-wrapper .upload-area .upload-info {\n color: #545454;\n margin-top: 10px;\n font-size: 12px;\n}\n\n.input-layout .uploaded-files {\n width: 100%;\n}\n\n.input-layout h3 {\n color: var(--text-color);\n margin-bottom: 10px;\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .file-item {\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 8px;\n align-items: center;\n margin-bottom: 10px;\n padding: 10px;\n display: flex;\n}\n\n.input-layout .file-item .file-icon {\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 50px;\n margin-right: 10px;\n padding: 5px;\n display: flex;\n}\n\n.input-layout .file-item .file-details {\n flex-grow: 1;\n}\n\n.input-layout .file-item .file-details .file-name {\n margin: 0;\n font-weight: 500;\n color: #303030 !important;\n font-size: 14px !important;\n}\n\n.input-layout .file-item .file-details .file-size {\n color: #b3b3b3 !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n}\n\n.input-layout .file-item .file-remove {\n cursor: pointer;\n align-items: center;\n display: flex;\n}\n\n.videoUrlTooltip {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-end;\n width: 100%;\n max-width: 330px;\n display: flex;\n}\n\n.videoUrlTooltip p {\n text-align: left;\n color: #000 !important;\n font-size: 12px !important;\n font-weight: 400 !important;\n}\n\n.videoUrlTooltip svg {\n cursor: pointer;\n width: 14px;\n height: 14px;\n position: absolute;\n top: 2px;\n right: 3px;\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 - 600px);\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.designerFormWrapper {\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.designerFormWrapper h2 {\n color: var(--primary-color);\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n}\n\n.designerFormWrapper .designerForm {\n flex-direction: column;\n gap: 20px;\n width: 100%;\n height: 635px;\n padding: 20px 40px 24px;\n display: flex;\n overflow-y: auto;\n}\n\n.designerFormWrapper .designerForm::-webkit-scrollbar {\n width: 8px;\n}\n\n.designerFormWrapper .designerForm::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n .designerFormWrapper .designerForm body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n }\n}\n\n.designerFormWrapper .file-upload-wrapper {\n border: .5px solid var(--border-color);\n background-color: #fff;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 135px;\n padding: 20px;\n display: flex;\n position: relative;\n}\n\n.designerFormWrapper .file-upload-wrapper .file-input {\n opacity: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area {\n text-align: center;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area .upload-icon {\n color: var(--svg-color);\n margin-bottom: 10px;\n font-size: 32px;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area .upload-text {\n color: var(--primary-color);\n cursor: pointer;\n font-weight: 400;\n text-decoration: underline;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area .upload-info {\n color: #545454;\n margin-top: 10px;\n font-size: 12px;\n}\n\n.designerFormWrapper .uploaded-files {\n width: 100%;\n}\n\n.designerFormWrapper h3 {\n color: var(--text-color);\n margin-bottom: 10px;\n font-size: 14px;\n font-weight: 400;\n}\n\n.designerFormWrapper .file-item {\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 8px;\n align-items: center;\n margin-bottom: 10px;\n padding: 10px;\n display: flex;\n}\n\n.designerFormWrapper .file-item .file-icon {\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 50px;\n margin-right: 10px;\n padding: 5px;\n display: flex;\n}\n\n.designerFormWrapper .file-item .file-details {\n flex-grow: 1;\n}\n\n.designerFormWrapper .file-item .file-details .file-name {\n margin: 0;\n font-weight: 500;\n color: #303030 !important;\n font-size: 14px !important;\n}\n\n.designerFormWrapper .file-item .file-details .file-size {\n color: #b3b3b3 !important;\n margin: 0 !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n}\n\n.designerFormWrapper .file-item .file-remove {\n cursor: pointer;\n align-items: center;\n display: flex;\n}\n\n.designerFormWrapper .loading-container {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.designerFormWrapper .loading-container .loading-icon {\n border: 2px solid #fff;\n border-top-color: #0000;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n animation: 1s linear infinite spin;\n}\n\n.designerFormWrapper .button-container {\n justify-content: center;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 0 40px;\n display: flex;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n\n 100% {\n transform: rotate(360deg);\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.no-result {\n justify-content: center;\n margin: 20px;\n display: flex;\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 .no-margin {\n margin: 0 !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.addonBox .copy {\n width: 30px !important;\n height: 30px !important;\n}\n\n.hidden-important {\n display: block !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\n:root .fields-search {\n z-index: 9;\n background-color: #fff;\n justify-content: center;\n align-items: center;\n height: 100%;\n max-height: 40px;\n padding: 10px 0;\n display: flex;\n position: sticky;\n top: 0;\n margin: 0 !important;\n}\n\n:root .fields-search span {\n position: absolute;\n top: 5px;\n left: 0;\n}\n\n:root .fields-search input {\n margin: 0 !important;\n}\n\n:root .dynamic-content {\n margin-top: 10px !important;\n overflow: auto !important;\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.custom-tooltip {\n border-radius: 5px;\n padding: 10px;\n position: absolute;\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n z-index: 9999999 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 2px 6px #989595 !important;\n}\n\n.custom-tooltip .arrow {\n filter: drop-shadow(0 5px 1px #00000028);\n width: 14px;\n height: 14px;\n position: absolute;\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 position: relative;\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 .urlTooltip {\n cursor: pointer;\n position: absolute;\n top: 1px;\n left: 80px;\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.input-layout .file-upload-wrapper {\n border: .5px solid var(--border-color);\n background-color: #fff;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 135px;\n padding: 20px;\n display: flex;\n position: relative;\n}\n\n.input-layout .file-upload-wrapper .file-input {\n opacity: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.input-layout .file-upload-wrapper .upload-area {\n text-align: center;\n}\n\n.input-layout .file-upload-wrapper .upload-area .upload-icon {\n color: tomato;\n margin-bottom: 10px;\n font-size: 32px;\n}\n\n.input-layout .file-upload-wrapper .upload-area .upload-text {\n color: tomato;\n cursor: pointer;\n font-weight: 400;\n text-decoration: underline;\n}\n\n.input-layout .file-upload-wrapper .upload-area .upload-info {\n color: #545454;\n margin-top: 10px;\n font-size: 12px;\n}\n\n.input-layout .uploaded-files {\n width: 100%;\n}\n\n.input-layout h3 {\n color: var(--text-color);\n margin-bottom: 10px;\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .file-item {\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 8px;\n align-items: center;\n margin-bottom: 10px;\n padding: 10px;\n display: flex;\n}\n\n.input-layout .file-item .file-icon {\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 50px;\n margin-right: 10px;\n padding: 5px;\n display: flex;\n}\n\n.input-layout .file-item .file-details {\n flex-grow: 1;\n}\n\n.input-layout .file-item .file-details .file-name {\n margin: 0;\n font-weight: 500;\n color: #303030 !important;\n font-size: 14px !important;\n}\n\n.input-layout .file-item .file-details .file-size {\n color: #b3b3b3 !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n}\n\n.input-layout .file-item .file-remove {\n cursor: pointer;\n align-items: center;\n display: flex;\n}\n\n.videoUrlTooltip {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-end;\n width: 100%;\n max-width: 330px;\n display: flex;\n}\n\n.videoUrlTooltip p {\n text-align: left;\n color: #000 !important;\n font-size: 12px !important;\n font-weight: 400 !important;\n}\n\n.videoUrlTooltip svg {\n cursor: pointer;\n width: 14px;\n height: 14px;\n position: absolute;\n top: 2px;\n right: 3px;\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 - 600px);\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.designerFormWrapper {\n flex-direction: column;\n align-items: center;\n width: 100%;\n display: flex;\n}\n\n.designerFormWrapper h2 {\n color: var(--primary-color);\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n}\n\n.designerFormWrapper .designerForm {\n flex-direction: column;\n gap: 20px;\n width: 100%;\n height: 635px;\n padding: 20px 40px 24px;\n display: flex;\n overflow-y: auto;\n}\n\n.designerFormWrapper .designerForm::-webkit-scrollbar {\n width: 8px;\n}\n\n.designerFormWrapper .designerForm::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n .designerFormWrapper .designerForm body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--scrollbar-track-color);\n }\n}\n\n.designerFormWrapper .file-upload-wrapper {\n border: .5px solid var(--border-color);\n background-color: #fff;\n border-radius: 8px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 135px;\n padding: 20px;\n display: flex;\n position: relative;\n}\n\n.designerFormWrapper .file-upload-wrapper .file-input {\n opacity: 0;\n cursor: pointer;\n width: 100%;\n height: 100%;\n position: absolute;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area {\n text-align: center;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area .upload-icon {\n color: var(--svg-color);\n margin-bottom: 10px;\n font-size: 32px;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area .upload-text {\n color: var(--primary-color);\n cursor: pointer;\n font-weight: 400;\n text-decoration: underline;\n}\n\n.designerFormWrapper .file-upload-wrapper .upload-area .upload-info {\n color: #545454;\n margin-top: 10px;\n font-size: 12px;\n}\n\n.designerFormWrapper .uploaded-files {\n width: 100%;\n}\n\n.designerFormWrapper h3 {\n color: var(--text-color);\n margin-bottom: 10px;\n font-size: 14px;\n font-weight: 400;\n}\n\n.designerFormWrapper .file-item {\n background-color: #fff;\n border: 1px solid #ddd;\n border-radius: 8px;\n align-items: center;\n margin-bottom: 10px;\n padding: 10px;\n display: flex;\n}\n\n.designerFormWrapper .file-item .file-icon {\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 50px;\n margin-right: 10px;\n padding: 5px;\n display: flex;\n}\n\n.designerFormWrapper .file-item .file-details {\n flex-grow: 1;\n}\n\n.designerFormWrapper .file-item .file-details .file-name {\n margin: 0;\n font-weight: 500;\n color: #303030 !important;\n font-size: 14px !important;\n}\n\n.designerFormWrapper .file-item .file-details .file-size {\n color: #b3b3b3 !important;\n margin: 0 !important;\n font-size: 12px !important;\n font-weight: 300 !important;\n}\n\n.designerFormWrapper .file-item .file-remove {\n cursor: pointer;\n align-items: center;\n display: flex;\n}\n\n.designerFormWrapper .loading-container {\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.designerFormWrapper .loading-container .loading-icon {\n border: 2px solid #fff;\n border-top-color: #0000;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n animation: 1s linear infinite spin;\n}\n\n.designerFormWrapper .button-container {\n justify-content: center;\n align-items: center;\n gap: 10px;\n width: 100%;\n padding: 0 40px;\n display: flex;\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0);\n }\n\n 100% {\n transform: rotate(360deg);\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.no-result {\n justify-content: center;\n margin: 20px;\n display: flex;\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 .no-margin {\n margin: 0 !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.addonBox .copy {\n width: 30px !important;\n height: 30px !important;\n}\n\n.hidden-important {\n display: block !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\n:root .fields-search {\n z-index: 9;\n background-color: #fff;\n justify-content: center;\n align-items: center;\n height: 100%;\n max-height: 40px;\n padding: 10px 0;\n display: flex;\n position: sticky;\n top: 0;\n margin: 0 !important;\n}\n\n:root .fields-search span {\n position: absolute;\n top: 5px;\n left: 0;\n}\n\n:root .fields-search input {\n margin: 0 !important;\n}\n\n:root .dynamic-content {\n margin-top: 10px !important;\n overflow: auto !important;\n}\n"],"sourceRoot":""}]);
52608
52608
  // Exports
52609
52609
  /* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
52610
52610
 
@@ -159136,6 +159136,7 @@ const $e496cac0faa1ff17$export$71c26416d85db4e1 = "CLEAR_TEMPLATE";
159136
159136
  const $e496cac0faa1ff17$export$297d4370f10479f0 = "SELECT_PRODUCT";
159137
159137
  const $e496cac0faa1ff17$export$81c9af5ba79ed4c2 = "SELECT_POSTCARD";
159138
159138
  const $e496cac0faa1ff17$export$958a4de996e717f9 = "SET_CUSTOM_FIELDS";
159139
+ const $e496cac0faa1ff17$export$1586317d794739fb = "SET_CUSTOM_FIELDS_V2";
159139
159140
  const $e496cac0faa1ff17$export$ecdfc6694e0b4b09 = "SET_PLATFORM_FIELDS";
159140
159141
  const $e496cac0faa1ff17$export$f632fb3a4986e34d = "CLEAR_REDUX";
159141
159142
 
@@ -159269,37 +159270,37 @@ const $65bf2ecf319e656d$var$initialState = {
159269
159270
  defaultValue: "ABC Company, Inc."
159270
159271
  },
159271
159272
  "{{C.ADDRESS_1}}": {
159272
- value: "Address 1",
159273
+ value: "Mailing Address 1",
159273
159274
  key: "{{C.ADDRESS_1}}",
159274
159275
  defaultValue: "123 Main Street"
159275
159276
  },
159276
159277
  "{{C.ADDRESS_2}}": {
159277
- value: "Address 2",
159278
+ value: "Mailing Address 2",
159278
159279
  key: "{{C.ADDRESS_2}}",
159279
159280
  defaultValue: "Suite 2"
159280
159281
  },
159281
159282
  "{{C.CITY}}": {
159282
- value: "City",
159283
+ value: "Mailing City",
159283
159284
  key: "{{C.CITY}}",
159284
159285
  defaultValue: "Lawrence"
159285
159286
  },
159286
159287
  "{{C.STATE}}": {
159287
- value: "State",
159288
+ value: "Mailing State",
159288
159289
  key: "{{C.STATE}}",
159289
159290
  defaultValue: "MA"
159290
159291
  },
159291
159292
  "{{C.ZIP_CODE}}": {
159292
- value: "Zip Code",
159293
+ value: "Mailing Zip Code",
159293
159294
  key: "{{C.ZIP_CODE}}",
159294
159295
  defaultValue: "01843"
159295
159296
  },
159296
159297
  "{{C.PHONE_NUMBER}}": {
159297
- value: "Phone Number",
159298
+ value: "Contact Phone Number",
159298
159299
  key: "{{C.PHONE_NUMBER}}",
159299
159300
  defaultValue: "(555) 278-9389"
159300
159301
  },
159301
159302
  "{{C.EMAIL}}": {
159302
- value: "Email",
159303
+ value: "Contact Email",
159303
159304
  key: "{{C.EMAIL}}",
159304
159305
  defaultValue: "johndoe@gmail.com"
159305
159306
  }
@@ -159545,6 +159546,7 @@ const $65bf2ecf319e656d$export$31b16dea7c94293 = (state = $65bf2ecf319e656d$var$
159545
159546
 
159546
159547
  const $8ff7322b52eb864f$var$initialState = {
159547
159548
  customFields: [],
159549
+ customFieldsV2: [],
159548
159550
  platformFields: [],
159549
159551
  defaultDynamicFields: [
159550
159552
  {
@@ -159568,37 +159570,37 @@ const $8ff7322b52eb864f$var$initialState = {
159568
159570
  defaultValue: "ABC Company, Inc."
159569
159571
  },
159570
159572
  {
159571
- value: "Address 1",
159573
+ value: "Mailing Address 1",
159572
159574
  key: "{{C.ADDRESS_1}}",
159573
159575
  defaultValue: "123 Main Street"
159574
159576
  },
159575
159577
  {
159576
- value: "Address 2",
159578
+ value: "Mailing Address 2",
159577
159579
  key: "{{C.ADDRESS_2}}",
159578
159580
  defaultValue: "Suite 2"
159579
159581
  },
159580
159582
  {
159581
- value: "City",
159583
+ value: "Mailing City",
159582
159584
  key: "{{C.CITY}}",
159583
159585
  defaultValue: "Lawrence"
159584
159586
  },
159585
159587
  {
159586
- value: "State",
159588
+ value: "Mailing State",
159587
159589
  key: "{{C.STATE}}",
159588
159590
  defaultValue: "MA"
159589
159591
  },
159590
159592
  {
159591
- value: "Zip Code",
159593
+ value: "Mailing Zip Code",
159592
159594
  key: "{{C.ZIP_CODE}}",
159593
159595
  defaultValue: "01843"
159594
159596
  },
159595
159597
  {
159596
- value: "Phone Number",
159598
+ value: "Contact Phone Number",
159597
159599
  key: "{{C.PHONE_NUMBER}}",
159598
159600
  defaultValue: "(555) 278-9389"
159599
159601
  },
159600
159602
  {
159601
- value: "Email",
159603
+ value: "Contact Email",
159602
159604
  key: "{{C.EMAIL}}",
159603
159605
  defaultValue: "johndoe@gmail.com"
159604
159606
  }
@@ -159611,6 +159613,11 @@ const $8ff7322b52eb864f$export$a0d06350fe28ec97 = (state = $8ff7322b52eb864f$var
159611
159613
  ...state,
159612
159614
  customFields: action.payload
159613
159615
  };
159616
+ case 0, $e496cac0faa1ff17$export$1586317d794739fb:
159617
+ return {
159618
+ ...state,
159619
+ customFieldsV2: action.payload
159620
+ };
159614
159621
  case 0, $e496cac0faa1ff17$export$ecdfc6694e0b4b09:
159615
159622
  return {
159616
159623
  ...state,
@@ -159725,11 +159732,13 @@ const $7ad22e5ca6c288ca$export$abbaea9002634c0c = [
159725
159732
  const $7ad22e5ca6c288ca$export$683d22caccc9d465 = [
159726
159733
  {
159727
159734
  id: "1",
159728
- label: "My Templates"
159735
+ label: "My Templates",
159736
+ value: "my_templates"
159729
159737
  },
159730
159738
  {
159731
159739
  id: "2",
159732
- label: "Team Templates"
159740
+ label: "Team Templates",
159741
+ value: "team_templates"
159733
159742
  }
159734
159743
  ];
159735
159744
  const $7ad22e5ca6c288ca$export$e75e577b199ead61 = [
@@ -163748,16 +163757,16 @@ const $23a5f5a70e647bba$var$VideoInfo = ()=>{
163748
163757
  mask: "url(#mask0_8102_4109)",
163749
163758
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
163750
163759
  d: "M6.01172 12.5C2.70341 12.5 0.0117188 9.8083 0.0117188 6.5C0.0117188 3.1917 2.70341 0.5 6.01172 0.5C9.31988 0.5 12.0117 3.1917 12.0117 6.5C12.0117 9.8083 9.31988 12.5 6.01172 12.5ZM6.01172 1.36994C3.18229 1.36994 0.880932 3.67057 0.880932 6.5C0.880932 9.32856 3.18229 11.6301 6.01172 11.6301C8.84028 11.6301 11.1424 9.32856 11.1424 6.5C11.1424 3.67057 8.84028 1.36994 6.01172 1.36994Z",
163751
- fill: "#ED5C2F"
163760
+ fill: "var(--primary-color)"
163752
163761
  })
163753
163762
  }),
163754
163763
  /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
163755
163764
  d: "M6.13339 9.61305C6.08724 9.59555 6.03747 9.56705 6.03747 9.44624C6.03747 9.39633 6.04528 9.3386 6.06293 9.26815L6.82075 5.59425C6.83767 5.50802 6.84635 5.4176 6.84635 5.32761C6.84635 5.09019 6.77315 4.90949 6.62876 4.78985C6.30512 4.52393 5.73886 4.57616 4.79688 4.89445L4.70544 4.92526L4.66797 5.39922H4.8261C5.30584 5.39922 5.42159 5.43669 5.4456 5.44841C5.47786 5.46375 5.49552 5.48212 5.49552 5.53609C5.49552 5.56603 5.49175 5.59989 5.48394 5.63736C5.47454 5.68727 5.46325 5.745 5.4524 5.80721L4.75796 9.18149C4.72569 9.35133 4.70877 9.49717 4.70877 9.61349C4.70877 9.88229 4.78646 10.09 4.93793 10.2304C5.08637 10.3672 5.29008 10.437 5.54282 10.437C5.83869 10.437 6.23582 10.3548 6.75622 10.1865L6.84925 10.1565L6.88672 9.67613H6.7296C6.37384 9.67613 6.20949 9.64155 6.13339 9.61305Z",
163756
- fill: "#ED5C2F"
163765
+ fill: "var(--primary-color)"
163757
163766
  }),
163758
163767
  /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
163759
163768
  d: "M7.13064 2.76837C6.9877 2.63223 6.80396 2.5625 6.58492 2.5625C6.35807 2.5625 6.16609 2.63715 6.01505 2.78371C5.8627 2.93113 5.78516 3.12948 5.78516 3.37399C5.78516 3.59896 5.85894 3.78574 6.00405 3.93056C6.14931 4.07639 6.33521 4.15017 6.5557 4.15017C6.78067 4.15017 6.97092 4.0719 7.12269 3.91884C7.27344 3.76591 7.34968 3.56713 7.34968 3.32784C7.34968 3.09418 7.27648 2.90596 7.13064 2.76837Z",
163760
- fill: "#ED5C2F"
163769
+ fill: "var(--primary-color)"
163761
163770
  })
163762
163771
  ]
163763
163772
  })
@@ -165239,6 +165248,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
165239
165248
  const defaultFields = (0, useSelector)((state)=>state.templates.defaultDynamicFields);
165240
165249
  const defaultSenderFields = (0, useSelector)((state)=>state.templates.defaultSenderFields);
165241
165250
  const customFields = (0, useSelector)((state)=>state.customFields.customFields);
165251
+ const customFieldsV2 = (0, useSelector)((state)=>state.customFields.customFieldsV2);
165242
165252
  const defaultPropertyFields = (0, useSelector)((state)=>state.templates.defaultPropertyFields);
165243
165253
  const templateType = (0, useSelector)((state)=>state.templates.templateType);
165244
165254
  const envelopeType = (0, useSelector)((state)=>state.templates.envelopeType);
@@ -165273,9 +165283,12 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
165273
165283
  const handleViewProofWithLamda = async ()=>{
165274
165284
  try {
165275
165285
  setDownloaingProof(true);
165286
+ let flattenedFieldsV2 = [];
165287
+ if (customFieldsV2.length > 0) flattenedFieldsV2 = customFieldsV2?.flatMap((section)=>section.fields);
165276
165288
  const fields = [
165277
165289
  ...defaultFields,
165278
165290
  ...customFields,
165291
+ ...flattenedFieldsV2,
165279
165292
  ...Object.values(dynamicFields),
165280
165293
  ...defaultSenderFields,
165281
165294
  ...defaultPropertyFields,
@@ -165354,6 +165367,11 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
165354
165367
  dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)((0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SIZE_LIMIT_EXCEED));
165355
165368
  return;
165356
165369
  }
165370
+ const hasEmoji = (0, $ad01ab85e9f42d02$export$a1da92a5104ba69f)(jsonData.pages);
165371
+ if (hasEmoji) {
165372
+ dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)((0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.EMOJI_NOT_ALLOWED));
165373
+ return;
165374
+ }
165357
165375
  if (product?.productType === "Real Penned Letter") {
165358
165376
  const removedUnsupportedBrackets = (0, $ad01ab85e9f42d02$export$d5a1fddcf19adead)(jsonData);
165359
165377
  jsonData = removedUnsupportedBrackets;
@@ -165380,11 +165398,6 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
165380
165398
  dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)((0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.GSV_RESTRICT_ONE_PER_PAGE));
165381
165399
  return;
165382
165400
  }
165383
- const hasEmoji = (0, $ad01ab85e9f42d02$export$a1da92a5104ba69f)(jsonData.pages);
165384
- if (hasEmoji) {
165385
- dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)((0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.EMOJI_NOT_ALLOWED));
165386
- return;
165387
- }
165388
165401
  const hasEmptyQR = !(0, $ad01ab85e9f42d02$export$fc87fb251908c0d1)(jsonData.pages);
165389
165402
  if (hasEmptyQR) {
165390
165403
  dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)((0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.EMPTY_QR_NOT_ALLOWED));
@@ -166016,7 +166029,7 @@ const $ffec28c5520dd7d5$var$Designer = (props)=>{
166016
166029
  cx: "10",
166017
166030
  cy: "10",
166018
166031
  r: "10",
166019
- fill: "#ED5C2F"
166032
+ fill: fill
166020
166033
  }),
166021
166034
  /*#__PURE__*/ (0, jsx_runtime.jsx)("mask", {
166022
166035
  id: "mask0_8266_3818",
@@ -166534,19 +166547,19 @@ const $c3b0196bc11a0568$var$Add = ()=>{
166534
166547
  children: [
166535
166548
  /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
166536
166549
  d: "M12.5 25.4727C19.1274 25.4727 24.5 20.1001 24.5 13.4727C24.5 6.84524 19.1274 1.47266 12.5 1.47266C5.87258 1.47266 0.5 6.84524 0.5 13.4727C0.5 20.1001 5.87258 25.4727 12.5 25.4727Z",
166537
- stroke: "#ED5C2F",
166550
+ stroke: "var(--primary-color)",
166538
166551
  strokeLinecap: "round",
166539
166552
  strokeLinejoin: "round"
166540
166553
  }),
166541
166554
  /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
166542
166555
  d: "M7.35547 13.4727H17.6412",
166543
- stroke: "#ED5C2F",
166556
+ stroke: "var(--primary-color)",
166544
166557
  strokeLinecap: "round",
166545
166558
  strokeLinejoin: "round"
166546
166559
  }),
166547
166560
  /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
166548
166561
  d: "M12.5 8.33008V18.6158",
166549
- stroke: "#ED5C2F",
166562
+ stroke: "var(--primary-color)",
166550
166563
  strokeLinecap: "round",
166551
166564
  strokeLinejoin: "round"
166552
166565
  })
@@ -166963,7 +166976,7 @@ const $e8f6665471b594e0$var$CustomTemplateSection = {
166963
166976
  fill: "var(--text-color)"
166964
166977
  })
166965
166978
  })),
166966
- Panel: (0, es.observer)(({ store: store, platformName: platformName, templateGalleryModal: templateGalleryModal, selectedSection: selectedSection, designerQueryAmount: designerQueryAmount, hireDesignerModal: hireDesignerModal, setHireDesignerModal: setHireDesignerModal, onCreateCustomTemplateQuery: onCreateCustomTemplateQuery, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates })=>{
166979
+ Panel: (0, es.observer)(({ store: store, platformName: platformName, templateGalleryModal: templateGalleryModal, selectedSection: selectedSection, designerQueryAmount: designerQueryAmount, hireDesignerModal: hireDesignerModal, setHireDesignerModal: setHireDesignerModal, allowedTemplateSections: allowedTemplateSections, onCreateCustomTemplateQuery: onCreateCustomTemplateQuery, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates })=>{
166967
166980
  const dispatch = (0, useDispatch)();
166968
166981
  const [openGalleryModal, setOpenGalleryModal] = (0, react.useState)(false);
166969
166982
  const [templateTypes, setTemplateTypes] = (0, react.useState)();
@@ -167269,14 +167282,16 @@ const $e8f6665471b594e0$var$CustomTemplateSection = {
167269
167282
  (0, react.useEffect)(()=>{
167270
167283
  const newTemplateType = {
167271
167284
  id: "3",
167272
- label: platformName ? `${platformName} Templates` : "OLC Templates"
167285
+ label: platformName ? `${platformName} Templates` : "OLC Templates",
167286
+ value: "olc-templates"
167273
167287
  };
167274
167288
  if (onGetTemplates) {
167275
- //@ts-ignore
167276
- setTemplateTypes([
167289
+ let filteredTemplateTypes = [
167277
167290
  ...(0, $7ad22e5ca6c288ca$export$683d22caccc9d465),
167278
167291
  newTemplateType
167279
- ]);
167292
+ ];
167293
+ if (Array.isArray(allowedTemplateSections) && allowedTemplateSections.length > 0) filteredTemplateTypes = filteredTemplateTypes.filter((type)=>allowedTemplateSections.includes(type.value));
167294
+ setTemplateTypes(filteredTemplateTypes);
167280
167295
  const lastSelectedTab = (0, $b66d61b9e6770b52$export$f92dfeb71e9bb569)("currentTab");
167281
167296
  if (lastSelectedTab) setCurrentTemplateType(JSON.parse(lastSelectedTab));
167282
167297
  else setCurrentTemplateType((0, $7ad22e5ca6c288ca$export$683d22caccc9d465)[0]);
@@ -167554,16 +167569,20 @@ const $d0a2370b36372b2d$var$CustomFieldSection = {
167554
167569
  })),
167555
167570
  Panel: (0, es.observer)(({ store: store, onGetCustomFields: onGetCustomFields, allowSenderFields: allowSenderFields, excludedFields: excludedFields, allowPropertyFields: allowPropertyFields, platformName: platformName })=>{
167556
167571
  const [isShowDialog, setIsShowDialog] = (0, react.useState)(false);
167572
+ const [search, setSearch] = (0, react.useState)("");
167573
+ const [filteredDynamicFields, setFilteredDynamicFields] = (0, react.useState)([]);
167574
+ const [filteredPropertyFields, setFilteredPropertyFields] = (0, react.useState)([]);
167575
+ const [filteredCustomFieldsV2, setFilteredCustomFieldsV2] = (0, react.useState)([]);
167576
+ const [filteredSenderFields, setFilteredSenderFields] = (0, react.useState)([]);
167577
+ const [filteredPlatformFields, setFilteredPlatformFields] = (0, react.useState)([]);
167578
+ const [filteredCustomFields, setFilteredCustomFields] = (0, react.useState)([]);
167557
167579
  const dispatch = (0, useDispatch)();
167558
167580
  const customFields = (0, useSelector)((state)=>state.customFields.customFields);
167581
+ const customFieldsV2 = (0, useSelector)((state)=>state.customFields.customFieldsV2);
167559
167582
  const platformFields = (0, useSelector)((state)=>state.customFields.platformFields);
167560
167583
  const defaultDynamicFields = (0, useSelector)((state)=>state.customFields.defaultDynamicFields);
167561
167584
  const defaultSenderFields = (0, useSelector)((state)=>state.templates.defaultSenderFields);
167562
167585
  const defaultPropertyFields = (0, useSelector)((state)=>state.templates.defaultPropertyFields);
167563
- const defeultDynamicFieldsWithPropertyFields = allowPropertyFields ? [
167564
- ...defaultDynamicFields,
167565
- ...defaultPropertyFields
167566
- ] : defaultDynamicFields;
167567
167586
  const product = (0, useSelector)((state)=>state.templates.product);
167568
167587
  const currentTemplateType = product?.productType;
167569
167588
  const handleShowDialog = ()=>{
@@ -167574,239 +167593,440 @@ const $d0a2370b36372b2d$var$CustomFieldSection = {
167574
167593
  const allCustomFields = await onGetCustomFields();
167575
167594
  const platformFields = [];
167576
167595
  const customFields = [];
167577
- for (const field of allCustomFields)(field.isPlatformField ? platformFields : customFields).push(field);
167578
- if (customFields.length) dispatch({
167579
- type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
167580
- payload: customFields
167581
- });
167582
- else dispatch({
167583
- type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
167584
- payload: []
167585
- });
167586
- if (platformFields.length) dispatch({
167587
- type: (0, $e496cac0faa1ff17$export$ecdfc6694e0b4b09),
167588
- payload: platformFields
167589
- });
167590
- else dispatch({
167591
- type: (0, $e496cac0faa1ff17$export$ecdfc6694e0b4b09),
167592
- payload: []
167593
- });
167596
+ if (allCustomFields?.version === "v2") {
167597
+ const flattenedFields = allCustomFields.customFields.flatMap((section)=>section.fields);
167598
+ for (const field of flattenedFields)(field.isPlatformField ? platformFields : customFields).push(field);
167599
+ const filteredCustomFields = allCustomFields?.customFields.map((customField)=>({
167600
+ ...customField,
167601
+ fields: customField.fields.filter((field)=>customFields.includes(field))
167602
+ })).filter((section)=>section.fields.length > 0);
167603
+ if (allCustomFields?.customFields?.length) {
167604
+ dispatch({
167605
+ type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
167606
+ payload: []
167607
+ });
167608
+ dispatch({
167609
+ type: (0, $e496cac0faa1ff17$export$1586317d794739fb),
167610
+ payload: filteredCustomFields
167611
+ });
167612
+ } else {
167613
+ dispatch({
167614
+ type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
167615
+ payload: []
167616
+ });
167617
+ dispatch({
167618
+ type: (0, $e496cac0faa1ff17$export$1586317d794739fb),
167619
+ payload: []
167620
+ });
167621
+ }
167622
+ if (platformFields.length) dispatch({
167623
+ type: (0, $e496cac0faa1ff17$export$ecdfc6694e0b4b09),
167624
+ payload: platformFields
167625
+ });
167626
+ else dispatch({
167627
+ type: (0, $e496cac0faa1ff17$export$ecdfc6694e0b4b09),
167628
+ payload: []
167629
+ });
167630
+ } else {
167631
+ for (const field of allCustomFields)(field.isPlatformField ? platformFields : customFields).push(field);
167632
+ if (customFields.length) dispatch({
167633
+ type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
167634
+ payload: customFields
167635
+ });
167636
+ else dispatch({
167637
+ type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
167638
+ payload: []
167639
+ });
167640
+ if (platformFields.length) dispatch({
167641
+ type: (0, $e496cac0faa1ff17$export$ecdfc6694e0b4b09),
167642
+ payload: platformFields
167643
+ });
167644
+ else dispatch({
167645
+ type: (0, $e496cac0faa1ff17$export$ecdfc6694e0b4b09),
167646
+ payload: []
167647
+ });
167648
+ }
167594
167649
  }
167595
167650
  };
167596
- (0, react.useEffect)(()=>{
167597
- fetchCustomFields();
167598
- }, []);
167599
- const copyCustomFieldText = (value)=>{
167651
+ const copyCustomFieldText = (key, value = "")=>{
167600
167652
  if (currentTemplateType === "Real Penned Letter") {
167601
- let modifiedString = value.replace(/{{/g, "((").replace(/}}/g, "))");
167653
+ let modifiedString = key.replace(/{{/g, "((").replace(/}}/g, "))");
167602
167654
  (0, $717432aee8737b76$export$2cdf1b96a9f86d16)(modifiedString);
167603
- dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)(`${modifiedString} Copied`));
167655
+ dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)(`${value} Copied`));
167604
167656
  } else {
167605
- (0, $717432aee8737b76$export$2cdf1b96a9f86d16)(value);
167657
+ (0, $717432aee8737b76$export$2cdf1b96a9f86d16)(key);
167606
167658
  dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)(`${value} Copied`));
167607
167659
  }
167608
167660
  };
167661
+ (0, react.useEffect)(()=>{
167662
+ fetchCustomFields();
167663
+ }, []);
167664
+ (0, react.useEffect)(()=>{
167665
+ setFilteredDynamicFields(defaultDynamicFields.filter(({ value: value })=>value.toLowerCase().includes(search.toLowerCase())));
167666
+ setFilteredPropertyFields(allowPropertyFields ? defaultPropertyFields.filter(({ value: value })=>value.toLowerCase().includes(search.toLowerCase())) : []);
167667
+ setFilteredSenderFields(allowSenderFields ? defaultSenderFields.filter(({ value: value })=>value.toLowerCase().includes(search.toLowerCase())) : []);
167668
+ setFilteredPlatformFields(platformFields.filter(({ value: value })=>value.toLowerCase().includes(search.toLowerCase())));
167669
+ setFilteredCustomFields(customFields.filter(({ value: value })=>value.toLowerCase().includes(search.toLowerCase())));
167670
+ if (customFieldsV2.length) {
167671
+ const newFilteredData = customFieldsV2.map((section)=>({
167672
+ ...section,
167673
+ fields: section.fields.filter((field)=>field.value.toLowerCase().includes(search.toLowerCase()))
167674
+ })).filter((section)=>section?.fields?.length > 0);
167675
+ setFilteredCustomFieldsV2(newFilteredData);
167676
+ } else setFilteredDynamicFields(defaultDynamicFields.filter(({ value: value })=>value.toLowerCase().includes(search.toLowerCase())));
167677
+ }, [
167678
+ search,
167679
+ defaultSenderFields,
167680
+ platformFields,
167681
+ customFields,
167682
+ defaultDynamicFields,
167683
+ customFieldsV2
167684
+ ]);
167609
167685
  return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167610
- className: "dynamic-content",
167686
+ style: {
167687
+ height: "100%",
167688
+ display: "flex",
167689
+ flexDirection: "column"
167690
+ },
167611
167691
  children: [
167612
- /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
167613
- className: "dynamic-content__top",
167614
- children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167615
- children: [
167616
- /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167617
- className: "title",
167618
- children: "Contact Fields"
167619
- }),
167620
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
167621
- fill: "var(--primary-color)",
167622
- className: "infoIcon"
167623
- }),
167624
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
167625
- anchorSelect: ".infoIcon",
167626
- place: "bottom",
167627
- title: "Merge fields allow you to personalize your mailer with contact information."
167628
- })
167629
- ]
167630
- })
167631
- }),
167632
- defeultDynamicFieldsWithPropertyFields?.filter(({ key: key })=>!excludedFields?.includes(key))?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167633
- style: {
167634
- display: "flex",
167635
- alignItems: "center"
167636
- },
167637
- children: [
167638
- /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167639
- className: "contact-element",
167640
- onClick: ()=>copyCustomFieldText(key),
167641
- children: value
167642
- }),
167643
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167644
- style: $d0a2370b36372b2d$var$iconButtonStyles,
167645
- onClick: ()=>copyCustomFieldText(key),
167646
- backdrop: false,
167647
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
167648
- className: "copy"
167692
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167693
+ className: "bp5-input-group fields-search",
167694
+ children: [
167695
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167696
+ "aria-hidden": "true",
167697
+ className: "bp5-icon bp5-icon-search",
167698
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
167699
+ "data-icon": "search",
167700
+ height: "16",
167701
+ role: "img",
167702
+ viewBox: "0 0 16 16",
167703
+ width: "16",
167704
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
167705
+ d: "M15.55 13.43l-2.67-2.68a6.94 6.94 0 001.11-3.76c0-3.87-3.13-7-7-7s-7 3.13-7 7 3.13 7 7 7c1.39 0 2.68-.42 3.76-1.11l2.68 2.67a1.498 1.498 0 102.12-2.12zm-8.56-1.44c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z",
167706
+ fillRule: "evenodd"
167649
167707
  })
167650
167708
  })
167651
- ]
167652
- }, i + "_contact")),
167653
- allowSenderFields && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
167709
+ }),
167710
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("input", {
167711
+ type: "search",
167712
+ placeholder: "Search...",
167713
+ className: "bp5-input",
167714
+ onChange: (e)=>setSearch(e.target.value),
167715
+ value: search
167716
+ })
167717
+ ]
167718
+ }),
167719
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167720
+ className: "dynamic-content",
167654
167721
  children: [
167655
- /*#__PURE__*/ (0, jsx_runtime.jsx)("hr", {
167656
- className: "divider"
167722
+ filteredDynamicFields.length > 0 && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
167723
+ children: [
167724
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
167725
+ className: "dynamic-content__top",
167726
+ children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167727
+ children: [
167728
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167729
+ className: "title",
167730
+ children: "Contact Fields"
167731
+ }),
167732
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
167733
+ fill: "var(--primary-color)",
167734
+ className: "infoIcon"
167735
+ }),
167736
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
167737
+ anchorSelect: ".infoIcon",
167738
+ place: "bottom",
167739
+ title: "Merge fields allow you to personalize your mailer with contact information."
167740
+ })
167741
+ ]
167742
+ })
167743
+ }),
167744
+ filteredDynamicFields?.filter(({ key: key })=>!excludedFields?.includes(key))?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167745
+ style: {
167746
+ display: "flex",
167747
+ alignItems: "center"
167748
+ },
167749
+ children: [
167750
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167751
+ className: "contact-element",
167752
+ onClick: ()=>copyCustomFieldText(key, value),
167753
+ children: value
167754
+ }),
167755
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167756
+ style: $d0a2370b36372b2d$var$iconButtonStyles,
167757
+ onClick: ()=>copyCustomFieldText(key, value),
167758
+ backdrop: false,
167759
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
167760
+ className: "copy"
167761
+ })
167762
+ })
167763
+ ]
167764
+ }, i + "_contact"))
167765
+ ]
167657
167766
  }),
167658
- /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
167659
- className: "dynamic-content__top",
167660
- children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167661
- children: [
167662
- /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167663
- className: "title",
167664
- children: "Sender Fields"
167665
- }),
167666
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
167667
- fill: "var(--primary-color)",
167668
- className: "sender"
167669
- }),
167670
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
167671
- anchorSelect: ".sender",
167672
- place: "bottom",
167673
- title: "You can add sender fields to your template."
167767
+ allowPropertyFields && filteredPropertyFields.length > 0 && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
167768
+ children: [
167769
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("hr", {
167770
+ className: "divider"
167771
+ }),
167772
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
167773
+ className: "dynamic-content__top",
167774
+ children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167775
+ children: [
167776
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167777
+ className: "title",
167778
+ children: "Property Address"
167779
+ }),
167780
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
167781
+ fill: "var(--primary-color)",
167782
+ className: "property"
167783
+ }),
167784
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
167785
+ anchorSelect: ".property",
167786
+ place: "bottom",
167787
+ title: "You can add property fields to your template."
167788
+ })
167789
+ ]
167674
167790
  })
167675
- ]
167676
- })
167791
+ }),
167792
+ filteredPropertyFields?.filter(({ key: key })=>!excludedFields?.includes(key))?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167793
+ style: {
167794
+ display: "flex",
167795
+ alignItems: "center"
167796
+ },
167797
+ children: [
167798
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167799
+ className: "contact-element",
167800
+ onClick: ()=>copyCustomFieldText(key, value),
167801
+ children: value
167802
+ }),
167803
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167804
+ style: $d0a2370b36372b2d$var$iconButtonStyles,
167805
+ onClick: ()=>copyCustomFieldText(key, value),
167806
+ backdrop: false,
167807
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
167808
+ className: "copy"
167809
+ })
167810
+ })
167811
+ ]
167812
+ }, i + "_property"))
167813
+ ]
167677
167814
  }),
167678
- defaultSenderFields?.filter(({ key: key })=>!excludedFields?.includes(key))?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167679
- style: {
167680
- display: "flex",
167681
- alignItems: "center"
167682
- },
167683
- children: [
167684
- /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167685
- className: "contact-element",
167686
- onClick: ()=>copyCustomFieldText(key),
167687
- children: value
167688
- }),
167689
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167690
- style: $d0a2370b36372b2d$var$iconButtonStyles,
167691
- onClick: ()=>copyCustomFieldText(key),
167692
- backdrop: false,
167693
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
167694
- className: "copy"
167695
- })
167815
+ allowSenderFields && filteredSenderFields.length > 0 && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
167816
+ children: [
167817
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("hr", {
167818
+ className: "divider"
167819
+ }),
167820
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
167821
+ className: "dynamic-content__top",
167822
+ children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167823
+ children: [
167824
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167825
+ className: "title",
167826
+ children: "Sender Fields"
167827
+ }),
167828
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
167829
+ fill: "var(--primary-color)",
167830
+ className: "sender"
167831
+ }),
167832
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
167833
+ anchorSelect: ".sender",
167834
+ place: "bottom",
167835
+ title: "You can add sender fields to your template."
167836
+ })
167837
+ ]
167696
167838
  })
167697
- ]
167698
- }, i + "_sender"))
167699
- ]
167700
- }),
167701
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
167702
- anchorSelect: ".copy",
167703
- place: "bottom",
167704
- title: "Copy"
167705
- }),
167706
- onGetCustomFields && platformFields?.length > 0 && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
167707
- children: [
167708
- /*#__PURE__*/ (0, jsx_runtime.jsx)("hr", {
167709
- className: "divider"
167839
+ }),
167840
+ filteredSenderFields?.filter(({ key: key })=>!excludedFields?.includes(key))?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167841
+ style: {
167842
+ display: "flex",
167843
+ alignItems: "center"
167844
+ },
167845
+ children: [
167846
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167847
+ className: "contact-element",
167848
+ onClick: ()=>copyCustomFieldText(key, value),
167849
+ children: value
167850
+ }),
167851
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167852
+ style: $d0a2370b36372b2d$var$iconButtonStyles,
167853
+ onClick: ()=>copyCustomFieldText(key, value),
167854
+ backdrop: false,
167855
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
167856
+ className: "copy"
167857
+ })
167858
+ })
167859
+ ]
167860
+ }, i + "_sender"))
167861
+ ]
167710
167862
  }),
167711
- /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167712
- className: "dynamic-content__top",
167863
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
167864
+ anchorSelect: ".copy",
167865
+ place: "bottom",
167866
+ title: "Copy"
167867
+ }),
167868
+ onGetCustomFields && platformFields?.length > 0 && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
167713
167869
  children: [
167870
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("hr", {
167871
+ className: "divider"
167872
+ }),
167714
167873
  /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167874
+ className: "dynamic-content__top",
167715
167875
  children: [
167716
- /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167717
- className: "title",
167718
- children: platformName ? `${platformName} Fields` : "OLC Fields"
167719
- }),
167720
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
167721
- fill: "var(--primary-color)",
167722
- className: "platform"
167876
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167877
+ children: [
167878
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167879
+ className: "title",
167880
+ children: platformName ? `${platformName} Fields` : "OLC Fields"
167881
+ }),
167882
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
167883
+ fill: "var(--primary-color)",
167884
+ className: "platform"
167885
+ }),
167886
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
167887
+ anchorSelect: ".platform",
167888
+ place: "bottom",
167889
+ title: `You can add ${platformName ? `${platformName} Fields` : "OLC Fields"} to your template.`
167890
+ })
167891
+ ]
167723
167892
  }),
167724
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
167725
- anchorSelect: ".platform",
167726
- place: "bottom",
167727
- title: `You can add ${platformName ? `${platformName} Fields` : "OLC Fields"} to your template.`
167893
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167894
+ onClick: handleShowDialog
167728
167895
  })
167729
167896
  ]
167730
167897
  }),
167731
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167732
- onClick: handleShowDialog
167733
- })
167898
+ filteredPlatformFields?.filter(({ key: key })=>!excludedFields?.includes(key))?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167899
+ style: {
167900
+ display: "flex",
167901
+ alignItems: "center"
167902
+ },
167903
+ children: [
167904
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167905
+ className: "contact-element",
167906
+ onClick: ()=>copyCustomFieldText(key, value),
167907
+ children: value
167908
+ }),
167909
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167910
+ style: $d0a2370b36372b2d$var$iconButtonStyles,
167911
+ onClick: ()=>copyCustomFieldText(key, value),
167912
+ backdrop: false,
167913
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
167914
+ className: "copy"
167915
+ })
167916
+ })
167917
+ ]
167918
+ }, i + "_platform"))
167734
167919
  ]
167735
167920
  }),
167736
- platformFields?.filter(({ key: key })=>!excludedFields?.includes(key))?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167737
- style: {
167738
- display: "flex",
167739
- alignItems: "center"
167740
- },
167921
+ onGetCustomFields && filteredCustomFieldsV2.length > 0 ? filteredCustomFieldsV2.map((section, index)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167741
167922
  children: [
167742
- /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167743
- className: "contact-element",
167744
- onClick: ()=>copyCustomFieldText(key),
167745
- children: value
167923
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("hr", {
167924
+ className: "divider"
167746
167925
  }),
167747
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167748
- style: $d0a2370b36372b2d$var$iconButtonStyles,
167749
- onClick: ()=>copyCustomFieldText(key),
167750
- backdrop: false,
167751
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
167752
- className: "copy"
167753
- })
167754
- })
167926
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167927
+ className: "dynamic-content__top",
167928
+ children: [
167929
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167930
+ children: [
167931
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167932
+ className: "title",
167933
+ children: section?.section
167934
+ }),
167935
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
167936
+ fill: "var(--primary-color)",
167937
+ className: section?.section.toLowerCase().replace(/[^a-z0-9\s]/g, "").trim().replace(/\s+/g, "-")
167938
+ }),
167939
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
167940
+ anchorSelect: `.${section?.section.toLowerCase().replace(/[^a-z0-9\s]/g, "").trim().replace(/\s+/g, "-")}`,
167941
+ place: "bottom",
167942
+ title: `You can add ${section?.section} to your template.`
167943
+ })
167944
+ ]
167945
+ }),
167946
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167947
+ onClick: handleShowDialog
167948
+ })
167949
+ ]
167950
+ }),
167951
+ section.fields.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167952
+ style: {
167953
+ display: "flex",
167954
+ alignItems: "center"
167955
+ },
167956
+ children: [
167957
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167958
+ className: "contact-element",
167959
+ onClick: ()=>copyCustomFieldText(key, value),
167960
+ children: value
167961
+ }),
167962
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167963
+ style: $d0a2370b36372b2d$var$iconButtonStyles,
167964
+ onClick: ()=>copyCustomFieldText(key, value),
167965
+ backdrop: false,
167966
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
167967
+ className: "copy"
167968
+ })
167969
+ })
167970
+ ]
167971
+ }, i + value))
167755
167972
  ]
167756
- }, i + "_custom"))
167757
- ]
167758
- }),
167759
- onGetCustomFields && customFields?.length > 0 && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
167760
- children: [
167761
- /*#__PURE__*/ (0, jsx_runtime.jsx)("hr", {
167762
- className: "divider"
167763
- }),
167764
- /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167765
- className: "dynamic-content__top",
167973
+ }, index + "custom-section")) : onGetCustomFields && customFields?.length > 0 && filteredCustomFields.length > 0 && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
167766
167974
  children: [
167975
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("hr", {
167976
+ className: "divider"
167977
+ }),
167767
167978
  /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167979
+ className: "dynamic-content__top",
167768
167980
  children: [
167769
- /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167770
- className: "title",
167771
- children: "Custom Fields"
167772
- }),
167773
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
167774
- fill: "var(--primary-color)",
167775
- className: "custom"
167981
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167982
+ children: [
167983
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167984
+ className: "title",
167985
+ children: "Custom Fields"
167986
+ }),
167987
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
167988
+ fill: "var(--primary-color)",
167989
+ className: "custom"
167990
+ }),
167991
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
167992
+ anchorSelect: ".custom",
167993
+ place: "bottom",
167994
+ title: "You can add custom fields to your template."
167995
+ })
167996
+ ]
167776
167997
  }),
167777
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
167778
- anchorSelect: ".custom",
167779
- place: "bottom",
167780
- title: "You can add custom fields to your template."
167998
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167999
+ onClick: handleShowDialog
167781
168000
  })
167782
168001
  ]
167783
168002
  }),
167784
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167785
- onClick: handleShowDialog
167786
- })
168003
+ filteredCustomFields?.filter(({ key: key })=>!excludedFields?.includes(key))?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
168004
+ style: {
168005
+ display: "flex",
168006
+ alignItems: "center"
168007
+ },
168008
+ children: [
168009
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
168010
+ className: "contact-element",
168011
+ onClick: ()=>copyCustomFieldText(key, value),
168012
+ children: value
168013
+ }),
168014
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
168015
+ style: $d0a2370b36372b2d$var$iconButtonStyles,
168016
+ onClick: ()=>copyCustomFieldText(key, value),
168017
+ backdrop: false,
168018
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
168019
+ className: "copy"
168020
+ })
168021
+ })
168022
+ ]
168023
+ }, i + "_custom"))
167787
168024
  ]
167788
168025
  }),
167789
- customFields?.filter(({ key: key })=>!excludedFields?.includes(key))?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
167790
- style: {
167791
- display: "flex",
167792
- alignItems: "center"
167793
- },
167794
- children: [
167795
- /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
167796
- className: "contact-element",
167797
- onClick: ()=>copyCustomFieldText(key),
167798
- children: value
167799
- }),
167800
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
167801
- style: $d0a2370b36372b2d$var$iconButtonStyles,
167802
- onClick: ()=>copyCustomFieldText(key),
167803
- backdrop: false,
167804
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
167805
- className: "copy"
167806
- })
167807
- })
167808
- ]
167809
- }, i + "_custom"))
168026
+ filteredDynamicFields.length <= 0 && filteredCustomFieldsV2.length <= 0 && filteredPropertyFields.length <= 0 && filteredSenderFields.length <= 0 && filteredPlatformFields.length <= 0 && filteredCustomFields.length <= 0 && /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
168027
+ className: "no-result",
168028
+ children: "No results"
168029
+ })
167810
168030
  ]
167811
168031
  })
167812
168032
  ]
@@ -168239,7 +168459,7 @@ const $52be5db9307c4332$var$CustomAddOns = {
168239
168459
  const copyPropertyOfferField = (e)=>{
168240
168460
  e.stopPropagation();
168241
168461
  (0, $717432aee8737b76$export$2cdf1b96a9f86d16)(PropertyOfferfieldValue);
168242
- dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)(`${PropertyOfferfieldValue} Copied`));
168462
+ dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)(`ROS Property Offer Copied`));
168243
168463
  };
168244
168464
  return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
168245
168465
  className: "dynamic-content",
@@ -168373,13 +168593,17 @@ const $34a18093efad5ac0$var$CustomQRCode = {
168373
168593
  const defaultFields = (0, useSelector)((state)=>state.templates.defaultDynamicFields);
168374
168594
  const defaultSenderFields = (0, useSelector)((state)=>state.templates.defaultSenderFields);
168375
168595
  const customFields = (0, useSelector)((state)=>state.customFields.customFields);
168596
+ const customFieldsV2 = (0, useSelector)((state)=>state.customFields.customFieldsV2);
168376
168597
  const defaultPropertyFields = (0, useSelector)((state)=>state.templates.defaultPropertyFields);
168377
168598
  const excludedLabels = [
168378
168599
  "utm_c_first_name c_last_name"
168379
168600
  ];
168601
+ let flattenedFieldsV2 = [];
168602
+ if (customFieldsV2.length > 0) flattenedFieldsV2 = customFieldsV2?.flatMap((section)=>section.fields);
168380
168603
  const allFields = [
168381
168604
  ...defaultFields,
168382
168605
  ...customFields,
168606
+ ...flattenedFieldsV2,
168383
168607
  ...allowSenderFields ? defaultSenderFields : [],
168384
168608
  ...allowPropertyFields ? defaultPropertyFields : [],
168385
168609
  ...allowPropertyFields ? [
@@ -168681,6 +168905,7 @@ const $d303f0b433a1814c$var$SidePanel = (props)=>{
168681
168905
  templateGalleryModal: props.templateGalleryModal,
168682
168906
  designerQueryAmount: props.designerQueryAmount,
168683
168907
  selectedSection: props.selectedSection,
168908
+ allowedTemplateSections: props.allowedTemplateSections,
168684
168909
  hireDesignerModal: hireDesignerModal,
168685
168910
  setHireDesignerModal: setHireDesignerModal,
168686
168911
  onCreateCustomTemplateQuery: props.onCreateCustomTemplateQuery,
@@ -168731,7 +168956,7 @@ var $d303f0b433a1814c$export$2e2bcd8739ae039 = $d303f0b433a1814c$var$SidePanel;
168731
168956
 
168732
168957
 
168733
168958
 
168734
- const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, platformName: platformName, templateGalleryModal: templateGalleryModal, createTemplateRoute: createTemplateRoute, designerTemplateQuery: designerTemplateQuery, olcTemplate: olcTemplate, allowSenderFields: allowSenderFields, excludedFields: excludedFields, designerQueryAmount: designerQueryAmount, allowPropertyFields: allowPropertyFields, allowedAddOns: allowedAddOns, onCreateCustomTemplateQuery: onCreateCustomTemplateQuery, onReturnAndNavigate: onReturnAndNavigate, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
168959
+ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, platformName: platformName, templateGalleryModal: templateGalleryModal, createTemplateRoute: createTemplateRoute, designerTemplateQuery: designerTemplateQuery, olcTemplate: olcTemplate, allowSenderFields: allowSenderFields, excludedFields: excludedFields, designerQueryAmount: designerQueryAmount, allowPropertyFields: allowPropertyFields, allowedAddOns: allowedAddOns, allowedTemplateSections: allowedTemplateSections, onCreateCustomTemplateQuery: onCreateCustomTemplateQuery, onReturnAndNavigate: onReturnAndNavigate, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
168735
168960
  const [isStoreUpdated, setIsStoreUpdated] = (0, react.useState)(false);
168736
168961
  const [switchTabCount, setSwitchTabCount] = (0, react.useState)(1);
168737
168962
  const [selectedSection, setSelectedSection] = (0, react.useState)("text");
@@ -168855,11 +169080,62 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, platformName: pla
168855
169080
  ]);
168856
169081
  const fetchCustomFields = async ()=>{
168857
169082
  if (onGetCustomFields) {
168858
- const customFields = await onGetCustomFields();
168859
- if (customFields?.length) dispatch({
168860
- type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
168861
- payload: customFields
168862
- });
169083
+ const allCustomFields = await onGetCustomFields();
169084
+ const platformFields = [];
169085
+ const customFields = [];
169086
+ if (allCustomFields?.version === "v2") {
169087
+ const flattenedFields = allCustomFields.customFields.flatMap((section)=>section.fields);
169088
+ for (const field of flattenedFields)(field.isPlatformField ? platformFields : customFields).push(field);
169089
+ const filteredCustomFields = allCustomFields?.customFields.map((customField)=>({
169090
+ ...customField,
169091
+ fields: customField.fields.filter((field)=>customFields.includes(field))
169092
+ })).filter((section)=>section.fields.length > 0);
169093
+ if (allCustomFields?.customFields?.length) {
169094
+ dispatch({
169095
+ type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
169096
+ payload: []
169097
+ });
169098
+ dispatch({
169099
+ type: (0, $e496cac0faa1ff17$export$1586317d794739fb),
169100
+ payload: filteredCustomFields
169101
+ });
169102
+ } else {
169103
+ dispatch({
169104
+ type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
169105
+ payload: []
169106
+ });
169107
+ dispatch({
169108
+ type: (0, $e496cac0faa1ff17$export$1586317d794739fb),
169109
+ payload: []
169110
+ });
169111
+ }
169112
+ if (platformFields.length) dispatch({
169113
+ type: (0, $e496cac0faa1ff17$export$ecdfc6694e0b4b09),
169114
+ payload: platformFields
169115
+ });
169116
+ else dispatch({
169117
+ type: (0, $e496cac0faa1ff17$export$ecdfc6694e0b4b09),
169118
+ payload: []
169119
+ });
169120
+ } else {
169121
+ for (const field of allCustomFields)(field.isPlatformField ? platformFields : customFields).push(field);
169122
+ if (customFields.length) dispatch({
169123
+ type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
169124
+ payload: customFields
169125
+ });
169126
+ else dispatch({
169127
+ type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
169128
+ payload: []
169129
+ });
169130
+ if (platformFields.length) dispatch({
169131
+ type: (0, $e496cac0faa1ff17$export$ecdfc6694e0b4b09),
169132
+ payload: platformFields
169133
+ });
169134
+ else dispatch({
169135
+ type: (0, $e496cac0faa1ff17$export$ecdfc6694e0b4b09),
169136
+ payload: []
169137
+ });
169138
+ }
168863
169139
  }
168864
169140
  };
168865
169141
  const createInitialPage = async ()=>{
@@ -169008,6 +169284,7 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, platformName: pla
169008
169284
  excludedFields: excludedFields,
169009
169285
  designerQueryAmount: designerQueryAmount,
169010
169286
  allowedAddOns: allowedAddOns,
169287
+ allowedTemplateSections: allowedTemplateSections,
169011
169288
  onGetTemplates: onGetTemplates,
169012
169289
  onGetOneTemplate: onGetOneTemplate,
169013
169290
  onGetCustomFields: onGetCustomFields,
@@ -169058,7 +169335,7 @@ const $edeafd00018ca857$var$initializeStore = (secretKey)=>{
169058
169335
  showCredit: false
169059
169336
  });
169060
169337
  };
169061
- const $edeafd00018ca857$var$App = ({ secretKey: secretKey, platformName: platformName, templateGalleryModal: templateGalleryModal, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, designerTemplateQuery: designerTemplateQuery, allowSenderFields: allowSenderFields, excludedFields: excludedFields, designerQueryAmount: designerQueryAmount, allowPropertyFields: allowPropertyFields, allowedAddOns: allowedAddOns, restrictedProducts: restrictedProducts, styles: styles, onReturnAndNavigate: onReturnAndNavigate, onCreateCustomTemplateQuery: onCreateCustomTemplateQuery, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
169338
+ const $edeafd00018ca857$var$App = ({ secretKey: secretKey, platformName: platformName, templateGalleryModal: templateGalleryModal, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, designerTemplateQuery: designerTemplateQuery, allowSenderFields: allowSenderFields, excludedFields: excludedFields, designerQueryAmount: designerQueryAmount, allowPropertyFields: allowPropertyFields, allowedAddOns: allowedAddOns, allowedTemplateSections: allowedTemplateSections, restrictedProducts: restrictedProducts, styles: styles, onReturnAndNavigate: onReturnAndNavigate, onCreateCustomTemplateQuery: onCreateCustomTemplateQuery, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
169062
169339
  const [store, setStore] = (0, react.useState)($edeafd00018ca857$var$initializeStore(secretKey));
169063
169340
  const currentPath = window?.location?.pathname;
169064
169341
  (0, react.useEffect)(()=>{
@@ -169104,6 +169381,7 @@ const $edeafd00018ca857$var$App = ({ secretKey: secretKey, platformName: platfor
169104
169381
  allowPropertyFields: allowPropertyFields,
169105
169382
  createTemplateRoute: createTemplateRoute,
169106
169383
  allowedAddOns: allowedAddOns,
169384
+ allowedTemplateSections: allowedTemplateSections,
169107
169385
  onReturnAndNavigate: onReturnAndNavigate,
169108
169386
  onCreateCustomTemplateQuery: onCreateCustomTemplateQuery,
169109
169387
  onGetOneTemplate: onGetOneTemplate,
@@ -169126,10 +169404,10 @@ var $edeafd00018ca857$export$2e2bcd8739ae039 = $edeafd00018ca857$var$App;
169126
169404
 
169127
169405
 
169128
169406
 
169129
- const $23c375345222aadb$export$31499a9cd224b78c = "1.7.6";
169407
+ const $23c375345222aadb$export$31499a9cd224b78c = "1.7.8";
169130
169408
 
169131
169409
 
169132
- const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, publicApiKey: publicApiKey, platformName: platformName, templateGalleryModal: templateGalleryModal = true, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, designerTemplateQuery: designerTemplateQuery, sandbox: sandbox, allowSenderFields: allowSenderFields, allowPropertyFields: allowPropertyFields, excludedFields: excludedFields, designerQueryAmount: designerQueryAmount, allowedAddOns: allowedAddOns, env: env, restrictedProducts: restrictedProducts, onReturnAndNavigate: onReturnAndNavigate, onCreateCustomTemplateQuery: onCreateCustomTemplateQuery, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
169410
+ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, publicApiKey: publicApiKey, platformName: platformName, templateGalleryModal: templateGalleryModal = true, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, designerTemplateQuery: designerTemplateQuery, sandbox: sandbox, allowSenderFields: allowSenderFields, allowPropertyFields: allowPropertyFields, excludedFields: excludedFields, designerQueryAmount: designerQueryAmount, allowedAddOns: allowedAddOns, allowedTemplateSections: allowedTemplateSections, env: env, restrictedProducts: restrictedProducts, onReturnAndNavigate: onReturnAndNavigate, onCreateCustomTemplateQuery: onCreateCustomTemplateQuery, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
169133
169411
  if (!container) throw new Error("Root element not found");
169134
169412
  if (!secretKey) throw new Error("secretKey not found");
169135
169413
  if (!publicApiKey) throw new Error("publicApiKey not found");
@@ -169155,6 +169433,7 @@ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey
169155
169433
  excludedFields: excludedFields,
169156
169434
  designerQueryAmount: designerQueryAmount,
169157
169435
  allowedAddOns: allowedAddOns,
169436
+ allowedTemplateSections: allowedTemplateSections,
169158
169437
  restrictedProducts: restrictedProducts,
169159
169438
  onReturnAndNavigate: onReturnAndNavigate,
169160
169439
  onCreateCustomTemplateQuery: onCreateCustomTemplateQuery,