{"version":3,"file":"template-library.css","mappings":"2IAGA,sCACC,YAIA,8BAEC,oDADA,QACA,CAGD,wCAMC,kEAFA,+BAKA,YACA,kBAPA,aAfa,CAuBb,eANA,qDAJA,eAMA,QALA,oBAMA,iBAGA,CAEA,+CAGC,yBADA,WADA,eA1BY,CAgCd,mDAOC,kEAFA,+BAMA,yBACA,kBARA,aApCa,CA8Cb,eARA,qDALA,eAEA,gBAKA,QANA,iBAQA,aADA,iBAIA,qEACA,CAEA,uDAEC,YADA,UACA,CAIF,sDAKC,+CACA,6CADA,mBAFA,4DAQA,SAPA,qDAFA,cAIA,uBAGA,OAFA,eAGA,QAFA,MAPA,WAWA,aAEA,0EACC,WAGD,gFAEC,mBADA,yEACA,CAGD,gFACC,kBA9EY,CA+EZ,mBAGD,sEAKC,sBAFA,mBACA,gGAFA,aADA,WAIA,CAEA,mFAEC,+CACA,+CADA,mBAEA,gCAHA,qDAEA,8BAEA,kBAEA,oGAOC,kEANA,aAjGU,CAsGV,0EAJA,+BACA,eACA,gBAIA,SAHA,gBAGA,CAEA,wGAEC,YADA,UACA,CAIF,qGAEC,eADA,cACA,CAIF,iFAEC,qDACA,SAFA,aAEA,CAEA,mGAEC,YAEA,gBACA,gBAFA,kBAFA,WAIA,CAEA,2HAGC,kBADA,YADA,iBAEA,CAEA,iIAGC,sBACA,kBAFA,YAGA,eAJA,UAIA,CAEA,uIACC,qBA/IO,CAmJT,+HAQC,eANA,YAKA,YAJA,kBAEA,UADA,QAEA,6FALA,UAOA,CAIF,0HACC,qDACA,SACA,cAGD,+HACC,qBACA,8BACA,gBACA,yBAEA,kIAEC,iEADA,UACA,CAKH,qGACC,mBAMA,yDACA,kEAFA,qDALA,kBAMA,gDALA,6BAGA,kBADA,gBADA,kBAKA,CAEA,2GAEC,aACA,SAFA,UAEA,CAGD,4HAGC,yDADA,qDACA,gDACA,QACA,cAJA,iBAIA,CAEA,2JACC,kBA1MQ,CA8MR,mBAEA,8FALA,WAEA,kBAEA,gBAHA,aAIA,CAGD,8JAEC,mBAEA,kEADA,aADA,kBADA,iBAGA,CAEA,4LACC,sBAEA,kBADA,UACA,CAGD,2LASC,+CACA,6CADA,mBAEA,4DAJA,SACA,qDAEA,uBAPA,OAEA,UAJA,kBAKA,QAJA,MAWA,sEATA,kBAQA,UACA,CAEA,6LAMC,+CACA,6CADA,mBAFA,kBAlPM,CAwPN,kBAPA,WASA,eAPA,qDAJA,eAOA,QADA,uBAEA,iBAPA,qBASA,6CACA,CAGD,+LACC,WAKH,wJAGC,6CACA,kEAHA,qDACA,QACA,sBACA,CAIA,+JAEC,SAAQ,CADR,kBACA,CAKH,gIAEC,gBADA,iBACA,CAIF,4GACC,mBAIA,WAJA,kBAEA,eACA,gBAEA,aAJA,iBAIA","sources":["webpack://b-blocks/./src/TemplateLibrary/TemplateLibrary.scss"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');\r\n$primaryColor: #4527a4;\r\n\r\n.interface-interface-skeleton__header {\r\n\tz-index: 100;\r\n}\r\n\r\n.bBlocksTemplateLibraryWrap {\r\n\t* {\r\n\t\tmargin: 0;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.libraryBtn {\r\n\t\tfont-size: 13px;\r\n\t\tletter-spacing: 0.5px;\r\n\t\tcolor: $primaryColor;\r\n\t\tbackground-color: transparent;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 5px;\r\n\t\tpadding: 12px 10px;\r\n\t\tborder: none;\r\n\t\tborder-radius: 5px;\r\n\t\tcursor: pointer;\r\n\r\n\t\t&.active {\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcolor: white;\r\n\t\t\tbackground-color: $primaryColor;\r\n\t\t}\r\n\t}\r\n\r\n\t.templateLibraryButton {\r\n\t\tfont-size: 13px;\r\n\t\tline-height: 120%;\r\n\t\tfont-weight: 500;\r\n\t\tcolor: $primaryColor;\r\n\t\tbackground-color: #0000;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tgap: 5px;\r\n\t\tpadding: 6px 15px;\r\n\t\tmargin: 0 5px;\r\n\t\tborder: 1px solid $primaryColor;\r\n\t\tborder-radius: 4px;\r\n\t\ttransition: all 0.3s ease-in-out;\r\n\t\tcursor: pointer;\r\n\r\n\t\timg {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t}\r\n\t}\r\n\r\n\t.templateLibraryModalWrap {\r\n\t\twidth: 100%;\r\n\t\theight: 100dvh;\r\n\t\tbackdrop-filter: blur(3px);\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t\tz-index: 9999;\r\n\r\n\t\t::-webkit-scrollbar {\r\n\t\t\twidth: 10px;\r\n\t\t}\r\n\r\n\t\t::-webkit-scrollbar-track {\r\n\t\t\tbox-shadow: inset 0 0 5px $primaryColor;\r\n\t\t\tborder-radius: 10px;\r\n\t\t}\r\n\r\n\t\t::-webkit-scrollbar-thumb {\r\n\t\t\tbackground: $primaryColor;\r\n\t\t\tborder-radius: 10px;\r\n\t\t}\r\n\r\n\t\t.modalContainer {\r\n\t\t\twidth: 90dvw;\r\n\t\t\theight: 80dvh;\r\n\t\t\tborder-radius: 10px;\r\n\t\t\tbox-shadow: 0px 0px 10px 8px #b5b5b573;\r\n\t\t\tbackground-color: white;\r\n\r\n\t\t\t.modalHeader {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\talign-items: center;\r\n\t\t\t\tjustify-content: space-between;\r\n\t\t\t\tborder-bottom: 1px solid #cecece;\r\n\t\t\t\tpadding: 20px 30px;\r\n\r\n\t\t\t\t.modalHeaderLogo {\r\n\t\t\t\t\tcolor: $primaryColor;\r\n\t\t\t\t\tfont-family: 'Poppins', sans-serif;\r\n\t\t\t\t\tfont-size: 22px;\r\n\t\t\t\t\tfont-weight: 700;\r\n\t\t\t\t\tline-height: 100%;\r\n\t\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tgap: 10px;\r\n\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\twidth: 30px;\r\n\t\t\t\t\t\theight: 30px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.modalHeaderClose {\r\n\t\t\t\t\tfont-size: 25px;\r\n\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.modalBody {\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tgap: 30px;\r\n\r\n\t\t\t\t.modalBodySidebar {\r\n\t\t\t\t\twidth: 280px;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tpadding-left: 30px;\r\n\t\t\t\t\tmargin: 20px 0 0 0;\r\n\t\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t\t.modalBodySidebarSearch {\r\n\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\tpadding: 5px 5px;\r\n\t\t\t\t\t\tmargin-bottom: 8px;\r\n\r\n\t\t\t\t\t\tinput {\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\theight: 35px;\r\n\t\t\t\t\t\t\tborder: 1px solid #ccc;\r\n\t\t\t\t\t\t\tborder-radius: 3px;\r\n\t\t\t\t\t\t\tpadding: 0 10px;\r\n\r\n\t\t\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\t\t\toutline-color: $primaryColor;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tsvg {\r\n\t\t\t\t\t\t\twidth: 34px;\r\n\t\t\t\t\t\t\theight: 34px;\r\n\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\ttop: 50%;\r\n\t\t\t\t\t\t\tright: 6px;\r\n\t\t\t\t\t\t\ttransform: translateY(-50%);\r\n\t\t\t\t\t\t\tpadding: 9px;\r\n\t\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.modalBodySidebarTypes {\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\tgap: 10px;\r\n\t\t\t\t\t\tmargin: 20px 0;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.modalBodySidebarCategories {\r\n\t\t\t\t\t\tlist-style-type: none;\r\n\t\t\t\t\t\tmax-height: calc(80vh - 211px);\r\n\t\t\t\t\t\toverflow-y: auto;\r\n\t\t\t\t\t\tpadding: 5px 15px 5px 5px;\r\n\r\n\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\tjustify-content: start;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.modalBodyTemplates {\r\n\t\t\t\t\tflex: 1;\r\n\t\t\t\t\tmax-height: calc(80vh - 90px);\r\n\t\t\t\t\tpadding-right: 30px;\r\n\t\t\t\t\toverflow-y: auto;\r\n\t\t\t\t\toverflow-x: hidden;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\talign-items: center;\r\n\r\n\t\t\t\t\t.grid {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\tdisplay: grid;\r\n\t\t\t\t\t\tgap: 20px;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.modalBodyTemplateItem {\r\n\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\t\tgap: 8px;\r\n\t\t\t\t\t\tmargin: 10px 0;\r\n\r\n\t\t\t\t\t\t.modalBodyTemplateItemProBadge {\r\n\t\t\t\t\t\t\tbackground: $primaryColor;\r\n\t\t\t\t\t\t\tcolor: white;\r\n\t\t\t\t\t\t\tpadding: 0 6px;\r\n\t\t\t\t\t\t\tfont-size: x-small;\r\n\t\t\t\t\t\t\tborder-radius: 40px;\r\n\t\t\t\t\t\t\tmargin: -1px 0 0 0;\r\n\t\t\t\t\t\t\tbox-shadow: 0px 0px 10px #9297b7d9;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.modalBodyTemplateItemPreviewWrap {\r\n\t\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\t\tflex: 1;\r\n\t\t\t\t\t\t\tdisplay: grid;\r\n\t\t\t\t\t\t\talign-items: center;\r\n\r\n\t\t\t\t\t\t\t.modalBodyTemplateItemPreview {\r\n\t\t\t\t\t\t\t\tborder: 1px solid #ccc;\r\n\t\t\t\t\t\t\t\twidth: auto;\r\n\t\t\t\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t.modalBodyTemplateItemButton {\r\n\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\t\tvisibility: hidden;\r\n\t\t\t\t\t\t\t\topacity: 0;\r\n\t\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\t\t\tbackdrop-filter: blur(1px);\r\n\t\t\t\t\t\t\t\tz-index: 99;\r\n\t\t\t\t\t\t\t\ttransition: all 0.3s ease-in-out;\r\n\r\n\t\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t\tfont-size: 13px;\r\n\t\t\t\t\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\t\t\t\t\tcolor: white;\r\n\t\t\t\t\t\t\t\t\tbackground: $primaryColor;\r\n\t\t\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\t\t\t\tgap: 5px;\r\n\t\t\t\t\t\t\t\t\tpadding: 7px 20px;\r\n\t\t\t\t\t\t\t\t\tborder-radius: 4px;\r\n\t\t\t\t\t\t\t\t\ttransition: all 0.3s;\r\n\t\t\t\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\tsvg {\r\n\t\t\t\t\t\t\t\t\tcolor: white;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.modalBodyTemplateItemTitle {\r\n\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\tgap: 8px;\r\n\t\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t&:hover {\r\n\t\t\t\t\t\t\t.modalBodyTemplateItemButton {\r\n\t\t\t\t\t\t\t\tvisibility: visible;\r\n\t\t\t\t\t\t\t\topacity: 1;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.modalBodyTemplateLoadMore {\r\n\t\t\t\t\t\tpadding: 10px 20px;\r\n\t\t\t\t\t\tmargin-top: 25px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.modalBodyTemplateNotFound {\r\n\t\t\t\t\tflex: 1;\r\n\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\tfont-size: 24px;\r\n\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t\tcolor: #ff6666;\r\n\t\t\t\t\tpadding: 30px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"],"names":[],"sourceRoot":""}