@openlettermarketing/olc-vue-sdk 0.0.18 → 0.0.19

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 +33 -20
  2. package/build/index.js.map +1 -1
  3. package/package.json +1 -1
package/build/index.js CHANGED
@@ -50371,7 +50371,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ":root{--rt-color-white:#fff;--rt-color
50371
50371
 
50372
50372
  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()));
50373
50373
  // Module
50374
- ___CSS_LOADER_EXPORT___.push([module.id, ".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.basic-button {\n background-color: var(--primary-color);\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: fit-content;\n height: 100%;\n padding: 0 10px;\n font-size: 16px;\n font-weight: 600;\n display: flex;\n}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--text-color);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 16px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n border: .5px solid var(--border-color);\n background-color: #0000;\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__placeholder {\n color: var(--text-color);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--text-color);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--border-color);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--border-color);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__clear-indicator svg {\n cursor: pointer;\n width: 22px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n cursor: not-allowed;\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--text-color);\n border-bottom: .5px solid var(--border-color);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--secondary-color);\n color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n color: #000;\n border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n color: #000;\n}\n\n.toast-container {\n width: 100%;\n min-width: 400px;\n max-width: fit-content;\n z-index: 999999999 !important;\n}\n\n.toast-container .basic-toast {\n background-color: var(--notification-background-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notification-text-color);\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n width: 25px;\n height: 18px;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n color: var(--text-color);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--border-color);\n background: #fff;\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--text-color);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n background-color: var(--secondary-color);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\n}\n\n.alert {\n display: none;\n}\n\n@media (width <= 600px) {\n .alert {\n text-align: center;\n display: block;\n }\n\n .createTemplateMaindiv {\n display: none;\n }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--error-color);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin: 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primary-color);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 40px 80px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin: 0 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primary-color);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 40px 80px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--border-color);\n background-color: #fff;\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.basic-progress .hide-loader .loader {\n display: none !important;\n}\n\n.modal {\n z-index: 99999;\n background-color: #0009;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--modal-background-color);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--text-color);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--text-color);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--text-color);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n border-bottom: .5px solid var(--border-color);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--text-color);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--text-color);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n width: 100%;\n max-width: 480px;\n}\n\n@media (width <= 800px) {\n .templateTabsWrapper {\n max-width: none !important;\n }\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--text-color);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primary-color);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--border-color);\n text-align: center;\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: #000 !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--text-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--secondary-color);\n opacity: .8;\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n fill: var(--primary-color) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n.show-loader:after {\n content: \"\";\n border: 4px solid var(--primary-color);\n border-right: 3px solid #0000;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n animation: 2s linear infinite circularAnimation;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n 0% {\n transform: translate(-50%, -50%)rotate(0);\n }\n\n 100% {\n transform: translate(-50%, -50%)rotate(360deg);\n }\n}\n\n.hide-loader:after {\n display: none !important;\n}\n\n:root {\n --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --primary-color: #ed5c2f;\n --secondary-color: #fff8ee;\n --svg-color: #fdb515;\n --svg-color-not-active: #fdecd3;\n --text-color: #000;\n --modal-background-color: #fff8ee;\n --notification-background-color: #ef7820;\n --notification-text-color: #fff;\n --border-color: #303030;\n --error-color: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: var(--font-family) !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondary-color);\n }\n}\n\n:root body .bp5-navbar {\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n@media (width <= 800px) {\n :root body .bp5-navbar {\n z-index: 100 !important;\n }\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--text-color);\n background-color: #0000;\n}\n\n@media (width <= 800px) {\n :root body .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n justify-content: center !important;\n }\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container body, :root body .polotno-panel-container > div body, :root body .polotno-panel-container > div > div body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondary-color);\n }\n}\n\n:root body .polotno-panel-container > div > div, :root body .polotno-panel-container > div > div p {\n color: #000;\n}\n", "",{"version":3,"sources":["webpack://./src/components/TemplateBuilder/index.css"],"names":[],"mappings":"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","sourcesContent":[".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.basic-button {\n background-color: var(--primary-color);\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: fit-content;\n height: 100%;\n padding: 0 10px;\n font-size: 16px;\n font-weight: 600;\n display: flex;\n}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--text-color);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 16px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n border: .5px solid var(--border-color);\n background-color: #0000;\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__placeholder {\n color: var(--text-color);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--text-color);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--border-color);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--border-color);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__clear-indicator svg {\n cursor: pointer;\n width: 22px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n cursor: not-allowed;\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--text-color);\n border-bottom: .5px solid var(--border-color);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--secondary-color);\n color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n color: #000;\n border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n color: #000;\n}\n\n.toast-container {\n width: 100%;\n min-width: 400px;\n max-width: fit-content;\n z-index: 999999999 !important;\n}\n\n.toast-container .basic-toast {\n background-color: var(--notification-background-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notification-text-color);\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n width: 25px;\n height: 18px;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n color: var(--text-color);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--border-color);\n background: #fff;\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--text-color);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n background-color: var(--secondary-color);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\n}\n\n.alert {\n display: none;\n}\n\n@media (width <= 600px) {\n .alert {\n text-align: center;\n display: block;\n }\n\n .createTemplateMaindiv {\n display: none;\n }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--error-color);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin: 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primary-color);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 40px 80px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin: 0 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primary-color);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 40px 80px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--border-color);\n background-color: #fff;\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.basic-progress .hide-loader .loader {\n display: none !important;\n}\n\n.modal {\n z-index: 99999;\n background-color: #0009;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--modal-background-color);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--text-color);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--text-color);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--text-color);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n border-bottom: .5px solid var(--border-color);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--text-color);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--text-color);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n width: 100%;\n max-width: 480px;\n}\n\n@media (width <= 800px) {\n .templateTabsWrapper {\n max-width: none !important;\n }\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--text-color);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primary-color);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--border-color);\n text-align: center;\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: #000 !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--text-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--secondary-color);\n opacity: .8;\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n fill: var(--primary-color) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primary-color);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: #000;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n.show-loader:after {\n content: \"\";\n border: 4px solid var(--primary-color);\n border-right: 3px solid #0000;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n animation: 2s linear infinite circularAnimation;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n 0% {\n transform: translate(-50%, -50%)rotate(0);\n }\n\n 100% {\n transform: translate(-50%, -50%)rotate(360deg);\n }\n}\n\n.hide-loader:after {\n display: none !important;\n}\n\n:root {\n --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --primary-color: #ed5c2f;\n --secondary-color: #fff8ee;\n --svg-color: #fdb515;\n --svg-color-not-active: #fdecd3;\n --text-color: #000;\n --modal-background-color: #fff8ee;\n --notification-background-color: #ef7820;\n --notification-text-color: #fff;\n --border-color: #303030;\n --error-color: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: var(--font-family) !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondary-color);\n }\n}\n\n:root body .bp5-navbar {\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n@media (width <= 800px) {\n :root body .bp5-navbar {\n z-index: 100 !important;\n }\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--text-color);\n background-color: #0000;\n}\n\n@media (width <= 800px) {\n :root body .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n justify-content: center !important;\n }\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container body, :root body .polotno-panel-container > div body, :root body .polotno-panel-container > div > div body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondary-color);\n }\n}\n\n:root body .polotno-panel-container > div > div, :root body .polotno-panel-container > div > div p {\n color: #000;\n}\n"],"sourceRoot":""}]);
50374
+ ___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: 40px !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.toast-container {\n width: 100%;\n min-width: 400px;\n max-width: fit-content;\n z-index: 999999999 !important;\n}\n\n.toast-container .basic-toast {\n background-color: var(--notification-background-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notification-text-color);\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n width: 25px;\n height: 18px;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n color: var(--text-color);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--border-color);\n background: #fff;\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--text-color);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n background-color: var(--secondary-color);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 97%;\n margin: 3px auto;\n}\n\n.hideTemplateBuilder {\n display: none;\n}\n\n@media (width <= 600px) {\n .hideTemplateBuilder {\n text-align: center;\n display: block;\n }\n\n .createTemplateMaindiv {\n display: none;\n }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--error-color);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin: 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primary-color);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 40px 80px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin: 0 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primary-color);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 40px 80px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--border-color);\n background-color: #fff;\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .error {\n border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.modal {\n z-index: 99999;\n background-color: #0009;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--modal-background-color);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--text-color);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--text-color);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--text-color);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n border-bottom: .5px solid var(--border-color);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n top: 0;\n background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--text-color);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--text-color);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.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 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.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n z-index: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primary-color);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--border-color);\n text-align: center;\n cursor: pointer;\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n transition: all .1s ease-in;\n}\n\n.dynamic-content .contact-element:hover {\n background-color: var(--secondary-color);\n}\n\n.dynamic-content .copy {\n fill: #000 !important;\n}\n\n@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 --primary-color: #ed5c2f;\n --secondary-color: #fff8ee;\n --svg-color: #fdb515;\n --svg-color-not-active: #fdecd3;\n --text-color: #000;\n --modal-background-color: #fff8ee;\n --notification-background-color: #ef7820;\n --notification-text-color: #fff;\n --border-color: #303030;\n --error-color: red;\n}\n\n:root .builder-wrapper {\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-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(--secondary-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@media (width <= 800px) {\n :root .builder-wrapper .bp5-navbar {\n z-index: 100 !important;\n }\n}\n\n:root .builder-wrapper .bp5-navbar .bp5-card {\n color: var(--text-color);\n background-color: #0000;\n}\n\n@media (width <= 800px) {\n :root .builder-wrapper .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n justify-content: center !important;\n }\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-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(--secondary-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", "",{"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: 40px !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.toast-container {\n width: 100%;\n min-width: 400px;\n max-width: fit-content;\n z-index: 999999999 !important;\n}\n\n.toast-container .basic-toast {\n background-color: var(--notification-background-color);\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notification-text-color);\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n width: 25px;\n height: 18px;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n color: var(--text-color);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--border-color);\n background: #fff;\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--text-color);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: var(--font-family) !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n color: #000;\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .input-with-icon.errorBorder {\n border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n background-color: var(--secondary-color);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 97%;\n margin: 3px auto;\n}\n\n.hideTemplateBuilder {\n display: none;\n}\n\n@media (width <= 600px) {\n .hideTemplateBuilder {\n text-align: center;\n display: block;\n }\n\n .createTemplateMaindiv {\n display: none;\n }\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--error-color);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin: 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primary-color);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 40px 80px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--text-color);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--error-color);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin: 0 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primary-color);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 40px 80px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n flex-wrap: wrap;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--border-color);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primary-color);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--error-color);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--border-color);\n background-color: #fff;\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .error {\n border: 1.5px solid var(--error-color);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.modal {\n z-index: 99999;\n background-color: #0009;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--modal-background-color);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--text-color);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--text-color);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--text-color);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n border-bottom: .5px solid var(--border-color);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n top: 0;\n background-color: #fff !important;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--text-color);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--text-color);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.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 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.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n z-index: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primary-color);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--border-color);\n text-align: center;\n cursor: pointer;\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n transition: all .1s ease-in;\n}\n\n.dynamic-content .contact-element:hover {\n background-color: var(--secondary-color);\n}\n\n.dynamic-content .copy {\n fill: #000 !important;\n}\n\n@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 --primary-color: #ed5c2f;\n --secondary-color: #fff8ee;\n --svg-color: #fdb515;\n --svg-color-not-active: #fdecd3;\n --text-color: #000;\n --modal-background-color: #fff8ee;\n --notification-background-color: #ef7820;\n --notification-text-color: #fff;\n --border-color: #303030;\n --error-color: red;\n}\n\n:root .builder-wrapper {\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n:root .builder-wrapper::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-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(--secondary-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@media (width <= 800px) {\n :root .builder-wrapper .bp5-navbar {\n z-index: 100 !important;\n }\n}\n\n:root .builder-wrapper .bp5-navbar .bp5-card {\n color: var(--text-color);\n background-color: #0000;\n}\n\n@media (width <= 800px) {\n :root .builder-wrapper .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n justify-content: center !important;\n }\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root .builder-wrapper .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root .builder-wrapper .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-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(--secondary-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"],"sourceRoot":""}]);
50375
50375
  // Exports
50376
50376
  /* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
50377
50377
 
@@ -154840,12 +154840,19 @@ var $5a8c8921b86c6a58$export$2e2bcd8739ae039 = $5a8c8921b86c6a58$var$Typography;
154840
154840
 
154841
154841
 
154842
154842
 
154843
- const $468b2e43c10c77f3$var$Button = ({ children: children = "", style: style = {}, onClick: onClick, className: className = "", disabled: disabled = false })=>{
154844
- return /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
154845
- className: `basic-button ${className} ${disabled ? "disabled" : ""}`,
154846
- onClick: disabled ? undefined : onClick,
154847
- style: style,
154848
- children: children
154843
+ const $468b2e43c10c77f3$var$Button = ({ children: children = "", style: style = {}, onClick: onClick, className: className = "", disabled: disabled = false, backdrop: backdrop = true })=>{
154844
+ return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
154845
+ children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
154846
+ className: `basic-button ${className} ${disabled ? "disabled" : ""}`,
154847
+ onClick: disabled ? undefined : onClick,
154848
+ style: style,
154849
+ children: [
154850
+ children,
154851
+ backdrop && /*#__PURE__*/ (0, jsx_runtime.jsx)("span", {
154852
+ className: "backdrop"
154853
+ })
154854
+ ]
154855
+ })
154849
154856
  });
154850
154857
  };
154851
154858
  var $468b2e43c10c77f3$export$2e2bcd8739ae039 = $468b2e43c10c77f3$var$Button;
@@ -155633,7 +155640,8 @@ const $dd071d7635be500b$var$Images = {
155633
155640
  const $dd071d7635be500b$var$CreateTemplate = ({ onReturnAndNavigate: onReturnAndNavigate, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute })=>{
155634
155641
  const [isError, setIsError] = (0, react.useState)(false);
155635
155642
  const [envelopeType, setEnvelopeType] = (0, react.useState)([]);
155636
- const title = (0, useSelector)((state)=>state.templates.title);
155643
+ const [inputValue, setInputValue] = (0, react.useState)("");
155644
+ const title = (0, useSelector)((state)=>state.templates.title) || "";
155637
155645
  const product = (0, useSelector)((state)=>state.templates.product);
155638
155646
  const products = (0, useSelector)((state)=>state.templates.products);
155639
155647
  const templateType = (0, useSelector)((state)=>state.templates.templateType);
@@ -155681,7 +155689,7 @@ const $dd071d7635be500b$var$CreateTemplate = ({ onReturnAndNavigate: onReturnAnd
155681
155689
  return /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
155682
155690
  children: [
155683
155691
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155684
- className: "alert",
155692
+ className: "hideTemplateBuilder",
155685
155693
  children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE_MESSAGE_ON_SMALL_SCREEN
155686
155694
  }),
155687
155695
  /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
@@ -155706,8 +155714,9 @@ const $dd071d7635be500b$var$CreateTemplate = ({ onReturnAndNavigate: onReturnAnd
155706
155714
  className: "templateInputWrapper",
155707
155715
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
155708
155716
  type: "text",
155709
- value: title,
155717
+ value: inputValue,
155710
155718
  onChange: (e)=>{
155719
+ setInputValue(e.target.value);
155711
155720
  dispatch((0, $dbaee5ca78364d67$export$c7c994d6f1f97f07)("title", e.target.value));
155712
155721
  },
155713
155722
  placeholder: "Template Name",
@@ -156140,7 +156149,7 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
156140
156149
  if (modalRef.current && !modalRef.current.contains(event.target)) handleClose();
156141
156150
  };
156142
156151
  const handleKeyDown = (event)=>{
156143
- if (event.key === "Escape") handleClose();
156152
+ if (event.key === "Escape" && !loading) handleClose();
156144
156153
  };
156145
156154
  (0, react.useEffect)(()=>{
156146
156155
  if (open) {
@@ -156810,7 +156819,7 @@ const $c6f5440378b96420$var$designDialogStyles = {
156810
156819
  };
156811
156820
  const $c6f5440378b96420$var$loadDialogStyles = {
156812
156821
  maxWidth: "430px",
156813
- minHeight: "285px"
156822
+ minHeight: "300px"
156814
156823
  };
156815
156824
  const $c6f5440378b96420$var$templateTextStyles = {
156816
156825
  color: `#000`,
@@ -156866,7 +156875,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
156866
156875
  };
156867
156876
  const getTemplatesByTab = async (page = 1)=>{
156868
156877
  try {
156869
- setLoader(true);
156878
+ page === 1 && setLoader(true);
156870
156879
  const payload = {
156871
156880
  tab: currentTemplateTypeRef.current?.id === "1" ? "my-templates" : currentTemplateTypeRef.current?.id === "2" ? "team-templates" : "olc-templates",
156872
156881
  page: page,
@@ -157201,10 +157210,6 @@ const $c6f5440378b96420$var$customTemplateSection = {
157201
157210
  }),
157202
157211
  /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
157203
157212
  className: "searchWrapper",
157204
- style: {
157205
- marginTop: "16px",
157206
- marginBottom: "16px"
157207
- },
157208
157213
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
157209
157214
  type: "text",
157210
157215
  value: search,
@@ -157539,6 +157544,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
157539
157544
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
157540
157545
  style: $57048af01a29b1ce$var$iconButtonStyles,
157541
157546
  onClick: ()=>copyCustomFieldText(key),
157547
+ backdrop: false,
157542
157548
  children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
157543
157549
  className: "copy"
157544
157550
  })
@@ -157802,8 +157808,14 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNaviga
157802
157808
  }
157803
157809
  };
157804
157810
  const handleLoadTemplate = async ()=>{
157805
- const existingTemplate = olcTemplate || template;
157811
+ const existingTemplate = olcTemplate;
157806
157812
  if (existingTemplate) {
157813
+ dispatch({
157814
+ type: (0, $e496cac0faa1ff17$export$1c6648626b31f20d),
157815
+ payload: {
157816
+ data: existingTemplate
157817
+ }
157818
+ });
157807
157819
  const workspaceElement = document.querySelector(".polotno-workspace-container");
157808
157820
  if (workspaceElement) workspaceElement.classList.add("show-loader");
157809
157821
  // @ts-ignore
@@ -157833,7 +157845,7 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, onReturnAndNaviga
157833
157845
  return /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
157834
157846
  children: [
157835
157847
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
157836
- className: "alert",
157848
+ className: "hideTemplateBuilder",
157837
157849
  children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE_MESSAGE_ON_SMALL_SCREEN
157838
157850
  }),
157839
157851
  /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
@@ -157918,7 +157930,8 @@ const $edeafd00018ca857$var$App = ({ secretKey: secretKey, onReturnAndNavigate:
157918
157930
  ${styles ? Object.entries(styles.root).map(([key, value])=>`${key}: ${value};`).join(" ") : ""}
157919
157931
  }
157920
157932
  ` : (0, ht)`<></>`;
157921
- return /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
157933
+ return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
157934
+ className: "builder-wrapper",
157922
157935
  children: [
157923
157936
  /*#__PURE__*/ (0, jsx_runtime.jsx)(GlobalStyle, {}),
157924
157937
  /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, Routes), {