@openlettermarketing/olc-vue-sdk 0.0.8 → 0.0.10

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 +11 -26
  2. package/build/index.js.map +1 -0
  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(--primaryColor);\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(--textColor);\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(--borderColor);\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(--textColor);\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(--textColor);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--textColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--borderColor);\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(--borderColor);\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__menu {\n background-color: var(--mainBackgroundColor);\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(--textColor);\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(--textColor);\n border-bottom: .5px solid var(--borderColor);\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(--secondaryColor);\n color: var(--textColor);\n}\n\n.toast-container {\n z-index: 99999;\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: var(--primaryColor);\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(--textColor);\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(--textColor);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--borderColor);\n background-color: var(--mainBackgroundColor);\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(--textColor);\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(--textColor);\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(--errorColor);\n}\n\n.input-layout .focused {\n background-color: var(--secondaryColor);\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.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(--textColor);\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(--primaryColor);\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(--textColor);\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(--errorColor);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\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(--textColor);\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(--errorColor);\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 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\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(--errorColor);\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-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\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(--primaryColor);\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(--borderColor);\n background: var(--mainBackgroundColor);\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(--secondaryColor);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\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(--errorColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--errorColor);\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 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\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(--borderColor);\n background: var(--mainBackgroundColor);\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(--svgColorNotActive);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondaryColor);\n border-color: var(--primaryColor);\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(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\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(--errorColor);\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(--borderColor);\n background-color: var(--mainBackgroundColor);\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 .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--textColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--mainBackgroundColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--mainBackgroundColor);\n text-align: center;\n background-color: var(--primaryColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--errorColor);\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(--secondaryColor);\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(--textColor);\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(--textColor);\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(--primaryColor);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primaryColor);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--textColor);\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 background: var(--mainBackgroundColor);\n border-bottom: .5px solid var(--borderColor);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--textColor);\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(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\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 background-color: var(--mainBackgroundColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\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: var(--textColor) !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primaryColor);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--borderColor);\n text-align: center;\n color: var(--textColor);\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: var(--textColor) !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 {\n background-color: var(--mainBackgroundColor);\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(--textColor);\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(--secondaryColor);\n opacity: .8;\n color: var(--primaryColor);\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(--primaryColor);\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(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\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(--primaryColor);\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(--primaryColor);\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: var(--textColor);\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:root {\n --font-family: \"Inter\";\n --srollbar-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --secondaryColor: #fff8ee;\n --svgColor: #fdb515;\n --svgColorNotActive: #fdecd3;\n --mainBackgroundColor: #fff;\n --textColor: #000;\n --borderColor: #303030;\n --errorColor: 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(--secondaryColor) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--srollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .bp5-navbar {\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--textColor);\n background-color: #0000;\n}\n\n:root body .bp5-navbar .polotno-close-panel .bp5-button-text {\n color: var(--textColor);\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(--secondaryColor) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-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(--srollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .bp5-popover-content > div > div > div::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n}\n\n:root body .bp5-popover-content > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .bp5-popover-content > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .bp5-popover-content > div > div > div body {\n scrollbar-color: var(--srollbar-thumb-color) var(--secondaryColor);\n }\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(--primaryColor);\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(--textColor);\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(--borderColor);\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(--textColor);\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(--textColor);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--textColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--borderColor);\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(--borderColor);\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__menu {\n background-color: var(--mainBackgroundColor);\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(--textColor);\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(--textColor);\n border-bottom: .5px solid var(--borderColor);\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(--secondaryColor);\n color: var(--textColor);\n}\n\n.toast-container {\n z-index: 99999;\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: var(--primaryColor);\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(--textColor);\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(--textColor);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--borderColor);\n background-color: var(--mainBackgroundColor);\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(--textColor);\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(--textColor);\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(--errorColor);\n}\n\n.input-layout .focused {\n background-color: var(--secondaryColor);\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.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(--textColor);\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(--primaryColor);\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(--textColor);\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(--errorColor);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\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(--textColor);\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(--errorColor);\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 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\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(--errorColor);\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-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\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(--primaryColor);\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(--borderColor);\n background: var(--mainBackgroundColor);\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(--secondaryColor);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\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(--errorColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--errorColor);\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 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\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(--borderColor);\n background: var(--mainBackgroundColor);\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(--svgColorNotActive);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondaryColor);\n border-color: var(--primaryColor);\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(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\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(--errorColor);\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(--borderColor);\n background-color: var(--mainBackgroundColor);\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 .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--textColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--mainBackgroundColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--mainBackgroundColor);\n text-align: center;\n background-color: var(--primaryColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--errorColor);\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(--secondaryColor);\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(--textColor);\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(--textColor);\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(--primaryColor);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primaryColor);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--textColor);\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 background: var(--mainBackgroundColor);\n border-bottom: .5px solid var(--borderColor);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--textColor);\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(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\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 background-color: var(--mainBackgroundColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\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: var(--textColor) !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primaryColor);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--borderColor);\n text-align: center;\n color: var(--textColor);\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: var(--textColor) !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 {\n background-color: var(--mainBackgroundColor);\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(--textColor);\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(--secondaryColor);\n opacity: .8;\n color: var(--primaryColor);\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(--primaryColor);\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(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\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(--primaryColor);\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(--primaryColor);\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: var(--textColor);\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:root {\n --font-family: \"Inter\";\n --srollbar-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --secondaryColor: #fff8ee;\n --svgColor: #fdb515;\n --svgColorNotActive: #fdecd3;\n --mainBackgroundColor: #fff;\n --textColor: #000;\n --borderColor: #303030;\n --errorColor: 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(--secondaryColor) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--srollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .bp5-navbar {\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--textColor);\n background-color: #0000;\n}\n\n:root body .bp5-navbar .polotno-close-panel .bp5-button-text {\n color: var(--textColor);\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(--secondaryColor) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-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(--srollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .bp5-popover-content > div > div > div::-webkit-scrollbar {\n width: 10px;\n height: 10px;\n}\n\n:root body .bp5-popover-content > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .bp5-popover-content > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--srollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .bp5-popover-content > div > div > div body {\n scrollbar-color: var(--srollbar-thumb-color) var(--secondaryColor);\n }\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(--primaryColor);\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(--textColor);\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(--borderColor);\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(--textColor);\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(--textColor);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--textColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--borderColor);\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(--borderColor);\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__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(--textColor);\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(--textColor);\n border-bottom: .5px solid var(--borderColor);\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(--secondaryColor);\n color: var(--textColor);\n}\n\n.toast-container {\n z-index: 99999;\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: var(--primaryColor);\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(--notificationTextColor);\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(--textColor);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--borderColor);\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(--textColor);\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(--textColor);\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(--errorColor);\n}\n\n.input-layout .focused {\n background-color: var(--secondaryColor);\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.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(--textColor);\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(--primaryColor);\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(--textColor);\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(--errorColor);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\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(--textColor);\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(--errorColor);\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 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\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(--errorColor);\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-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\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(--primaryColor);\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(--borderColor);\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(--secondaryColor);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\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(--errorColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--errorColor);\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 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\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(--borderColor);\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(--svgColorNotActive);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondaryColor);\n border-color: var(--primaryColor);\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(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\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(--errorColor);\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(--borderColor);\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(--errorColor);\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(--modalBackgroundColor);\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(--textColor);\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(--textColor);\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(--primaryColor);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primaryColor);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--textColor);\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(--borderColor);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--textColor);\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(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\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 .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(--textColor);\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: var(--textColor) !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primaryColor);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--borderColor);\n text-align: center;\n color: var(--textColor);\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: var(--textColor) !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(--textColor);\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(--secondaryColor);\n opacity: .8;\n color: var(--primaryColor);\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(--primaryColor);\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(--primaryColor) !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(--primaryColor);\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(--primaryColor);\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: var(--textColor);\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:root {\n --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --secondaryColor: #fff8ee;\n --svgColor: #fdb515;\n --svgColorNotActive: #fdecd3;\n --textColor: #000;\n --modalBackgroundColor: #fff8ee;\n --notificationTextColor: #fff;\n --borderColor: #303030;\n --errorColor: 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(--secondaryColor) !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(--secondaryColor);\n }\n}\n\n:root body .bp5-navbar {\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--textColor);\n background-color: #0000;\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(--secondaryColor) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !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(--secondaryColor);\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(--primaryColor);\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(--textColor);\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(--borderColor);\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(--textColor);\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(--textColor);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--textColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--borderColor);\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(--borderColor);\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__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(--textColor);\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(--textColor);\n border-bottom: .5px solid var(--borderColor);\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(--secondaryColor);\n color: var(--textColor);\n}\n\n.toast-container {\n z-index: 99999;\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: var(--primaryColor);\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(--notificationTextColor);\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(--textColor);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--borderColor);\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(--textColor);\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(--textColor);\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(--errorColor);\n}\n\n.input-layout .focused {\n background-color: var(--secondaryColor);\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.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(--textColor);\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(--primaryColor);\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(--textColor);\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(--errorColor);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\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(--textColor);\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(--errorColor);\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 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\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(--errorColor);\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-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\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(--primaryColor);\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(--borderColor);\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(--secondaryColor);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\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(--errorColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--errorColor);\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 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\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(--borderColor);\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(--svgColorNotActive);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondaryColor);\n border-color: var(--primaryColor);\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(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\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(--errorColor);\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(--borderColor);\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(--errorColor);\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(--modalBackgroundColor);\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(--textColor);\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(--textColor);\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(--primaryColor);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primaryColor);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--textColor);\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(--borderColor);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--textColor);\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(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\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 .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(--textColor);\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: var(--textColor) !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primaryColor);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--borderColor);\n text-align: center;\n color: var(--textColor);\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: var(--textColor) !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(--textColor);\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(--secondaryColor);\n opacity: .8;\n color: var(--primaryColor);\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(--primaryColor);\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(--primaryColor) !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(--primaryColor);\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(--primaryColor);\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: var(--textColor);\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:root {\n --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --secondaryColor: #fff8ee;\n --svgColor: #fdb515;\n --svgColorNotActive: #fdecd3;\n --textColor: #000;\n --modalBackgroundColor: #fff8ee;\n --notificationTextColor: #fff;\n --borderColor: #303030;\n --errorColor: 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(--secondaryColor) !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(--secondaryColor);\n }\n}\n\n:root body .bp5-navbar {\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--textColor);\n background-color: #0000;\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(--secondaryColor) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !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(--secondaryColor);\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":""}]);
50375
50375
  // Exports
50376
50376
  /* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
50377
50377
 
@@ -154984,6 +154984,7 @@ const $6ca040a325a745aa$export$823cdc5238933767 = ()=>(dispatch)=>{
154984
154984
 
154985
154985
 
154986
154986
 
154987
+
154987
154988
  const $fb8d63cd819e9d3d$var$Cross = (props)=>{
154988
154989
  const { toast: toast } = props;
154989
154990
  return /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
@@ -155016,7 +155017,7 @@ const $a9c4d245899171bf$var$GenericSnackbar = ()=>{
155016
155017
  children: heading || "Notifications"
155017
155018
  }),
155018
155019
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
155019
- children: message || ""
155020
+ children: message || (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).GENERAL_ERROR
155020
155021
  })
155021
155022
  ]
155022
155023
  });
@@ -155620,7 +155621,7 @@ const $dd071d7635be500b$var$footerButtonStyles = {
155620
155621
  minHeight: "40px",
155621
155622
  textTransform: "capitalize",
155622
155623
  borderRadius: "3px",
155623
- backgroundColor: "var(--mainBackgroundColor)",
155624
+ backgroundColor: "transparent",
155624
155625
  color: `var(--textColor)`,
155625
155626
  fontSize: `14px`,
155626
155627
  fontWeight: `500`
@@ -156113,7 +156114,7 @@ var $9d3950b100c0523a$export$2e2bcd8739ae039 = $9d3950b100c0523a$var$CircularPro
156113
156114
 
156114
156115
 
156115
156116
  const $c8f7718e9f3db339$var$buttonStyles = {
156116
- color: "var(--mainBackgroundColor)",
156117
+ color: "#fff",
156117
156118
  backgroundColor: "var(--primaryColor)",
156118
156119
  maxWidth: "100px",
156119
156120
  minHeight: "40px",
@@ -156193,7 +156194,7 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
156193
156194
  style: {
156194
156195
  ...$c8f7718e9f3db339$var$buttonStyles,
156195
156196
  color: "var(--textColor)",
156196
- backgroundColor: "var(--mainBackgroundColor)"
156197
+ backgroundColor: "#fff"
156197
156198
  },
156198
156199
  children: cancelText
156199
156200
  }),
@@ -156443,7 +156444,7 @@ var $6612202931a08516$export$2e2bcd8739ae039 = $6612202931a08516$var$editPencilI
156443
156444
  */ const $d31b9bd88e5dcf67$var$buttonStyles = {
156444
156445
  maxWidth: "120px",
156445
156446
  minHeight: "40px",
156446
- backgroundColor: "var(--mainBackgroundColor)",
156447
+ backgroundColor: "#fff",
156447
156448
  color: "var(--textColor)",
156448
156449
  border: "0.5px solid var(--borderColor)",
156449
156450
  fontSize: "15px",
@@ -156707,7 +156708,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
156707
156708
  ...$d31b9bd88e5dcf67$var$buttonStyles,
156708
156709
  border: "none",
156709
156710
  backgroundColor: "var(--primaryColor)",
156710
- color: "var(--mainBackgroundColor)"
156711
+ color: "#fff"
156711
156712
  },
156712
156713
  onClick: ()=>handleChangeModel("save"),
156713
156714
  children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SUBMIT_BUTTON
@@ -157571,8 +157572,7 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: retu
157571
157572
  const containerStyle = {
157572
157573
  width: "100vw",
157573
157574
  height: "90vh",
157574
- position: "relative",
157575
- backgroundColor: "var(--mainBackgroundColor) !important"
157575
+ position: "relative"
157576
157576
  };
157577
157577
  (0, react.useEffect)(()=>{
157578
157578
  handleLoadTemplate();
@@ -157788,7 +157788,7 @@ const $edeafd00018ca857$var$App = ({ secretKey: secretKey, returnRoute: returnRo
157788
157788
  :root {
157789
157789
  ${styles ? Object.entries(styles.root).map(([key, value])=>`${key}: ${value};`).join(" ") : ""}
157790
157790
  }
157791
- body { background: var(--mainBackgroundColor);}` : (0, ht)`<></>`;
157791
+ ` : (0, ht)`<></>`;
157792
157792
  return /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
157793
157793
  children: [
157794
157794
  /*#__PURE__*/ (0, jsx_runtime.jsx)(GlobalStyle, {}),
@@ -157848,22 +157848,7 @@ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey
157848
157848
  })
157849
157849
  }));
157850
157850
  };
157851
- var // Example to run the project locally for development. Comment out these lines when building the application
157852
- // const rootElement = document.getElementById('root');
157853
- // if (rootElement) {
157854
- // console.log("React SDK Loaded");
157855
- // TemplateBuilder({
157856
- // container: rootElement,
157857
- // secretKey: import.meta.env.VITE_APP_PLOTNO_API_KEY,
157858
- // basicAuthUsername: import.meta.env.VITE_APP_BASIC_AUTH_USERNAME,
157859
- // basicAuthPassword: import.meta.env.VITE_APP_BASIC_AUTH_PASSWORD,
157860
- // // onGetTemplates: getAllTemplatesByTab,
157861
- // styles: {}
157862
- // });
157863
- // } else {
157864
- // console.error("Root element '#root' not found in the document.");
157865
- // }
157866
- $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder;
157851
+ var $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder;
157867
157852
 
157868
157853
 
157869
157854