:root{--bpl-template-primary-color:#0b81ee;--bpl-template-primary-color-rgb:11,129,238;--bpl-template-primary-dark-color:#0967be}
.bPlSpinner{color:var(--bpl-template-primary-color,#146ef5)!important;height:24px!important;margin:0!important;width:24px!important}.bPlSpinner *{stroke-width:2.5px!important}.bPlPlaceCenter{align-items:center;display:flex;justify-content:center}.bPlTemplatesButton{align-items:center;background-color:transparent;border:1px solid var(--bpl-template-primary-color,#146ef5);border-radius:4px;color:var(--bpl-template-primary-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}.bPlTemplatesButton img,.bPlTemplatesButton svg{height:24px;width:24px}.bPlTemplatesModal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(15,23,41,.549);bottom:0;display:flex;height:100dvh;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;width:100%;z-index:9999}.bPlTemplatesModal ::-webkit-scrollbar{height:9px;width:9px}.bPlTemplatesModal ::-webkit-scrollbar-track{background:transparent}.bPlTemplatesModal ::-webkit-scrollbar-thumb{background:#cdd3e3;background-clip:content-box;border:2px solid transparent;border-radius:20px}.bPlTemplatesModal ::-webkit-scrollbar-thumb:hover{background:#aeb6cc;background-clip:content-box}.bPlTemplatesModal .modalContainer{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 24px 70px rgba(15,23,41,.35);display:flex;flex-direction:column;height:80vh;overflow:hidden;width:90vw}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bPlTemplatesModal .modalHeader{align-items:center;border-bottom:1px solid #e6e9f2;display:flex;flex:0 0 auto;gap:18px;padding:13px 18px}.bPlTemplatesModal .modalHeader .modalHeaderBrand{align-items:center;color:#0f1729;display:inline-flex;font-size:17px;font-weight:700;gap:9px;line-height:1;margin-right:auto}.bPlTemplatesModal .modalHeader .modalHeaderBrand svg{height:26px;width:26px;fill:currentColor}.bPlTemplatesModal .modalHeader .modalHeaderTypes{margin:0 auto}.bPlTemplatesModal .modalHeader .modalHeaderTypes .components-tab-panel__tabs{background:#f6f8fc;border-radius:10px;display:inline-flex;gap:4px;padding:4px}.bPlTemplatesModal .modalHeader .modalHeaderTypes .components-tab-panel__tabs-item,.bPlTemplatesModal .modalHeader .modalHeaderTypes button{background:transparent;border:0;border-radius:7px;box-shadow:none;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;height:45px!important;padding:7px 22px;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.bPlTemplatesModal .modalHeader .modalHeaderTypes .components-tab-panel__tabs-item:focus,.bPlTemplatesModal .modalHeader .modalHeaderTypes button:focus{box-shadow:none;outline:none}.bPlTemplatesModal .modalHeader .modalHeaderTypes .components-tab-panel__tabs-item:hover,.bPlTemplatesModal .modalHeader .modalHeaderTypes button:hover{color:#0f1729}.bPlTemplatesModal .modalHeader .modalHeaderTypes .components-tab-panel__tabs-item.activeTab,.bPlTemplatesModal .modalHeader .modalHeaderTypes button.activeTab{background:#fff;box-shadow:0 1px 3px rgba(15,23,41,.12);color:var(--bpl-template-primary-color,#146ef5)}.bPlTemplatesModal .modalHeader .modalHeaderTypes .components-tab-panel__tab-content{display:none}.bPlTemplatesModal .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;margin-left:auto;transition:background .15s ease,color .15s ease;width:34px}.bPlTemplatesModal .modalHeader .modalHeaderClose svg{height:16px;width:16px}.bPlTemplatesModal .modalHeader .modalHeaderClose:hover{background:#e9edf6;color:#0f1729}.bPlTemplatesModal .modalBody{display:flex;flex:1 1 auto;min-height:0;overflow:hidden;position:relative}.bPlTemplatesModal .modalBody .sidebarToggle{align-items:center;background:#fff;border:0;border-bottom:1px solid #e6e9f2;color:#0f1729;cursor:pointer;display:none;flex:0 0 auto;font-size:13px;font-weight:600;gap:8px;padding:11px 16px}.bPlTemplatesModal .modalBody .sidebarToggle svg{height:15px;width:15px;fill:currentColor}.bPlTemplatesModal .modalBody .sidebarBackdrop{background:rgba(15,23,41,.35);display:none;inset:0;position:absolute;z-index:5}.bPlTemplatesModal .modalBodySidebar{background:#fcfdff;border-right:1px solid #e6e9f2;display:flex;flex:0 0 248px;flex-direction:column;overflow:hidden;padding:16px}.bPlTemplatesModal .modalBodySidebar .sidebarSearch{align-items:center;display:flex;margin-bottom:16px;position:relative}.bPlTemplatesModal .modalBodySidebar .sidebarSearch 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%}.bPlTemplatesModal .modalBodySidebar .sidebarSearch input:focus{border-color:var(--bpl-template-primary-color,#146ef5);box-shadow:0 0 0 3px rgba(var(--bpl-template-primary-color-rgb,20,110,245),.16);outline:none}.bPlTemplatesModal .modalBodySidebar .sidebarSearch .searchIconWrapper{align-items:center;color:#64748b;cursor:pointer;display:flex;height:15px;justify-content:center;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:15px}.bPlTemplatesModal .modalBodySidebar .sidebarSearch .searchIconWrapper svg{height:15px;width:15px}.bPlTemplatesModal .modalBodySidebar .sidebarAccess{display:flex;gap:6px;margin-bottom:16px}.bPlTemplatesModal .modalBodySidebar .sidebarAccess 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}.bPlTemplatesModal .modalBodySidebar .sidebarAccess 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}.bPlTemplatesModal .modalBodySidebar .sidebarAccess 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}.bPlTemplatesModal .modalBodySidebar .sidebarAccess button .catCount{background:#f6f8fc;border-radius:20px;color:#64748b;font-size:11px;font-weight:700;padding:1px 6px}.bPlTemplatesModal .modalBodySidebar .sidebarAccess button:hover{border-color:rgba(var(--bpl-template-primary-color-rgb,20,110,245),.5);color:#0f1729}.bPlTemplatesModal .modalBodySidebar .sidebarAccess button.active .tick:after{transform:rotate(45deg) scale(1)}.bPlTemplatesModal .modalBodySidebar .sidebarAccess button.is-all.active{background:rgba(var(--bpl-template-primary-color-rgb,20,110,245),.08);border-color:var(--bpl-template-primary-color,#146ef5);color:var(--bpl-template-primary-dark-color,#0b53c7)}.bPlTemplatesModal .modalBodySidebar .sidebarAccess button.is-all.active .tick{background:var(--bpl-template-primary-color,#146ef5);border-color:var(--bpl-template-primary-color,#146ef5)}.bPlTemplatesModal .modalBodySidebar .sidebarAccess button.is-free.active{background:rgba(22,163,74,.08);border-color:#16a34a;color:#15803d}.bPlTemplatesModal .modalBodySidebar .sidebarAccess button.is-free.active .tick{background:#16a34a;border-color:#16a34a}.bPlTemplatesModal .modalBodySidebar .sidebarAccess button.is-free.active .catCount{background:rgba(22,163,74,.14);color:#15803d}.bPlTemplatesModal .modalBodySidebar .sidebarAccess button.is-pro.active{background:rgba(217,119,6,.08);border-color:#d97706;color:#b45309}.bPlTemplatesModal .modalBodySidebar .sidebarAccess button.is-pro.active .tick{background:#d97706;border-color:#d97706}.bPlTemplatesModal .modalBodySidebar .sidebarAccess button.is-pro.active .catCount{background:rgba(217,119,6,.16);color:#b45309}.bPlTemplatesModal .modalBodySidebar .sidebarHeading{color:#9aa3b5;font-size:11px;font-weight:700;letter-spacing:.06em;margin:0 0 8px 4px;text-transform:uppercase}.bPlTemplatesModal .modalBodySidebar .sidebarCategories{display:flex;flex:1;flex-direction:column;gap:2px;list-style:none;min-height:100px;overflow-y:auto;padding-right:4px}.bPlTemplatesModal .modalBodySidebar .sidebarCategories 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%}.bPlTemplatesModal .modalBodySidebar .sidebarCategories button .catLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bPlTemplatesModal .modalBodySidebar .sidebarCategories button .catCount{background:#f6f8fc;border-radius:20px;color:#64748b;flex:0 0 auto;font-size:11px;font-weight:700;padding:1px 7px}.bPlTemplatesModal .modalBodySidebar .sidebarCategories button:hover{background:#f6f8fc;color:#0f1729}.bPlTemplatesModal .modalBodySidebar .sidebarCategories button.active{background:rgba(var(--bpl-template-primary-color-rgb,20,110,245),.1);color:var(--bpl-template-primary-dark-color,#0b53c7);font-weight:600}.bPlTemplatesModal .modalBodySidebar .sidebarCategories button.active .catCount{background:rgba(var(--bpl-template-primary-color-rgb,20,110,245),.16);color:var(--bpl-template-primary-dark-color,#0b53c7)}.bPlTemplatesModal .modalBodyCanvas{background:#f6f8fc;display:flex;flex:1 1 auto;flex-direction:column;min-width:0;overflow-x:hidden;overflow-y:auto;padding:18px;position:relative}.bPlTemplatesModal .modalBodyCanvas .bPlPlaceCenter{flex:1}.bPlTemplatesModal .modalBodyCanvas .modalBodyBottom{display:flex;gap:20px;justify-content:center;margin-top:auto;padding:20px 0}.bPlTemplatesModal .modalBodyCanvas .modalBodyBottom .templatesLoadMore{background:#fff;border:1px solid var(--bpl-template-primary-color,#146ef5);border-radius:6px;color:var(--bpl-template-primary-color,#146ef5);cursor:pointer;font-size:13px;font-weight:600;padding:10px 24px;transition:all .2s}.bPlTemplatesModal .modalBodyCanvas .modalBodyBottom .templatesLoadMore:hover{background:var(--bpl-template-primary-color,#146ef5);color:#fff}.bPlTemplatesModal .modalBodyCanvas .templatesNotFound{align-items:center;color:#64748b;display:flex;flex:1;font-size:15px;font-weight:500;justify-content:center}.bPlTemplatesGallery{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;width:100%}.bPlTemplatesGallery .template{aspect-ratio:16/9;background:#fff;border:1px solid #e6e9f2;border-radius:12px;display:flex;flex:1 1 450px;flex-direction:column;max-width:688px;min-width:450px;overflow:hidden;position:relative;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.bPlTemplatesGallery .template .templatePreview{background:#fff;border-bottom:1px solid #e6e9f2;flex:1;overflow:hidden;position:relative}.bPlTemplatesGallery .template .templateMedia{container-type:size;height:100%;overflow:hidden;width:100%}.bPlTemplatesGallery .template .templateMedia .block-editor-block-preview__container,.bPlTemplatesGallery .template .templateMedia>div{pointer-events:none}.bPlTemplatesGallery .template .templateMedia .block-editor-block-preview__container,.bPlTemplatesGallery .template .templateMedia .templateThumbnail{display:block;height:auto;max-width:100%;transform:translateY(0);transition:transform .75s ease;width:100%;will-change:transform}.bPlTemplatesGallery .template .templateProBadge{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}.bPlTemplatesGallery .template .templateActions{align-items:center;display:flex;gap:8px;position:absolute;right:10px;top:10px;z-index:3}.bPlTemplatesGallery .template .templateActions .templatePreviewBtn{align-items:center;background:linear-gradient(135deg,var(--bpl-template-primary-color,#146ef5),var(--bpl-template-primary-dark-color,#0b53c7));border-radius:5px;box-shadow:0 2px 8px rgba(15,23,41,.18);color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;opacity:0;padding:5px 12px;text-decoration:none;transition:opacity .15s ease,filter .15s ease,transform .15s ease}.bPlTemplatesGallery .template .templateActions .templatePreviewBtn svg{height:1em;width:1em;fill:currentColor}.bPlTemplatesGallery .template .templateActions .templatePreviewBtn:hover{filter:brightness(1.1)}.bPlTemplatesGallery .template .templateActions .templateFavoriteBtn{align-items:center;background:hsla(0,0%,100%,.92);border:0;border-radius:50%;box-shadow:0 2px 8px rgba(15,23,41,.18);color:#64748b;cursor:pointer;display:inline-flex;height:30px;justify-content:center;opacity:0;padding:0;transition:opacity .15s ease,color .15s ease,transform .15s ease;width:30px}.bPlTemplatesGallery .template .templateActions .templateFavoriteBtn svg{height:16px;width:16px;fill:currentColor}.bPlTemplatesGallery .template .templateActions .templateFavoriteBtn:hover{color:#ef4444;transform:scale(1.1)}.bPlTemplatesGallery .template .templateActions .templateFavoriteBtn.isFav{color:#ef4444;opacity:1}.bPlTemplatesGallery .template .templateFooter{align-items:center;display:flex;gap:10px;justify-content:space-between;padding:8px 14px}.bPlTemplatesGallery .template .templateFooter .templateTitle{align-items:center;color:#0f1729;display:flex;flex:1;font-size:13px;font-weight:600;gap:8px;justify-content:start;min-width:0;text-align:left;text-decoration:none;white-space:nowrap}.bPlTemplatesGallery .template .templateFooter .templateTitle span{overflow:hidden;text-overflow:ellipsis}.bPlTemplatesGallery .template .templateFooter .templateTitle svg{flex:0 0 auto;height:1em;width:1em}.bPlTemplatesGallery .template .templateFooter .templateImportBtn{align-items:center;background:#16a34a;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:600;gap:5px;justify-content:center;padding:5px 12px;text-decoration:none;transition:filter .13s ease}.bPlTemplatesGallery .template .templateFooter .templateImportBtn svg{height:1em;width:1em;fill:currentColor}.bPlTemplatesGallery .template .templateFooter .templateImportBtn:hover{filter:brightness(1.08)}.bPlTemplatesGallery .template .templateFooter .templateImportBtn.isPro{background:#d97706}.bPlTemplatesGallery .template .templateFooter .templateImportBtn.disabled{opacity:.6;pointer-events:none}.bPlTemplatesGallery .template .templateFooter .templateImportBtn .bPlSpinner{color:#fff!important;height:14px!important;width:14px!important}.bPlTemplatesGallery .template:hover{border-color:rgba(var(--bpl-template-primary-color-rgb,20,110,245),.5);box-shadow:0 12px 28px rgba(15,23,41,.14);transform:translateY(-3px)}.bPlTemplatesGallery .template:hover .templateActions .templateFavoriteBtn,.bPlTemplatesGallery .template:hover .templateActions .templatePreviewBtn{opacity:1}.bPlTemplatesGallery .template:hover .templateMedia .block-editor-block-preview__container,.bPlTemplatesGallery .template:hover .templateMedia .templateThumbnail{transform:translateY(min(0px,100cqh - 100%));transition:transform 2.5s ease-in-out}.bPlTemplatesGallery .template.isPages .templatePreview{height:360px}@media(max-width:1400px){.bPlTemplatesModal .modalContainer{height:80vh;width:92vw}}@media(max-width:1024px){.bPlTemplatesModal{padding:15px}.bPlTemplatesModal .modalContainer{height:82vh;width:94vw}.bPlTemplatesModal .modalBodySidebar{flex-basis:240px;padding:15px}.bPlTemplatesModal .modalBodyCanvas{padding:20px}}@media(max-width:768px){.bPlTemplatesModal{padding:10px}.bPlTemplatesModal .modalContainer{border-radius:10px;height:85vh;width:96vw}.bPlTemplatesModal .modalHeader{gap:10px;padding:15px 20px}.bPlTemplatesModal .modalHeader .modalHeaderBrand{font-size:14px}.bPlTemplatesModal .modalHeader .modalHeaderTypes{flex:1}.bPlTemplatesModal .modalHeader .modalHeaderTypes .components-tab-panel__tabs button{font-size:12px;height:40px!important}.bPlTemplatesModal .modalHeader .modalHeaderClose{height:28px;width:28px}.bPlTemplatesModal .modalBody{flex-direction:column;gap:0}.bPlTemplatesModal .modalBody .sidebarToggle{display:inline-flex}.bPlTemplatesModal .modalBody .sidebarBackdrop{display:block}.bPlTemplatesModal .modalBodySidebar{border-right:1px solid #e6e9f2;bottom:0;box-shadow:8px 0 28px rgba(15,23,41,.22);flex-basis:auto;left:0;max-width:82%;position:absolute;top:0;transform:translateX(-100%);transition:transform .25s ease;width:260px;z-index:6}.bPlTemplatesModal .modalBodySidebar.isOpen{transform:translateX(0)}.bPlTemplatesModal .modalBodyCanvas{flex:1;overflow-y:auto;padding:12px}.bPlTemplatesModal .modalBodyCanvas .modalBodyBottom{margin-top:auto;padding:12px 0}.bPlTemplatesModal .modalBodyCanvas .templatesNotFound{font-size:16px}.bPlTemplatesGallery{gap:12px}.bPlTemplatesGallery .template{flex-basis:100%;min-width:100%}.bPlTemplatesGallery .template .templatePreview{aspect-ratio:4/3}}@media(max-width:576px){.bPlTemplatesModal .modalHeader .modalHeaderBrand{font-size:12px}.bPlTemplatesModal .modalHeader .modalHeaderTypes .components-tab-panel__tabs-item,.bPlTemplatesModal .modalHeader .modalHeaderTypes button{font-size:11px;height:36px!important;padding:5px 12px}}