JezK

Edit File: style-block_admin_dashboard.css

:root{--icon-background: #e7e7e7}body :has(#bs-dashboard){background-color:#fff}.toplevel_page_blockspare #wpcontent{padding:0}.toplevel_page_blockspare .notice:not(.blockspare-notice-setup),.toplevel_page_blockspare div.fs-notice.updated,.toplevel_page_blockspare div.fs-notice.success,.toplevel_page_blockspare div.fs-notice.promotion{display:none !important}.toplevel_page_blockspare .blockspare-notice-setup{margin:0;box-shadow:none}.toplevel_page_blockspare #wpfooter{border-top:1px solid #d1d5db}.toplevel_page_blockspare #wpbody-content{padding-bottom:40px}.blockspare-dashboard__container{margin:0 auto;max-width:1440px}.toplevel_page_blockspare .components-tooltip{background:#000;border-radius:2px;color:#f0f0f0;font-size:12px;line-height:1.4;padding:4px 8px;text-align:center;z-index:1000002}.blocksape-dashboard__button{display:inline-block;cursor:pointer;line-height:18px;border-radius:50px;background:#8b259c;color:#fff;border:1px solid #f0f0f3;font-size:14px;margin:0;padding:10px 24px;transition:all .25s ease}.blocksape-dashboard__button:hover{background:#3b1a5b}.blocksape-dashboard__switch-control{line-height:1em}.blocksape-dashboard__switch-control label{line-height:1em}.blocksape-dashboard__switch-control input[type=checkbox]{display:none}.blocksape-dashboard__switch-control .switch{position:relative;display:inline-block;vertical-align:middle;width:46px;height:20px;border-radius:24px;background:#d1d5db;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all 1s ease;box-shadow:none}.blocksape-dashboard__switch-control .switch::before{content:"OFF";position:absolute;right:5px;top:50%;transform:translate3d(0, -50%, 0);padding-top:1px;font-family:"Roboto";font-style:normal;font-weight:500;font-size:11px;line-height:13px;display:flex;align-items:center;text-align:right;letter-spacing:.04em;color:#111827;transition:all .25s ease}.blocksape-dashboard__switch-control .switch::after{content:"";background:#fff;display:block;width:14px;height:14px;border-radius:50%;position:absolute;top:50%;left:3px;box-shadow:0 1px 3px rgba(46,56,77,.4);transform:translate3d(0, -50%, 0);transition:all 350ms cubic-bezier(0, 0.95, 0.38, 0.98)}.blocksape-dashboard__switch-control input:checked+.switch::before{left:8px;right:auto;content:"ON"}.blocksape-dashboard__switch-control input:checked+.switch::after{transform:translate3d(26px, -50%, 0)}.blockspare-dashboard header{border-bottom:1px solid #d1d5db;background-color:#fff;position:-webkit-sticky;position:sticky;top:32px;z-index:99}.blockspare-dashboard header .navigation-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:16px;height:72px;padding:0 20px}.blockspare-dashboard header .navigation-wrapper .plugin-logo{background-image:linear-gradient(to bottom, #8b259c 30%, #3B1A5B);background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-mask-image:url(images/blockspare-logo.e0a9b82c.png);mask-image:url(images/blockspare-logo.e0a9b82c.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;margin-right:45px;height:40px;width:140px;cursor:pointer}.blockspare-dashboard header .navigation-wrapper .plugin-logo img{height:50px}.blockspare-dashboard header .navigation-wrapper .navigation-item{display:inline-block;font-weight:600;font-size:15px;line-height:1.3;text-decoration:none;color:#111827;padding:23px 0px 20px 0px;border-bottom:2px solid rgba(0,0,0,0);cursor:pointer}.blockspare-dashboard header .navigation-wrapper .navigation-item:not(:last-child){margin-right:38px}.blockspare-dashboard header .navigation-wrapper .navigation-item:hover,.blockspare-dashboard header .navigation-wrapper .navigation-item.active{color:#8b259c}.blockspare-dashboard header .navigation-wrapper .navigation-item.active{border-bottom-color:#8b259c}.blockspare-dashboard header .navigation-wrapper .bs-dashboare-menu-mobile{display:none}.blockspare-dashboard header .navigation-wrapper .bs-dashboare-menu-mobile .mobile-menu-icon{padding:23px 0;cursor:pointer}.blockspare-dashboard header .navigation-wrapper .bs-dashboare-menu-mobile .mobile-menu-icon svg{width:32px;height:32px}.blockspare-dashboard header .navigation-wrapper .bs-dashboare-menu-mobile .mobile-menu-content{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:99;padding:46px 16px}.blockspare-dashboard header .navigation-wrapper .bs-dashboare-menu-mobile .mobile-menu-content .mobile-menu-close{position:relative}.blockspare-dashboard header .navigation-wrapper .bs-dashboare-menu-mobile .mobile-menu-content .mobile-menu-close svg{position:absolute;top:23px;right:4px;width:32px;height:32px}.blockspare-dashboard header .navigation-wrapper .bs-dashboare-menu-mobile .mobile-menu-content .navigation-items-mobile{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.blockspare-dashboard header .navigation-wrapper .bs-dashboare-menu-mobile .mobile-menu-content .navigation-items-mobile .navigation-item{margin:0;font-size:24px}.blockspare-dashboard header .navigation-wrapper .bs-dashboard-upgrade-button{margin-left:auto}.blockspare-dashboard *{box-sizing:border-box}.blockspare-dashboard .content-wrapper{margin:20px 0}.blockspare-dashboard h1{margin:0;font-size:24px;font-weight:600;line-height:32px}.blockspare-dashboard a:focus{box-shadow:none;outline:none}.blockspare-dashboard .content-wrapper.dashboard{display:flex;align-items:start;justify-content:center;padding:0 20px;gap:20px}.blockspare-dashboard .panel-wrapper{display:flex;flex-wrap:wrap;gap:20px}.blockspare-dashboard .panel-wrapper.first-wrapper{flex:1}.blockspare-dashboard .panel-wrapper.second-wrapper{max-width:300px;height:100%;position:-webkit-sticky;position:sticky;top:124px}.blockspare-dashboard .box-panel{display:flex;width:100%;justify-content:center}.blockspare-dashboard .feature-panel,.blockspare-dashboard .subscribe-panel{display:flex;padding:0px;justify-content:center}.blockspare-dashboard .feature-panel>div,.blockspare-dashboard .subscribe-panel>div{position:relative;padding:0px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center}.blockspare-dashboard .feature-panel h2,.blockspare-dashboard .feature-panel span,.blockspare-dashboard .subscribe-panel h2,.blockspare-dashboard .subscribe-panel span{display:block;margin:0;width:100%}.blockspare-dashboard .feature-panel .description,.blockspare-dashboard .subscribe-panel .description{color:#64748b;font-size:16px;line-height:1.7}.blockspare-dashboard .feature-panel{margin:0;flex-direction:column;background:#fff;padding:20px;border-radius:6px;border:1px solid #d1d5db}.blockspare-dashboard .feature-panel h1{font-size:28px;line-height:38.4px;color:#111827;margin-bottom:10px;font-weight:600}.blockspare-dashboard .feature-panel h3.title{margin:12px 0}.blockspare-dashboard .feature-panel .bs-dashboard-video{aspect-ratio:16/9;border-radius:6px;overflow:hidden;width:100%}.blockspare-dashboard .feature-panel .bs-dashboard-video .video{width:100%;height:100%;background-color:rgba(0,0,0,.1)}.blockspare-dashboard .feature-panel .illustration{width:100%;height:314px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.blockspare-dashboard .feature-panel .bs-dashboard__footer{width:100%;background-color:#000;background:linear-gradient(180deg, #8e249e 0%, #3b1a5b 50%, #121212 100%);background-position:top;background-size:cover;border-radius:6px;color:#fff;flex-direction:column;justify-content:center;padding:38px 40px;text-align:center;box-sizing:border-box}.blockspare-dashboard .feature-panel .bs-dashboard__footer h2{color:#fff;font-size:24px;font-weight:600;line-height:1.3;margin-top:0;justify-content:center}.blockspare-dashboard .feature-panel .bs-dashboard__footer p{line-height:1.6;font-size:16px;color:#cecece}.blockspare-dashboard .bs-dashboard__button-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.blockspare-dashboard .bs-dashboard__button{display:inline-flex;align-items:center;gap:8px;border:none;box-sizing:border-box !important;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:1px;padding:12px 20px;text-decoration:none;text-transform:capitalize;border-radius:4px;transition:all .1s ease-in-out}.blockspare-dashboard .bs-dashboard__button>svg{fill:currentColor}.blockspare-dashboard .bs-dashboard__button.primary{color:#fff;background:#3b1a5b}.blockspare-dashboard .bs-dashboard__button.secondary{color:#3b1a5b;background:transparent;box-shadow:inset 0 0 0 1px}.blockspare-dashboard .bs-dashboard__button.secondary:hover{background:#3b1a5b !important;box-shadow:inset 0 0 0 0 !important;color:#fff !important}.blockspare-dashboard .bs-dashboard__button.bs-upgrade-button{color:#fff;background:#8b259c}.blockspare-dashboard .links-panel{padding:0;display:block}.blockspare-dashboard .rating-panel{padding:0;cursor:pointer;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.blockspare-dashboard .rating-panel .bs-illustration{width:100%;height:100%}.blockspare-dashboard .support-panel{display:block;background:#fff;padding:20px;border-radius:6px;border:1px solid #d1d5db}.blockspare-dashboard .support-panel .details{display:flex;flex-wrap:wrap}.blockspare-dashboard .support-panel .details span{margin:10px 0}.blockspare-dashboard .support-panel .details span.description{font-size:13px;line-height:1.7}.blockspare-dashboard .support-panel .details h2{margin:0}.blockspare-dashboard .support-panel .details a{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;display:flex;justify-content:flex-start;align-items:center;width:100%;font-weight:400;font-size:14px;text-decoration:none;line-height:16px;color:#8b259c}.blockspare-dashboard .support-panel .details a i{margin-left:10px;font-size:12px}.blockspare-dashboard .support-panel .details:not(:last-child){margin-bottom:20px}.blockspare-dashboard h2{display:flex;align-items:center;color:#111827}.blockspare-dashboard h2 svg{margin-right:8px}.blockspare-dashboard h2 svg path{fill:#8b259c}.blockspare-dashboard .block-list{width:100%}.blockspare-dashboard .blocklist-page .blocklist-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:30px;border-bottom:1px solid #d1d5db}.blockspare-dashboard .blocklist-page .block-enable-disable-all{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:10px;overflow:hidden;background:transparent}.blockspare-dashboard .blocklist-page .block-enable-disable-all>*{margin:0;padding:12px 16px;font-family:"Roboto";font-style:normal;font-weight:400;font-size:14px;line-height:14px;color:#737373;cursor:pointer;border:none;background:none}.blockspare-dashboard .blocklist-page .block-enable-disable-all>*:hover{color:#111827;background:#fbfbfb}.blockspare-dashboard .blocklist-page .block-enable-disable-all .disable-all{border-right:1px solid #d1d5db}.blockspare-dashboard .blocklist-page .block-enable-disable-all>.active{color:#111827;background:#fff}.blockspare-dashboard .blocklist-page .block-category:not(:last-child){margin-bottom:30px}.blockspare-dashboard .blocklist-page .block-category-heading{font-size:20px;font-weight:600;line-height:32px;color:#111827;margin:0}.blockspare-dashboard .blocklist-page .block-category-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.blockspare-dashboard .blocklist-page .blockspare_block_cards{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill, minmax(285px, 1fr));grid-gap:20px}.blockspare-dashboard .blocklist-page .blockspare_block_card{display:flex;align-items:center;padding:15px;gap:15px;background-color:#fbfbfb;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;transition:all .5s}.blockspare-dashboard .blocklist-page .blockspare_block_card .blockspare_block_card__header .blockspare_block_card__title{font-size:14px;color:#111827;letter-spacing:.42px;margin:0}.blockspare-dashboard .blocklist-page .blockspare_block_card .blockspare_block_card__icon{border-radius:50%;height:60px;width:60px;background-repeat:no-repeat;background-size:cover;background-position:center;background:#d1d5db;display:flex;align-items:center;justify-content:center;transition:all 1s ease}.blockspare-dashboard .blocklist-page .blockspare_block_card .blockspare_block_card__icon .blockspare-svg{height:24px;width:24px;fill:#c4c4c4;transition:all .25s ease}.blockspare-dashboard .blocklist-page .blockspare_block_card .blockspare_block_card__info{flex:1;display:flex;flex-direction:column;gap:5px}.blockspare-dashboard .blocklist-page .blockspare_block_card .blockspare_block_card__footer{display:flex;gap:15px;align-items:center;justify-content:space-between}.blockspare-dashboard .blocklist-page .blockspare_block_card .blockspare_block_card__footer .blockspare_block_card__link{position:relative;font-size:12px;color:#111827;letter-spacing:.36px;cursor:pointer;text-decoration:none}.blockspare-dashboard .blocklist-page .blockspare_block_card .blockspare_block_card__footer .blockspare_block_card__link::before,.blockspare-dashboard .blocklist-page .blockspare_block_card .blockspare_block_card__footer .blockspare_block_card__link::after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:13%;background-color:#111827;transition:opacity .25s ease,transform .25s ease,width .3s cubic-bezier(0.68, 0.05, 0.46, 1.02),left .2s .2s ease-out}.blockspare-dashboard .blocklist-page .blockspare_block_card .blockspare_block_card__footer .blockspare_block_card__link::after{z-index:10;width:30%;background-color:#fff;opacity:0}.blockspare-dashboard .blocklist-page .blockspare_block_card .blockspare_block_card__footer .blockspare_block_card__link:hover::before{width:100%}.blockspare-dashboard .blocklist-page .blockspare_block_card .blockspare_block_card__footer .blockspare_block_card__link:hover::after{opacity:1;left:100%}.blockspare-dashboard .blocklist-page .blockspare_block_card .blockspare_block_card__footer .blockspare_block_card__video_link{display:flex}.blockspare-dashboard .blocklist-page .blockspare_block_card .blockspare_block_card__footer .blockspare_block_card__video_link svg path{transition:all .5s ease}.blockspare-dashboard .blocklist-page .blockspare_block_card.active{background-color:#fff}.blockspare-dashboard .blocklist-page .blockspare_block_card.active .blockspare_block_card__icon .blockspare-svg{fill:#737373}.blockspare-dashboard .blocklist-page .blockspare_block_card.active:hover{box-shadow:5px 12px 20px rgba(36,37,38,.13);transform:translateY(-7px)}.blockspare-dashboard .blocklist-page .blockspare_block_card.active:hover .blockspare_block_card__icon{background:#8b259c}.blockspare-dashboard .blocklist-page .blockspare_block_card.active:hover .blockspare_block_card__icon .blockspare-svg{fill:#fff}.blockspare-dashboard .blocklist-page .blockspare_block_card.active:hover .blockspare_block_card__footer .blockspare_block_card__video_link svg path{fill:#8b259c}.blockspare-dashboard .blocklist-page .blockspare_block_card.active:hover .blocksape-dashboard__switch-control input:checked+.switch{background:#8b259c}.blockspare-dashboard .blocklist-page .blockspare_block_card.active:hover .blocksape-dashboard__switch-control input:checked+.switch::before{color:#fff}.blockspare-dashboard .bs-tab-list{display:flex;align-items:center;height:100%;overflow-x:auto}.blockspare-dashboard .bs-tab{font-weight:600;font-size:16px;line-height:24px;cursor:pointer;height:100%;padding:12px 28px;display:flex;align-items:center;color:#9ca3af;transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap;position:relative}.blockspare-dashboard .bs-tab.bs-active-tab{color:#8b259c;background:rgba(139,37,156,.1)}.blockspare-dashboard .bs-tab.bs-active-tab::after{content:"";position:absolute;right:0;bottom:0;width:100%;height:1px;background-color:#8b259c}.blockspare-dashboard .bs-horizontal-line{margin:0;border:none;border-top:1px solid #d1d5db}.blockspare-dashboard .bs-layout-sidebar{max-width:280px;width:100%;border-right:1px solid #d1d5db;padding:20px 16px;display:flex;flex-direction:column;gap:20px}.blockspare-dashboard .bs-layout-sidebar .components-base-control:last-child{align-self:flex-end;margin:0}.blockspare-dashboard .bs-layout-sidebar .components-base-control__field{margin-bottom:0}.blockspare-dashboard .bs-layout-sidebar .bs-layout-search-wrapper{position:relative}.blockspare-dashboard .bs-layout-sidebar .bs-layout-search-wrapper input{border-radius:6px;color:#111827;height:45px;padding:6px 45px 6px 16px;background-color:#f3f4f6;border:1px solid transparent;width:100%;font-size:14px}.blockspare-dashboard .bs-layout-sidebar .bs-layout-search-wrapper input:focus{border-color:#8b259c;box-shadow:none}.blockspare-dashboard .bs-layout-sidebar .bs-layout-search-wrapper .bs-layout-search-icon{position:absolute;right:0px;top:50%;transform:translateY(-50%);display:flex;width:45px;height:45px;border-radius:50%;align-items:center;justify-content:center}.blockspare-dashboard .bs-layout-sidebar .bs-layout-search-wrapper .bs-layout-search-icon svg{fill:#111827}.blockspare-dashboard .bs-layout-sidebar .bs-layout-category-list{display:flex;flex-direction:column;gap:4px;height:calc(100vh - 186px);overflow-y:auto;padding:0 16px;margin:0 -16px}.blockspare-dashboard .bs-layout-sidebar .bs-layout-category-list .bs-layout-category{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:16px;line-height:24px;color:#111827;padding:8px 12px;border-radius:4px;transition:all 150ms cubic-bezier(0.4, 0, 0.2, 1)}.blockspare-dashboard .bs-layout-sidebar .bs-layout-category-list .bs-layout-category.bs-layout-selected-category{color:#8b259c;background-color:rgba(139,37,156,.1)}.blockspare-dashboard .bs-layout-tab-content{display:flex;height:100%}.blockspare-dashboard .bs-layouts-wrappper{padding:20px;flex:1;width:100%;height:calc(100vh - 146px);overflow-y:auto}.blockspare-dashboard .bs-layout-choices{margin:-10px}.blockspare-dashboard .bs-layout-view{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:2em}.blockspare-dashboard .bs-layout-view-left p{margin:0;line-height:2.2em}.blockspare-dashboard .bs-layout-view-left a{font-weight:bold;color:#027bba}.blockspare-dashboard .bs-layout-view-right{text-align:right;display:flex;align-items:center}.blockspare-dashboard .bs-layout-view-right button{display:flex;align-items:center;justify-content:center;height:40px;width:40px;padding:0}.blockspare-dashboard .bs-layout-view-right button:hover,.blockspare-dashboard .bs-layout-view-right button:active{color:#8b259c}.blockspare-dashboard .bs-layout-view-right button.is-primary:hover,.blockspare-dashboard .bs-layout-view-right button.is-primary{background-color:rgba(139,37,156,.1);color:#8b259c;border:solid 1px #8b259c}.blockspare-dashboard .bs-layout-view-right button:focus:not(:disabled){box-shadow:none}.blockspare-dashboard .bs-layout-zoom-layout{grid-column:1/-1}.blockspare-dashboard .blockspare-childpages{display:flex;flex-wrap:wrap}.blockspare-dashboard .bs-layout-parent-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.blockspare-dashboard .bs-layout-parent-header .bs-layout-parent-title{text-transform:capitalize;margin:0;font-size:20px;font-weight:600;color:#3c434a}.blockspare-dashboard .bs-layout-button.bs-back-button{background-color:transparent;border:1px solid #d1d5db;color:#111827;font-size:14px}.blockspare-dashboard .bs-layout-button.bs-back-button svg{fill:#111827}.blockspare-dashboard .bs-layout-modal-footer-wrap{display:flex;justify-content:center}.blockspare-dashboard .bs-layout-design{width:calc(25% - 20px);margin:10px;-webkit-animation:scale-in-center .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;animation:scale-in-center .2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both}.blockspare-dashboard .bs-layout-design img{width:100%;height:100%;display:block}.blockspare-dashboard .bs-layout-design .bs-layout-insert-button{height:auto;background:none;border:none;box-shadow:none;border-bottom:none;padding:0;z-index:5;position:relative;display:flex;width:100%;min-height:240px;display:flex;align-items:center;justify-content:center;cursor:pointer}.blockspare-dashboard .bs-layout-design .bs-layout-insert-button .is-visible{width:100%}.blockspare-dashboard .bs-layout-design.bs-layout-page .bs-layout-insert-button{aspect-ratio:1/1.2;overflow:hidden;position:relative}.blockspare-dashboard .bs-layout-design.bs-layout-page img{height:auto;position:absolute;top:0;transition-timing-function:ease-in-out;transition-duration:3s}.blockspare-dashboard .bs-layout-design.bs-layout-page:hover img{transform:translate(0, -20%)}.blockspare-dashboard .bs-layout-tab-content:has(.bs-layout-sidebar) .bs-layout-design{width:calc(33.3333333333% - 20px)}.blockspare-dashboard.bs-layout-view-full .bs-layout-design{width:calc(100% - 20px)}.blockspare-dashboard.bs-layout-view-full .bs-layout-design-inside{max-width:576px;margin:0 auto}.blockspare-dashboard.bs-layout-view-full .bs-layout-tab-content:has(.bs-layout-sidebar) .bs-layout-design{width:calc(100% - 20px)}.blockspare-dashboard .bs-layout-design-inside{border:solid 1px #d1d5db;border-radius:6px;overflow:hidden;transition:all .2s ease-in-out}.blockspare-dashboard .bs-layout-design-inside:hover{transform:translateY(-5px);box-shadow:0 5px 20px 0px rgba(153,153,153,.3)}.blockspare-dashboard .bs-layout-design-inside:hover .bs-layout-design-item .bs-layout-image-overlay{background-color:rgba(0,0,0,.1)}.blockspare-dashboard .bs-layout-design-inside:hover .bs-layout-action-info,.blockspare-dashboard .bs-layout-design-inside:hover .bs-layout-premium{opacity:1}.blockspare-dashboard .bs-layout-design-inside:hover .bs-pro-badge{opacity:1}.blockspare-dashboard .bs-layout-design-inside:active{transform:translateY(-2px);box-shadow:0 5px 10px 0px rgba(153,153,153,.3)}.blockspare-dashboard .bs-layout-design-item{position:relative}.blockspare-dashboard .bs-layout-design-item .bs-layout-image-overlay{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;z-index:1;transition:all .2s ease-in-out}.blockspare-dashboard .bs-layout-design-item .bs-layout-image-overlay:focus{outline:none;box-shadow:none}.blockspare-dashboard .bs-layout-action-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:16px;color:#111827;opacity:0;width:100px;height:100px;border-radius:50%;background-color:#fff;transition:all .2s ease-in-out}.blockspare-dashboard .bs-layout-action-info svg{width:28px;height:28px;fill:#111827}.blockspare-dashboard .bs-layout-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#111827;padding:20px;opacity:0;background-color:#fff;width:100%;height:100%;text-align:center;transition:all .2s ease-in-out}.blockspare-dashboard .bs-layout-premium h4{margin:0;font-size:14px;font-weight:700;line-height:1.2;color:#111827;max-width:350px}.blockspare-dashboard .bs-layout-premium p{margin:0;font-size:14px;line-height:1.6;max-width:350px}.blockspare-dashboard .bs-pro-badge{z-index:99;position:absolute;right:7px;top:7px;background-color:#8b259c;color:#fff;padding:5px 8px;line-height:1;text-transform:uppercase;border-radius:3px;letter-spacing:1px;font-size:11px;opacity:0;transition:all .3s ease-in}.blockspare-dashboard .bs-layout-design-info{border-top:solid 1px #d1d5db;line-height:normal;display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;min-height:50px;padding:12px;transition:all .2s ease-in-out}.blockspare-dashboard .bs-layout-design-info.bs-layout-template-info{border:none}.blockspare-dashboard .bs-layout-design-title{font-size:14px;font-weight:700;text-transform:capitalize;transition:all .1s ease-in-out}.blockspare-dashboard .bs-layout-action-buttons{position:absolute;opacity:0;transition:all .2s ease-in-out}.blockspare-dashboard .bs-premium-button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px}.blockspare-dashboard .bs-layout-button{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;border-radius:3px;text-align:center;padding:8px 16px;text-decoration:none;transition:all .3s ease-in;cursor:pointer;border:none;font-size:16px}.blockspare-dashboard .bs-layout-button svg{fill:#fff}.blockspare-dashboard .bs-layout-button:focus{outline:none;box-shadow:none}.blockspare-dashboard .bs-layout-button:active{color:#fff}.blockspare-dashboard .bs-import-button{background-color:#8b259c}.blockspare-dashboard .bs-premium-button{background-color:#8b259c;font-size:14px}.blockspare-dashboard .bs-import-button-icon{position:relative;display:flex;align-items:center;justify-content:center}.blockspare-dashboard .bs-import-button-icon .bs-import-loader{position:absolute}.blockspare-dashboard .bs-layout-actions{display:flex;align-items:center;gap:8px}.blockspare-dashboard .bs-layout-action-button{background:none;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;border:1px solid #d1d5db;padding:0;text-decoration:none;cursor:pointer}.blockspare-dashboard .bs-layout-action-button svg{fill:#8b259c}.blockspare-dashboard .components-button-group .components-button.bs-layout-action-button{border-radius:3px;padding:0 8px 0px}.blockspare-dashboard .components-button.bs-layout-action-button:focus{box-shadow:none}.blockspare-dashboard .components-button.is-default:active:enabled{box-shadow:inset 0 0 0 1px #ccd0d4,inset 0 0 0 2px #fff}.blockspare-dashboard .bs-layout-icon-favorite{color:#fff;-webkit-text-stroke:1px #8b259c;font-size:24px;width:24px;height:24px;font-weight:600}@media all and (-ms-high-contrast: none){.blockspare-dashboard .bs-layout-icon-favorite{box-shadow:0 0 2px #8b259c}}.blockspare-dashboard .bs-layout-icon-favorite-active{color:#8b259c}.blockspare-dashboard .bs-layout-action-button-icon{color:#8b259c;font-size:24px;width:24px;height:24px}.blockspare-dashboard .bs-favorite-loader{position:absolute}.blockspare-dashboard .bs-layout-zoom-button{position:absolute;top:15px;right:15px;background:#fff;border-radius:5px !important;transition:.2s ease;z-index:10;border-radius:5px;padding:5px;height:auto;opacity:0;display:none}.blockspare-dashboard .bs-layout-design-importing .bs-layout-design-item .bs-layout-image-overlay{background-color:rgba(0,0,0,.1)}.blockspare-dashboard .bs-layout-design-importing .bs-layout-action-info{opacity:1;width:130px;height:130px}.blockspare-dashboard .bs-layout-design-importing .bs-import-button-icon{width:45px;height:45px}.blockspare-dashboard .bs-layout-parent{cursor:pointer}.blockspare-dashboard .bs-template-count{color:rgba(17,24,39,.7);font-size:14px;white-space:nowrap}.blockspare-dashboard .bs-load-more{padding:10px 20px;font-size:16px;background-color:#8b259c;position:relative;z-Index:1;margin-top:40px}.blockspare-dashboard .bs-not-found-message{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;height:100%;width:100%;text-align:center}.blockspare-dashboard .bs-not-found-message svg{width:150px;height:150px}.blockspare-dashboard .bs-not-found-message .bs-not-found-message-title{font-size:30px;font-weight:400;margin:0}.blockspare-dashboard .bs-not-found-message .bs-not-found-message-description{font-size:18px;font-weight:300;margin:0}@-webkit-keyframes scale-in-center{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:1}}.blockspare-dashboard .settings-tab-container{background:#fff;border-radius:6px;box-shadow:0 6px 15px rgba(36,37,38,.08)}.blockspare-dashboard .settings-tab-container .setting-header{display:flex;align-items:center;justify-content:space-between;min-height:90px;padding:0 40px;border-bottom:1px solid #d1d5db}.blockspare-dashboard .settings-tab-container .setting-body .blockspare__settings{padding:32px 40px}.blockspare-dashboard .settings-tab-container .setting-body .blockspare__settings:not(:last-child){border-bottom:1px solid #d1d5db}.blockspare-dashboard .settings-tab-container .setting-body .blockspare__settings-info{width:100%;display:flex;align-items:center;margin-right:64px}.blockspare-dashboard .settings-tab-container .setting-body .blockspare__settings-title{font-size:18px;color:#111827;line-height:32px;font-weight:500;flex:1;display:inline-flex;margin:0}.blockspare-dashboard .settings-tab-container .setting-body .blockspare__input-wrap{display:flex}.blockspare-dashboard .settings-tab-container .setting-body .blockspare__input-wrap .blockspare-admin__input-field{padding:8px 0 8px 12px;border-radius:6px 0 0 6px;color:#64748b;background-color:#fff;border:1px solid #d1d5db;border-right-width:0;font-size:16px;line-height:20px;min-height:30px;display:block;width:80px;height:32px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.blockspare-dashboard .settings-tab-container .setting-body .blockspare__input-wrap .blockspare-admin__input-field:focus{outline:none;border-color:#94a3b8;box-shadow:none}.blockspare-dashboard .settings-tab-container .setting-body .blockspare__input-wrap .blockspare-admin__input-field:focus+.blockspare-admin__input-field--value-type{border-color:#94a3b8;box-shadow:none}.blockspare-dashboard .settings-tab-container .setting-body .blockspare__input-wrap .blockspare-admin__input-field--value-type{padding:8px 12px;font-size:16px;line-height:20px;color:#64748b;background-color:#fff;border-radius:0 6px 6px 0;border:1px solid #d1d5db;display:inline-flex;align-items:center;height:32px}.blockspare-dashboard .settings-tab-container .setting-body .blockspare__settings-description{font-size:14px;line-height:22.4px;color:#64748b;width:75%;margin:0;margin-top:8px}.blockspare-dashboard .settings-tab-container .setting-body .blockspare__settings-button{display:flex;justify-content:flex-end;padding:40px}.bs-loader-container{display:flex;justify-content:center;align-items:center;height:90vh}.bs-loader{border:4px solid rgba(0,0,0,.1);border-top:4px solid #8b259c;border-radius:50%;width:40px;height:40px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.bs-circular-loader{width:50px;height:50px;display:inline-block;padding:0px;border-radius:100%;border:1px solid;border-top-color:#8b259c;border-bottom-color:rgba(0,0,0,.1);border-left-color:#8b259c;border-right-color:rgba(0,0,0,.1);-webkit-animation:bs-circular-loader 1s ease-in-out infinite;animation:bs-circular-loader 1s ease-in-out infinite}.bs-import-loader.bs-circular-loader{width:45px;height:45px}@keyframes bs-circular-loader{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes bs-circular-loader{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@media screen and (max-width: 1400px){.blockspare-dashboard .components-modal__header-heading{display:none}}@media screen and (max-width: 1200px){.blockspare-dashboard .bs-layout-design{width:calc(33.3333333333% - 20px)}.blockspare-dashboard .bs-layout-tab-content:has(.bs-layout-sidebar) .bs-layout-design{width:calc(50% - 20px)}}@media screen and (max-width: 992px){.blockspare-dashboard .bs-layout-design{width:calc(50% - 20px)}.blockspare-dashboard .bs-layout-tab-content:has(.bs-layout-sidebar) .bs-layout-design{width:calc(100% - 20px)}}@media screen and (max-width: 782px){.toplevel_page_blockspare #wpbody-content{padding-bottom:0}.toplevel_page_blockspare .blockspare-dashboard header{top:46px}.toplevel_page_blockspare .blockspare-dashboard .bs-layouts-wrappper{height:calc(100vh - 119px)}.toplevel_page_blockspare .blockspare-dashboard .bs-layout-sidebar .bs-layout-category-list{height:calc(100vh - 159px)}}@media screen and (max-width: 768px){.blockspare-dashboard .bs-layout-design{width:calc(100% - 20px)}.blockspare-dashboard .bs-layout-modal-header-wrap{flex-wrap:wrap}.blockspare-dashboard .bs-layout-view-right button{margin-left:0}.blockspare-dashboard header .navigation-wrapper .plugin-logo{margin-right:0}.blockspare-dashboard header .navigation-wrapper .bs-dashboare-menu-desktop{display:none}.blockspare-dashboard header .navigation-wrapper .bs-dashboare-menu-mobile{display:block}.blockspare-dashboard .content-wrapper.dashboard{flex-direction:column}.blockspare-dashboard .panel-wrapper.second-wrapper{max-width:100%;height:auto;position:static;top:auto}}@media screen and (max-width: 600px){.toplevel_page_blockspare .blockspare-dashboard header{top:0}}@media screen and (max-width: 576px){.blockspare-dashboard .bs-layout-design{width:calc(100% - 20px)}.blockspare-dashboard header .navigation-wrapper{gap:8px}.blockspare-dashboard header .navigation-wrapper .bs-dashboard-upgrade-button.links-panel .bs-dashboard__button{font-size:12px}.blockspare-dashboard .feature-panel span,.blockspare-dashboard .subscribe-panel span{font-size:14px}.blockspare-dashboard .feature-panel h1{font-size:24px}.blockspare-dashboard .links-panel .bs-dashboard__footer p{font-size:14px}.blockspare-dashboard .blocklist-page .block-category-heading{font-size:20px}}