@openlettermarketing/olc-vue-sdk 1.6.0 → 1.6.2

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 +53 -82
  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.select-layout .qr-select .generic-select__control {\n border-radius: 3px !important;\n min-height: 35px !important;\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.basic-tooltip {\n opacity: 1;\n z-index: 1;\n width: 90%;\n max-width: fit-content;\n text-align: center !important;\n color: #000 !important;\n background-color: #fff !important;\n animation: .1s ease-in-out fadeIn !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1 !important;\n }\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.qr-input-layout .qrInputDiv {\n border-radius: 3px !important;\n min-height: 35px !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 position: relative;\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 .productsWrapper .productCard .productTooltip {\n position: absolute;\n top: 5px;\n right: 5px;\n z-index: 1 !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip svg:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .customTooltipClass {\n padding: 8px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .customTooltipClass .react-tooltip-arrow {\n border-color: var(--border-color) !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent {\n border-radius: 5px;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n width: 170px;\n font-size: 12px;\n font-weight: 500;\n line-height: normal;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .heading {\n color: var(--text-color);\n margin-bottom: 10px;\n font-size: 16px;\n line-height: normal;\n font-weight: 500 !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .contentWrapper {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .contentWrapper p {\n text-align: left;\n font-size: 14px;\n font-weight: 400;\n color: var(--text-color) !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .contentWrapper p span {\n font-weight: 600;\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 .actionsBtnWrapper .download, .top-navigation-container .actionsBtnWrapper .download-envelope, .top-navigation-container .actionsBtnWrapper .clone {\n color: var(--text-color);\n border: .5px solid var(--border-color);\n max-width: auto;\n cursor: pointer;\n background-color: #fff;\n border-radius: 3px;\n justify-content: center;\n align-items: center;\n min-width: 50px;\n max-width: 120px;\n min-height: 40px;\n font-size: 15px;\n font-weight: 400;\n display: flex;\n}\n\n.top-navigation-container .actionsBtnWrapper .download:hover, .top-navigation-container .actionsBtnWrapper .download-envelope:hover, .top-navigation-container .actionsBtnWrapper .clone:hover {\n background: #00000012 !important;\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.noTemplateProfessionalAndPersonal {\n height: calc(100vh - 1000px) !important;\n}\n\n.more-visible {\n height: calc(100vh - 850px) !important;\n margin-top: -20px !important;\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.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.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.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 .dynamic-content__top .contact-info-tooltip, .dynamic-content .dynamic-content__top .custom-add-on-tooltip {\n width: 90% !important;\n max-width: fit-content !important;\n}\n\n.dynamic-content .dynamic-content__top svg:focus {\n outline: none !important;\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 .s-font {\n font-size: 14px;\n font-weight: 600;\n}\n\n.addonBox .plain-text {\n text-align: center;\n font-size: 14px;\n font-weight: 300;\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.custom-po {\n margin-top: -70% !important;\n}\n\ninput[type=\"number\"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type=\"number\"] {\n -moz-appearance: textfield;\n}\n\n.no-result-addOns {\n justify-content: center;\n margin: 3px;\n display: flex;\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 --rt-opacity: 1 !important;\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 .polotno-font-item {\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n display: block !important;\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 .builder-wrapper .qr-input-wrapper label {\n font-weight: 600;\n line-height: 19px;\n}\n\n:root .builder-wrapper .qr-input-wrapper:not(:first-child) {\n margin-top: 15px;\n}\n\n:root .builder-wrapper .qr-submit-btn {\n color: #fff;\n cursor: pointer;\n background-color: #5e5e5e;\n border: none;\n border-radius: 3px;\n width: 100%;\n padding: 10px;\n font-weight: 600;\n transition: all .3s;\n box-shadow: inset 0 0 0 1px #11141833, 0 1px 2px #1114181a;\n}\n\n:root .builder-wrapper .qr-submit-btn:focus {\n outline: none;\n}\n\n:root .builder-wrapper .qr-submit-btn:hover {\n background-color: #383838;\n}\n\n:root .no-scroll {\n overflow: hidden;\n}\n\n:root .olc-hidden {\n display: none;\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.select-layout .qr-select .generic-select__control {\n border-radius: 3px !important;\n min-height: 35px !important;\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.basic-tooltip {\n opacity: 1;\n z-index: 1;\n width: 90%;\n max-width: fit-content;\n text-align: center !important;\n color: #000 !important;\n background-color: #fff !important;\n animation: .1s ease-in-out fadeIn !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1 !important;\n }\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.qr-input-layout .qrInputDiv {\n border-radius: 3px !important;\n min-height: 35px !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 position: relative;\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 .productsWrapper .productCard .productTooltip {\n position: absolute;\n top: 5px;\n right: 5px;\n z-index: 1 !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip svg:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .customTooltipClass {\n padding: 8px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .customTooltipClass .react-tooltip-arrow {\n border-color: var(--border-color) !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent {\n border-radius: 5px;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n width: 170px;\n font-size: 12px;\n font-weight: 500;\n line-height: normal;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .heading {\n color: var(--text-color);\n margin-bottom: 10px;\n font-size: 16px;\n line-height: normal;\n font-weight: 500 !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .contentWrapper {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .contentWrapper p {\n text-align: left;\n font-size: 14px;\n font-weight: 400;\n color: var(--text-color) !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .contentWrapper p span {\n font-weight: 600;\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 .actionsBtnWrapper .download, .top-navigation-container .actionsBtnWrapper .download-envelope, .top-navigation-container .actionsBtnWrapper .clone {\n color: var(--text-color);\n border: .5px solid var(--border-color);\n max-width: auto;\n cursor: pointer;\n background-color: #fff;\n border-radius: 3px;\n justify-content: center;\n align-items: center;\n min-width: 50px;\n max-width: 120px;\n min-height: 40px;\n font-size: 15px;\n font-weight: 400;\n display: flex;\n}\n\n.top-navigation-container .actionsBtnWrapper .download:hover, .top-navigation-container .actionsBtnWrapper .download-envelope:hover, .top-navigation-container .actionsBtnWrapper .clone:hover {\n background: #00000012 !important;\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.noTemplateProfessionalAndPersonal {\n height: calc(100vh - 1000px) !important;\n}\n\n.more-visible {\n height: calc(100vh - 850px) !important;\n margin-top: -20px !important;\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.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.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.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 .dynamic-content__top .contact-info-tooltip, .dynamic-content .dynamic-content__top .custom-add-on-tooltip {\n width: 90% !important;\n max-width: fit-content !important;\n}\n\n.dynamic-content .dynamic-content__top svg:focus {\n outline: none !important;\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 .s-font {\n font-size: 14px;\n font-weight: 600;\n}\n\n.addonBox .plain-text {\n text-align: center;\n font-size: 14px;\n font-weight: 300;\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.custom-po {\n margin-top: -70% !important;\n}\n\ninput[type=\"number\"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type=\"number\"] {\n -moz-appearance: textfield;\n}\n\n.no-result-addOns {\n justify-content: center;\n margin: 3px;\n display: flex;\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 --rt-opacity: 1 !important;\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 .polotno-font-item {\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n display: block !important;\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 .builder-wrapper .qr-input-wrapper label {\n font-weight: 600;\n line-height: 19px;\n}\n\n:root .builder-wrapper .qr-input-wrapper:not(:first-child) {\n margin-top: 15px;\n}\n\n:root .builder-wrapper .qr-submit-btn {\n color: #fff;\n cursor: pointer;\n background-color: #5e5e5e;\n border: none;\n border-radius: 3px;\n width: 100%;\n padding: 10px;\n font-weight: 600;\n transition: all .3s;\n box-shadow: inset 0 0 0 1px #11141833, 0 1px 2px #1114181a;\n}\n\n:root .builder-wrapper .qr-submit-btn:focus {\n outline: none;\n}\n\n:root .builder-wrapper .qr-submit-btn:hover {\n background-color: #383838;\n}\n\n:root .no-scroll {\n overflow: hidden;\n}\n\n:root .olc-hidden {\n display: none;\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":""}]);
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.select-layout .qr-select .generic-select__control {\n border-radius: 3px !important;\n min-height: 35px !important;\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.basic-tooltip {\n opacity: 1;\n z-index: 1;\n width: 90%;\n max-width: fit-content;\n text-align: center !important;\n color: #000 !important;\n background-color: #fff !important;\n animation: .1s ease-in-out fadeIn !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1 !important;\n }\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.qr-input-layout .qrInputDiv {\n border-radius: 3px !important;\n min-height: 35px !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 position: relative;\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 .productsWrapper .productCard .productTooltip {\n position: absolute;\n top: 5px;\n right: 5px;\n z-index: 1 !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip svg:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .customTooltipClass {\n padding: 8px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .customTooltipClass .react-tooltip-arrow {\n border-color: var(--border-color) !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent {\n border-radius: 5px;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n width: 170px;\n font-size: 12px;\n font-weight: 500;\n line-height: normal;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .heading {\n color: var(--text-color);\n margin-bottom: 10px;\n font-size: 16px;\n line-height: normal;\n font-weight: 500 !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .contentWrapper {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .contentWrapper p {\n text-align: left;\n font-size: 14px;\n font-weight: 400;\n color: var(--text-color) !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .contentWrapper p span {\n font-weight: 600;\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 .actionsBtnWrapper .download, .top-navigation-container .actionsBtnWrapper .download-envelope, .top-navigation-container .actionsBtnWrapper .clone {\n color: var(--text-color);\n border: .5px solid var(--border-color);\n max-width: auto;\n cursor: pointer;\n background-color: #fff;\n border-radius: 3px;\n justify-content: center;\n align-items: center;\n min-width: 50px;\n max-width: 120px;\n min-height: 40px;\n font-size: 15px;\n font-weight: 400;\n display: flex;\n}\n\n.top-navigation-container .actionsBtnWrapper .download:hover, .top-navigation-container .actionsBtnWrapper .download-envelope:hover, .top-navigation-container .actionsBtnWrapper .clone:hover {\n background: #00000012 !important;\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.noTemplateProfessionalAndPersonal {\n height: calc(100vh - 1000px) !important;\n}\n\n.more-visible {\n height: calc(100vh - 850px) !important;\n margin-top: -20px !important;\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.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.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.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 .dynamic-content__top .contact-info-tooltip, .dynamic-content .dynamic-content__top .custom-add-on-tooltip {\n width: 90% !important;\n max-width: fit-content !important;\n}\n\n.dynamic-content .dynamic-content__top svg:focus {\n outline: none !important;\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 .s-font {\n font-size: 14px;\n font-weight: 600;\n}\n\n.addonBox .plain-text {\n text-align: center;\n font-size: 14px;\n font-weight: 300;\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.custom-po {\n margin-top: -70% !important;\n}\n\ninput[type=\"number\"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type=\"number\"] {\n -moz-appearance: textfield;\n}\n\n.no-result-addOns {\n justify-content: center;\n margin: 3px;\n display: flex;\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 --rt-opacity: 1 !important;\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 .polotno-font-item {\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n display: block !important;\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 .builder-wrapper .qr-input-wrapper label {\n font-weight: 600;\n line-height: 19px;\n}\n\n:root .builder-wrapper .qr-input-wrapper:not(:first-child) {\n margin-top: 15px;\n}\n\n:root .builder-wrapper .qr-submit-btn {\n color: #fff;\n cursor: pointer;\n background-color: #5e5e5e;\n border: none;\n border-radius: 3px;\n width: 100%;\n padding: 10px;\n font-weight: 600;\n transition: all .3s;\n box-shadow: inset 0 0 0 1px #11141833, 0 1px 2px #1114181a;\n}\n\n:root .builder-wrapper .qr-submit-btn:focus {\n outline: none;\n}\n\n:root .builder-wrapper .qr-submit-btn:hover {\n background-color: #383838;\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.select-layout .qr-select .generic-select__control {\n border-radius: 3px !important;\n min-height: 35px !important;\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.basic-tooltip {\n opacity: 1;\n z-index: 1;\n width: 90%;\n max-width: fit-content;\n text-align: center !important;\n color: #000 !important;\n background-color: #fff !important;\n animation: .1s ease-in-out fadeIn !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1 !important;\n }\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.qr-input-layout .qrInputDiv {\n border-radius: 3px !important;\n min-height: 35px !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 position: relative;\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 .productsWrapper .productCard .productTooltip {\n position: absolute;\n top: 5px;\n right: 5px;\n z-index: 1 !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip svg:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .customTooltipClass {\n padding: 8px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .customTooltipClass .react-tooltip-arrow {\n border-color: var(--border-color) !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent {\n border-radius: 5px;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n width: 170px;\n font-size: 12px;\n font-weight: 500;\n line-height: normal;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .heading {\n color: var(--text-color);\n margin-bottom: 10px;\n font-size: 16px;\n line-height: normal;\n font-weight: 500 !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .contentWrapper {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .contentWrapper p {\n text-align: left;\n font-size: 14px;\n font-weight: 400;\n color: var(--text-color) !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard .productTooltip .productTooltipContent .contentWrapper p span {\n font-weight: 600;\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 .actionsBtnWrapper .download, .top-navigation-container .actionsBtnWrapper .download-envelope, .top-navigation-container .actionsBtnWrapper .clone {\n color: var(--text-color);\n border: .5px solid var(--border-color);\n max-width: auto;\n cursor: pointer;\n background-color: #fff;\n border-radius: 3px;\n justify-content: center;\n align-items: center;\n min-width: 50px;\n max-width: 120px;\n min-height: 40px;\n font-size: 15px;\n font-weight: 400;\n display: flex;\n}\n\n.top-navigation-container .actionsBtnWrapper .download:hover, .top-navigation-container .actionsBtnWrapper .download-envelope:hover, .top-navigation-container .actionsBtnWrapper .clone:hover {\n background: #00000012 !important;\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.noTemplateProfessionalAndPersonal {\n height: calc(100vh - 1000px) !important;\n}\n\n.more-visible {\n height: calc(100vh - 850px) !important;\n margin-top: -20px !important;\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.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.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.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 .dynamic-content__top .contact-info-tooltip, .dynamic-content .dynamic-content__top .custom-add-on-tooltip {\n width: 90% !important;\n max-width: fit-content !important;\n}\n\n.dynamic-content .dynamic-content__top svg:focus {\n outline: none !important;\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 .s-font {\n font-size: 14px;\n font-weight: 600;\n}\n\n.addonBox .plain-text {\n text-align: center;\n font-size: 14px;\n font-weight: 300;\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.custom-po {\n margin-top: -70% !important;\n}\n\ninput[type=\"number\"]::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\ninput[type=\"number\"] {\n -moz-appearance: textfield;\n}\n\n.no-result-addOns {\n justify-content: center;\n margin: 3px;\n display: flex;\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 --rt-opacity: 1 !important;\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 .polotno-font-item {\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n display: block !important;\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 .builder-wrapper .qr-input-wrapper label {\n font-weight: 600;\n line-height: 19px;\n}\n\n:root .builder-wrapper .qr-input-wrapper:not(:first-child) {\n margin-top: 15px;\n}\n\n:root .builder-wrapper .qr-submit-btn {\n color: #fff;\n cursor: pointer;\n background-color: #5e5e5e;\n border: none;\n border-radius: 3px;\n width: 100%;\n padding: 10px;\n font-weight: 600;\n transition: all .3s;\n box-shadow: inset 0 0 0 1px #11141833, 0 1px 2px #1114181a;\n}\n\n:root .builder-wrapper .qr-submit-btn:focus {\n outline: none;\n}\n\n:root .builder-wrapper .qr-submit-btn:hover {\n background-color: #383838;\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
 
@@ -159458,7 +159458,7 @@ const $65bf2ecf319e656d$var$initialState = {
159458
159458
  {
159459
159459
  value: "Property Written Offer",
159460
159460
  key: "{{ROS.WRITTEN_OFFER}}",
159461
- defaultValue: "One hundred twenty three thousand and 00/100"
159461
+ defaultValue: "One hundred twenty-three thousand four hundred fifty-six and 00/100"
159462
159462
  }
159463
159463
  ],
159464
159464
  defaultMiscFields: [
@@ -160482,7 +160482,7 @@ const $0b51cdcdcd2b1339$export$af7faffe10421f14 = {
160482
160482
  }
160483
160483
  }
160484
160484
  },
160485
- DOWNLOAD_PROOF_BUTTON: "Download View Proof",
160485
+ DOWNLOAD_PROOF_BUTTON: "Download Mailer Proof",
160486
160486
  DOWNLOAD_ENVELOPE_BUTTON: "Download Envelope Proof",
160487
160487
  CANCEL_BUTTON: "Cancel",
160488
160488
  SUBMIT_BUTTON: "Save"
@@ -164365,16 +164365,6 @@ const $dd071d7635be500b$var$CreateTemplate = ({ onReturnAndNavigate: onReturnAnd
164365
164365
  product?.nonEnvelope,
164366
164366
  " "
164367
164367
  ]
164368
- }),
164369
- product?.ink && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
164370
- children: [
164371
- /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
164372
- children: "Ink: "
164373
- }),
164374
- " ",
164375
- product?.ink,
164376
- " "
164377
- ]
164378
164368
  })
164379
164369
  ]
164380
164370
  })
@@ -164500,12 +164490,12 @@ const $dd071d7635be500b$var$CreateTemplate = ({ onReturnAndNavigate: onReturnAnd
164500
164490
  children: [
164501
164491
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
164502
164492
  fill: "var(--primary-color)",
164503
- className: `productTooltipIcon-${index} olc-hidden`
164493
+ className: `productTooltipIcon-${index}`
164504
164494
  }),
164505
164495
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
164506
164496
  anchorSelect: `.productTooltipIcon-${index}`,
164507
164497
  place: "right",
164508
- className: "customTooltipClass olc-hidden",
164498
+ className: "customTooltipClass",
164509
164499
  title: /*#__PURE__*/ (0, jsx_runtime.jsx)(ProductTooltipContent, {
164510
164500
  product: prod
164511
164501
  })
@@ -165705,26 +165695,6 @@ var $788118b6d825ecfe$export$2e2bcd8739ae039 = $788118b6d825ecfe$var$OrderDownlo
165705
165695
 
165706
165696
 
165707
165697
 
165708
- const $850382ceb18dc2bd$var$MailIcon = (props)=>/*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
165709
- version: "1.0",
165710
- id: "Layer_1",
165711
- xmlns: "http://www.w3.org/2000/svg",
165712
- xmlnsXlink: "http://www.w3.org/1999/xlink",
165713
- width: "25",
165714
- height: "24",
165715
- viewBox: "0 0 64 64",
165716
- xmlSpace: "preserve",
165717
- ...props,
165718
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
165719
- fill: "#231F20",
165720
- d: "M60,8H4c-2.211,0-4,1.789-4,4v40c0,2.211,1.789,4,4,4h56c2.211,0,4-1.789,4-4V12C64,9.789,62.211,8,60,8z M4,10h56c1.104,0,2,0.896,2,2v2.469L32,36.754L2,14.469V12C2,10.896,2.896,10,4,10z M60,54H4c-1.104,0-2-0.896-2-2v-2.808 l18.584-13.381c0.448-0.322,0.55-0.947,0.228-1.396c-0.322-0.447-0.946-0.549-1.396-0.228L2,46.729V16.961l29.403,21.842 C31.581,38.935,31.79,39,32,39s0.419-0.065,0.597-0.197L62,16.961v29.768l-17.416-12.54c-0.448-0.322-1.074-0.221-1.396,0.228 c-0.322,0.448-0.221,1.073,0.228,1.396L62,49.192V52C62,53.104,61.104,54,60,54z"
165721
- })
165722
- });
165723
- var $850382ceb18dc2bd$export$2e2bcd8739ae039 = $850382ceb18dc2bd$var$MailIcon;
165724
-
165725
-
165726
-
165727
-
165728
165698
  const $beb12c725a41a350$var$TemplateCopy = (props)=>{
165729
165699
  const { fill: fill } = props;
165730
165700
  return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
@@ -165890,7 +165860,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
165890
165860
  // Create an Object URL for the Blob
165891
165861
  const url = URL.createObjectURL(blob);
165892
165862
  (0, $ad01ab85e9f42d02$export$3c4ee5ffa62bdd4b)(title.substring(0, 20), url);
165893
- dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)("Download Proof generated successfully"));
165863
+ dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)("Mailer Proof generated successfully"));
165894
165864
  } else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)(response?.data?.message || response?.message || (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).DOWNLOAD_ERROR));
165895
165865
  } catch (error) {
165896
165866
  dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)(error?.response?.data?.message || error?.message || "Error while downloading proof"));
@@ -166129,22 +166099,6 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
166129
166099
  place: "bottom",
166130
166100
  anchorSelect: ".clone"
166131
166101
  }),
166132
- product?.hasEnvelope && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
166133
- children: [
166134
- /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
166135
- className: "download-envelope",
166136
- onClick: handleEnvelopeProof,
166137
- children: downloadingEnvelope ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $9d3950b100c0523a$export$2e2bcd8739ae039), {
166138
- style: $d31b9bd88e5dcf67$var$progressStyles
166139
- }) : /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $850382ceb18dc2bd$export$2e2bcd8739ae039), {})
166140
- }),
166141
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
166142
- title: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DOWNLOAD_ENVELOPE_BUTTON,
166143
- place: "bottom",
166144
- anchorSelect: ".download-envelope"
166145
- })
166146
- ]
166147
- }),
166148
166102
  /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
166149
166103
  className: "download",
166150
166104
  onClick: handleViewProofWithLamda,
@@ -169053,9 +169007,10 @@ var $394f63d6507afbac$export$2e2bcd8739ae039 = $394f63d6507afbac$var$EPO;
169053
169007
 
169054
169008
  const $52be5db9307c4332$var$iconButtonStyles = {
169055
169009
  backgroundColor: "transparent",
169056
- marginLeft: "70%",
169057
- marginTop: "-40%",
169058
- position: "absolute"
169010
+ position: "absolute",
169011
+ top: "10px",
169012
+ right: "10px",
169013
+ height: "auto"
169059
169014
  };
169060
169015
  // define the new custom section
169061
169016
  const $52be5db9307c4332$var$CustomAddOns = {
@@ -169130,6 +169085,7 @@ const $52be5db9307c4332$var$CustomAddOns = {
169130
169085
  ros_custom_value: customRosValue
169131
169086
  }
169132
169087
  });
169088
+ setCustomRosValue("");
169133
169089
  }
169134
169090
  };
169135
169091
  const percentageRequired = ()=>dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)(`Please enter the offer percentage`));
@@ -169191,42 +169147,45 @@ const $52be5db9307c4332$var$CustomAddOns = {
169191
169147
  })
169192
169148
  ]
169193
169149
  }),
169194
- allowedAddOns?.includes("property_offer") && /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
169195
- children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
169196
- className: "addonBox",
169197
- onClick: (event)=>handleAddElementOnScreen(event, PropertyOfferfieldValue, "rpo"),
169198
- children: [
169199
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
169200
- style: $52be5db9307c4332$var$iconButtonStyles,
169201
- onClick: copyPropertyOfferField,
169202
- backdrop: false,
169203
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
169204
- className: "copy"
169205
- })
169206
- }),
169207
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $394f63d6507afbac$export$2e2bcd8739ae039), {}),
169208
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
169209
- children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_ADD_ONS.PROPERTY_OFFER.TITLE
169210
- }),
169211
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
169212
- className: "no-margin",
169213
- children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_ADD_ONS.PROPERTY_OFFER.DESCRIPTION
169214
- }),
169215
- /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
169216
- children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_ADD_ONS.PROPERTY_OFFER.PRICE
169150
+ allowedAddOns?.includes("property_offer") && /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
169151
+ className: "addonBox",
169152
+ style: {
169153
+ position: "relative"
169154
+ },
169155
+ onClick: (event)=>handleAddElementOnScreen(event, PropertyOfferfieldValue, "rpo"),
169156
+ children: [
169157
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
169158
+ style: $52be5db9307c4332$var$iconButtonStyles,
169159
+ onClick: copyPropertyOfferField,
169160
+ backdrop: false,
169161
+ children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
169162
+ className: "copy"
169217
169163
  })
169218
- ]
169219
- })
169164
+ }),
169165
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $394f63d6507afbac$export$2e2bcd8739ae039), {}),
169166
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
169167
+ children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_ADD_ONS.PROPERTY_OFFER.TITLE
169168
+ }),
169169
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
169170
+ className: "no-margin",
169171
+ children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_ADD_ONS.PROPERTY_OFFER.DESCRIPTION
169172
+ }),
169173
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
169174
+ children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_ADD_ONS.PROPERTY_OFFER.PRICE
169175
+ })
169176
+ ]
169220
169177
  }),
169221
169178
  allowedAddOns?.includes("custom_property_offer") && /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
169222
169179
  className: "addonBox",
169180
+ style: {
169181
+ position: "relative"
169182
+ },
169223
169183
  onClick: (event)=>handleAddElementOnScreen(event, PropertyOfferfieldValue, "custom_rpo"),
169224
169184
  children: [
169225
169185
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
169226
169186
  style: $52be5db9307c4332$var$iconButtonStyles,
169227
169187
  onClick: customRosValue ? copyPropertyOfferField : percentageRequired,
169228
169188
  backdrop: false,
169229
- className: "custom-po",
169230
169189
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
169231
169190
  className: "copy"
169232
169191
  })
@@ -169820,6 +169779,10 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, platformName: pla
169820
169779
  store.history.clear();
169821
169780
  store.clear();
169822
169781
  dispatch((0, $bbef8ecdaaf79b6e$export$7cdbec44919c75ac)());
169782
+ dispatch({
169783
+ type: (0, $e496cac0faa1ff17$export$ec8156c566eb37cd),
169784
+ payload: ""
169785
+ });
169823
169786
  off();
169824
169787
  };
169825
169788
  }
@@ -169929,6 +169892,10 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, platformName: pla
169929
169892
  (0, $729142c3e2d905ee$export$4e7e1f53e01e76b7)(product.id, store);
169930
169893
  if (currentTemplateType === "Real Penned Letter") handleRealPennedLetters();
169931
169894
  dispatch((0, $bbef8ecdaaf79b6e$export$7cdbec44919c75ac)());
169895
+ dispatch({
169896
+ type: (0, $e496cac0faa1ff17$export$ec8156c566eb37cd),
169897
+ payload: ""
169898
+ });
169932
169899
  store.history.clear();
169933
169900
  }
169934
169901
  setIsStoreUpdated(false);
@@ -169977,6 +169944,10 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, platformName: pla
169977
169944
  dispatch({
169978
169945
  type: (0, $e496cac0faa1ff17$export$f632fb3a4986e34d)
169979
169946
  });
169947
+ dispatch({
169948
+ type: (0, $e496cac0faa1ff17$export$ec8156c566eb37cd),
169949
+ payload: ""
169950
+ });
169980
169951
  store.clear();
169981
169952
  store.history.clear();
169982
169953
  dispatch((0, $dbaee5ca78364d67$export$c7c994d6f1f97f07)("title", designerTemplateQuery?.title));
@@ -170182,7 +170153,7 @@ var $edeafd00018ca857$export$2e2bcd8739ae039 = $edeafd00018ca857$var$App;
170182
170153
 
170183
170154
 
170184
170155
 
170185
- const $23c375345222aadb$export$31499a9cd224b78c = "1.7.6";
170156
+ const $23c375345222aadb$export$31499a9cd224b78c = "1.9.5";
170186
170157
 
170187
170158
 
170188
170159
  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, onDuplicateTemplate: onDuplicateTemplate, onSubmit: onSubmit, styles: styles })=>{