template-library.css: 2.1.7 vs 2.0.43 · bBlocks – Essential Gutenberg Blocks & Patterns Collection

← All changes | build/template-library.css +2 -2 2.0.43 → 2.1.7 View file →

		@@ -1,2 +1,2 @@
1		-@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);
2		-.interface-interface-skeleton__header{z-index:100}.bBlocksTemplateLibraryWrap {box-sizing:border-box;margin:0}.bBlocksTemplateLibraryWrap .libraryBtn{align-items:center;background-color:transparent;border:none;border-radius:5px;color:#146ef5;cursor:pointer;display:flex;font-size:13px;gap:5px;justify-content:space-between;letter-spacing:.5px;padding:12px 10px}.bBlocksTemplateLibraryWrap .libraryBtn.active{background-color:#146ef5;color:#fff;font-weight:500}.bBlocksTemplateLibraryWrap .libraryBtn.active span{color:#fff;font-weight:500}.bBlocksTemplateLibraryWrap .templateLibraryButton{align-items:center;background-color:transparent;border:1px solid #146ef5;border-radius:4px;color:#146ef5;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;line-height:120%;margin:0 5px;padding:6px 15px;transition:all .3s ease-in-out;width:-moz-max-content;width:max-content}.bBlocksTemplateLibraryWrap .templateLibraryButton img{height:24px;width:24px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);bottom:0;display:flex;height:100dvh;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap ::-webkit-scrollbar{width:10px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap ::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #146ef5}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap ::-webkit-scrollbar-thumb{background:#146ef5;border-radius:10px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer{background-color:#fff;border-radius:10px;box-shadow:0 0 10px 8px hsla(0,0%,71%,.451);height:80dvh;width:90dvw}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader{align-items:center;border-bottom:1px solid #cecece;display:flex;justify-content:space-between;padding:0 30px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderLogo{align-items:center;color:#146ef5;display:inline-flex;font-family:Poppins,sans-serif;font-size:22px;font-weight:700;gap:10px;line-height:100%}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderLogo img{height:30px;width:30px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .bPlTabPanel button{display:inline-block;font-size:15px;height:auto}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderClose{cursor:pointer;font-size:25px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody{display:flex;gap:30px;height:calc(100% - 71px);margin:0 auto}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodySidebar{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px 0 0 30px;width:280px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodySidebar .modalBodySidebarSearch{margin-bottom:8px;padding:5px;position:relative}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodySidebar .modalBodySidebarSearch input{border:1px solid #ccc;border-radius:3px;height:35px;padding:0 10px;width:100%}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodySidebar .modalBodySidebarSearch input:focus{outline-color:#146ef5}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodySidebar .modalBodySidebarSearch svg{cursor:pointer;height:34px;padding:9px;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodySidebar .modalBodySidebarTypes{display:flex;gap:10px;margin:20px 0}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodySidebar .modalBodySidebarCategories{flex:1;list-style-type:none;overflow-y:auto;padding:5px 15px 5px 5px;position:relative}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodySidebar .modalBodySidebarCategories li{width:100%}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates{align-items:center;display:flex;flex:1;flex-direction:column;max-height:100%;overflow-x:hidden;overflow-y:auto;padding-right:30px;position:relative}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .grid{display:grid;gap:20px;width:100%}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem{display:flex;flex-direction:column;gap:8px;margin:10px 0;text-align:center}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemProBadge{background:#146ef5;border-radius:40px;box-shadow:0 0 10px rgba(146,151,183,.851);color:#fff;font-size:x-small;margin:-1px 0 0;padding:0 6px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemPreviewWrap{align-items:center;display:grid;flex:1;position:relative}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemPreviewWrap .modalBodyTemplateItemPreview{align-items:center;border:1px solid #ccc;border-radius:5px;display:flex;flex-direction:column;height:100%;justify-content:center;width:auto}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemPreviewWrap .modalBodyTemplateItemPreview .modalBodyTemplateItemPreviewImg{-o-object-fit:cover;object-fit:cover;width:100%}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemPreviewWrap .modalBodyTemplateItemButton{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.4);bottom:0;display:flex;gap:10px;justify-content:start;left:0;opacity:0;padding:6px 12px;position:absolute;right:0;transition:all .3s ease-in-out;visibility:hidden;z-index:99}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemPreviewWrap .modalBodyTemplateItemButton a{align-items:center;background:#146ef5;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:5px;justify-content:center;padding:5px 15px;text-decoration:none;transition:all .3s}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemPreviewWrap .modalBodyTemplateItemButton a.disabled{opacity:.5;pointer-events:none}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemPreviewWrap .modalBodyTemplateItemButton svg{height:1em;width:1em;fill:currentColor}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemPreviewWrap .modalBodyTemplateItemButton .bPlSpinner{height:16px!important;width:16px!important}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemTitle{align-items:center;display:flex;gap:8px;justify-content:center}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem:hover .modalBodyTemplateItemButton{opacity:1;visibility:visible}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem.isPages{height:550px;overflow:hidden}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem.isPages:hover .modalBodyTemplateItemPreviewWrap .modalBodyTemplateItemPreview .modalBodyTemplateItemPreviewImg{transform:translateY(calc(550px - 100%))}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem.isPages .modalBodyTemplateItemPreviewWrap,.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem.isPages .modalBodyTemplateItemPreviewWrap .modalBodyTemplateItemPreview{height:100%}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateItem.isPages .modalBodyTemplateItemPreviewWrap .modalBodyTemplateItemPreview .modalBodyTemplateItemPreviewImg{-o-object-fit:cover;object-fit:cover;transition:all 2s ease-in;width:100%}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplates .modalBodyTemplateLoadMore{padding:10px 20px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyTemplateNotFound{color:#f66;flex:1;font-size:24px;font-weight:600;padding:30px;text-align:center}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody .modalBodyBottom{margin-top:35px;position:relative}.bPlPlaceCenter{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.bPlSpinner{color:#146ef5!important;height:24px!important;margin:0!important;width:24px!important}.bPlSpinner {stroke-width:3px!important}
	1	+@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&display=swap);
	2	+.interface-interface-skeleton__header{z-index:100}.bBlocksTemplateLibraryWrap {box-sizing:border-box;margin:0}.bBlocksTemplateLibraryWrap .templateLibraryButton{align-items:center;background-color:transparent;border:1px solid #146ef5;border-radius:4px;color:#146ef5;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;line-height:120%;margin:0 5px;padding:6px 15px;transition:all .3s ease-in-out;width:-moz-max-content;width:max-content}.bBlocksTemplateLibraryWrap .templateLibraryButton img,.bBlocksTemplateLibraryWrap .templateLibraryButton svg{height:24px;width:24px}.bBlocksTemplateLibraryWrap .libraryBtn{align-items:center;background:#fff;border:1px solid #146ef5;border-radius:9px;color:#0b53c7;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:10px 22px;transition:background .14s ease}.bBlocksTemplateLibraryWrap .libraryBtn:hover{background:rgba(20,110,245,.08)}.bBlocksTemplateLibraryWrap .libraryBtn.active{color:#0b53c7}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap{align-items:center;backdrop-filter:blur(4px);background:rgba(15,23,41,.55);display:flex;height:100dvh;inset:0;justify-content:center;padding:3vh 3vw;position:fixed;width:100%;z-index:9999}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap ::-webkit-scrollbar{height:9px;width:9px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap ::-webkit-scrollbar-track{background:transparent}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap ::-webkit-scrollbar-thumb{background:#cdd3e3;background-clip:content-box;border:2px solid transparent;border-radius:20px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap ::-webkit-scrollbar-thumb:hover{background:#aeb6cc;background-clip:content-box}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer{background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(15,23,41,.35);display:flex;flex-direction:column;height:88dvh;max-width:1240px;overflow:hidden;width:92dvw}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader{align-items:center;border-bottom:1px solid #e6e9f2;display:flex;flex:0 0 auto;gap:18px;padding:13px 18px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderLogo{align-items:center;color:#0f1729;display:inline-flex;font-family:Poppins,sans-serif;font-size:17px;font-weight:700;gap:9px;line-height:1}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderLogo img{border-radius:6px;height:26px;width:26px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderTypes{margin:0 auto}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderTypes .components-tab-panel__tabs{background:#f6f8fc;border-radius:10px;display:inline-flex;gap:4px;padding:4px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderTypes .components-tab-panel__tabs-item,.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderTypes button{background:transparent;border:0;border-radius:7px;box-shadow:none;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;height:auto;padding:7px 22px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderTypes .components-tab-panel__tabs-item:focus,.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderTypes button:focus{box-shadow:none;outline:none}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderTypes .components-tab-panel__tabs-item:hover,.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderTypes button:hover{color:#0f1729}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderTypes .components-tab-panel__tabs-item.activeTab,.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderTypes button.activeTab{background:#fff;box-shadow:0 1px 3px rgba(15,23,41,.12);color:#146ef5}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderTypes .components-tab-panel__tab-content{display:none}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderClose{align-items:center;background:#f6f8fc;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:18px;height:34px;justify-content:center;transition:background .15s ease,color .15s ease;width:34px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalHeader .modalHeaderClose:hover{background:#e9edf6;color:#0f1729}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBody{display:flex;flex:1 1 auto;min-height:0}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar{background:#fcfdff;border-right:1px solid #e6e9f2;display:flex;flex:0 0 248px;flex-direction:column;overflow:hidden;padding:16px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarSearch{align-items:center;display:flex;margin-bottom:16px;position:relative}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarSearch input{background:#fff;border:1px solid #e6e9f2;border-radius:9px;font-size:13px;height:38px;padding:0 12px 0 36px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarSearch input:focus{border-color:#146ef5;box-shadow:0 0 0 3px rgba(20,110,245,.16);outline:none}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarSearch svg{height:15px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:15px;fill:#64748b;cursor:pointer}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess{display:flex;gap:6px;margin-bottom:16px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button{align-items:center;background:#fff;border:1px solid #e6e9f2;border-radius:9px;color:#64748b;cursor:pointer;display:inline-flex;flex:1 1 0;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-width:0;padding:9px 6px;transition:border-color .14s ease,color .14s ease,background .14s ease}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button .tick{background:#fff;border:1.5px solid #cbd2e0;border-radius:4px;flex:0 0 auto;height:15px;position:relative;transition:border-color .14s ease,background .14s ease;width:15px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button .tick:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scale(0);transition:transform .14s ease;width:4px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button .catCount{background:#f6f8fc;border-radius:20px;color:#64748b;font-size:11px;font-weight:700;padding:1px 6px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button:hover{border-color:rgba(20,110,245,.5);color:#0f1729}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button.active .tick:after{transform:rotate(45deg) scale(1)}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button.is-all.active{background:rgba(20,110,245,.08);border-color:#146ef5;color:#0b53c7}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button.is-all.active .tick{background:#146ef5;border-color:#146ef5}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button.is-free.active{background:rgba(22,163,74,.08);border-color:#16a34a;color:#15803d}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button.is-free.active .tick{background:#16a34a;border-color:#16a34a}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button.is-free.active .catCount{background:rgba(22,163,74,.14);color:#15803d}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button.is-pro.active{background:rgba(217,119,6,.08);border-color:#d97706;color:#b45309}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button.is-pro.active .tick{background:#d97706;border-color:#d97706}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarAccess button.is-pro.active .catCount{background:rgba(217,119,6,.16);color:#b45309}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarHeading{color:#9aa3b5;font-size:11px;font-weight:700;letter-spacing:.06em;margin:0 0 8px 4px;text-transform:uppercase}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarCategories{display:flex;flex:1;flex-direction:column;gap:2px;list-style:none;overflow-y:auto;padding-right:4px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarCategories button{align-items:center;background:transparent;border:0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:space-between;padding:9px 12px;text-align:left;transition:background .13s ease,color .13s ease;width:100%}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarCategories button .catLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarCategories button .catCount{background:#f6f8fc;border-radius:20px;color:#64748b;flex:0 0 auto;font-size:11px;font-weight:700;padding:1px 7px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarCategories button:hover{background:#f6f8fc;color:#0f1729}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarCategories button.active{background:rgba(20,110,245,.1);color:#0b53c7;font-weight:600}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodySidebar .modalBodySidebarCategories button.active .catCount{background:rgba(20,110,245,.16);color:#0b53c7}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates{background:#f6f8fc;display:flex;flex:1 1 auto;flex-direction:column;min-width:0;overflow-x:hidden;overflow-y:auto;padding:18px;position:relative}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .grid{display:grid;gap:18px;width:100%}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .grid.columns-3{grid-template-columns:repeat(3,1fr)}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .grid.columns-2{grid-template-columns:repeat(2,1fr)}@media(max-width:1100px){.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:720px){.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .grid{grid-template-columns:1fr!important}}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem{background:#fff;border:1px solid #e6e9f2;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemPreviewWrap{background:#fff;border-bottom:1px solid #e6e9f2;height:200px;overflow:hidden;position:relative}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemPreview{height:100%;overflow:hidden;width:100%}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemPreview .block-editor-block-preview__container,.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemPreview>div{pointer-events:none}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemPreview .modalBodyTemplateItemPreviewImg{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemProBadge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 2px 6px rgba(217,119,6,.4);color:#fff;display:inline-flex;font-size:11px;font-weight:700;gap:4px;left:10px;letter-spacing:.02em;padding:3px 10px;position:absolute;top:10px;z-index:3}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemButton{align-items:center;background:rgba(15,23,41,.42);display:flex;gap:10px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease;visibility:hidden;z-index:2}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemButton a{align-items:center;background:linear-gradient(135deg,#146ef5,#0b53c7);border-radius:9px;box-shadow:0 6px 18px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;justify-content:center;padding:9px 18px;text-decoration:none;transition:transform .13s ease,filter .13s ease}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemButton a:hover{filter:brightness(1.06);transform:translateY(-1px)}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemButton a.disabled{opacity:.6;pointer-events:none}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemButton svg{height:1em;width:1em;fill:currentColor}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemButton .bPlSpinner{color:#fff!important;height:18px!important;width:18px!important}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem .modalBodyTemplateItemTitle{color:#0f1729;font-size:13px;font-weight:600;overflow:hidden;padding:11px 14px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem:hover{border-color:rgba(20,110,245,.5);box-shadow:0 12px 28px rgba(15,23,41,.14);transform:translateY(-3px)}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem:hover .modalBodyTemplateItemButton{opacity:1;visibility:visible}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem.isPages .modalBodyTemplateItemPreviewWrap{height:360px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem.isPages .modalBodyTemplateItemPreview .modalBodyTemplateItemPreviewImg{height:auto;-o-object-fit:cover;object-fit:cover;transform:translateY(0);transition:transform .45s ease;will-change:transform}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem.isPages .modalBodyTemplateItemButton{background:linear-gradient(0deg,rgba(15,23,41,.78),transparent);height:auto;inset:auto 0 0 0;justify-content:flex-end;padding:28px 12px 12px}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateItem.isPages:hover .modalBodyTemplateItemPreview .modalBodyTemplateItemPreviewImg{transform:translateY(calc(360px - 100%));transition:transform 4s ease-in-out}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyTemplateNotFound{align-items:center;color:#64748b;display:flex;flex:1;font-size:15px;font-weight:500;justify-content:center}.bBlocksTemplateLibraryWrap .templateLibraryModalWrap .modalContainer .modalBodyTemplates .modalBodyBottom{display:flex;justify-content:center;padding:22px 0 6px;position:relative}.bPlPlaceCenter{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.bPlSpinner{color:#146ef5!important;height:24px!important;margin:0!important;width:24px!important}.bPlSpinner {stroke-width:3px!important}