@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
.pbb-templates .templates-header{border-bottom:1px solid #f0f0f0;margin-bottom:30px;margin-top:-22px;padding-bottom:30px}.pbb-templates .templates-header .package-title{color:#181a26;font-size:20px;font-weight:600;margin:35px 0 15px}.pbb-templates .templates-header .package-container{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr));justify-content:start}.pbb-templates .templates-header .package-container *{transition:.3s ease}.pbb-templates .templates-header .package-container label.package-item{background:#f8f8f8;border:1.5px solid transparent;border-radius:10px;color:#111722;cursor:pointer;font-size:16px;font-style:normal;font-weight:500;line-height:normal;padding:8px;position:relative;transition:all .3s ease-in-out}.pbb-templates .templates-header .package-container label.package-item:last-child{margin-bottom:0}.pbb-templates .templates-header .package-container .disabled{opacity:.8;pointer-events:none}.pbb-templates .templates-header .package-container .upcoming-badge{background:#3b67fe;border-radius:5px;color:#fff;font-size:12px;font-weight:600;margin-left:8px;padding:3px 6px;position:absolute;right:6px;text-transform:uppercase;top:6px}.pbb-templates .templates-header .package-container .package-item-radio{opacity:0;position:relative;text-align:end;top:3px;visibility:hidden}.pbb-templates .templates-header .package-container .package-item-content{align-content:center;align-items:center;display:flex;flex-direction:column}.pbb-templates .templates-header .package-container .package-item-content svg{border:1px solid rgba(24,26,38,.102);border-radius:4px}.pbb-templates .templates-header .package-container .package-item-title{font-size:14px;font-weight:600;margin-bottom:18px}.pbb-templates .templates-header .package-container .package-item.active .package-item-radio,.pbb-templates .templates-header .package-container .package-item:hover .package-item-radio{opacity:1;visibility:visible}.pbb-templates .templates-header .package-container .package-item.active{border:1.5px solid #3353f4}.pbb-templates .templates-header .package-item-title{color:#181a26;font-size:14px;font-weight:500;margin-top:10px}.pbb-templates .templates-header .sort-search-wrapper{display:flex;gap:10px}.pbb-templates .templates-header .sorting-container label{color:#67686b;font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin-right:12px}.pbb-templates .templates-header .sorting-container select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:url(https://wpmet.com/plugin/gutenkit/wp-content/uploads/2024/09/icon_arrow_down_6.svg);background-position:right 16px center;background-repeat:no-repeat;background-size:12px;border:1px solid #dddfe3;border-radius:6px;color:#4d4e50;cursor:pointer;font-size:14px;height:44px;padding:2px 32px 0 16px;transition:.3s ease;width:140px}.pbb-templates .templates-header .sorting-container select:focus{border-color:#3b67fe;outline:none}.pbb-templates .templates-header .search-container{position:relative}.pbb-templates .templates-header .search-container input{background:#fff;border:1px solid #dddfe3!important;border-radius:6px;box-shadow:0 1px 3px -1px rgba(9,11,15,.1);color:#111722;cursor:pointer;font-size:14px;font-weight:400;height:44px;padding:7px 20px 6px;transition:all .3s;width:306px}@media(max-width:768px){.pbb-templates .templates-header .search-container input{width:300px}}.pbb-templates .templates-header .search-container input:focus{background:#fff;border-color:#3b67fe!important;box-shadow:0 0 0 3px rgba(59,103,254,.14);cursor:text}.pbb-templates .templates-header .search-container input:focus-visible{outline:none}.pbb-templates .templates-header .search-container input:focus+.icon{background-color:#3b67fe}.pbb-templates .templates-header .search-container input:focus+.icon svg path{stroke:#fff}.pbb-templates .templates-header .search-container input:focus+.icon:has(svg[focusable=false]) path{stroke-width:0px}.pbb-templates .templates-header .search-container input::-ms-input-placeholder,.pbb-templates .templates-header .search-container input::placeholder{color:#808184;color:#8e9092;font-size:14px}.pbb-templates .templates-header .search-container input[type=search]::-webkit-search-cancel-button{display:none}.pbb-templates .templates-header .search-container .icon{align-items:center;background-color:#f1f2f6;border-radius:4px;bottom:-7px;bottom:auto;cursor:pointer;display:inline-flex;height:36px;justify-content:center;position:absolute;right:4px;top:4px;transform:translateY(-50%);transform:none;transition:.3s ease;width:36px}.pbb-templates .templates-header .search-container .icon svg{display:flex;height:auto;width:100%}.pbb-templates .templates-header .search-container .icon svg rect{display:none}.pbb-templates .templates-header .search-container .icon svg *{transition:.3s ease}.pbb-templates .templates-header .search-container .icon-search path{stroke:#88898d}.pbb-templates .templates-header .search-container .icon-close{fill:#88898d;width:28px!important}.pbb-templates .templates-header .search-container .icon-close:hover{fill:#111722}.pbb-templates .templates-header .search-container .icon:has(svg[focusable=false]){background-color:transparent}.pbb-templates .templates-header .search-container .icon:has(svg[focusable=false]) svg{width:24px}.wp-block-popupkit-essential-templates-library{width:100%}@media(max-width:1500px){.pbb-templates .templates-header .sorting-container label{display:none}}@media(min-width:1200px)and (max-width:1500px){.pbb-templates .templates-header .package-container label{padding:10px}.pbb-templates .templates-header .package-container .package-item-radio{right:8px;top:8px}}@media(max-width:940px){.pbb-templates .templates-header{flex-wrap:wrap;justify-content:center;row-gap:10px}.pbb-templates .templates-header .sorting-container label{display:none}}@media(max-width:480px){.pbb-templates .templates-header{flex-wrap:wrap;gap:10px 10px;justify-content:center}.pbb-templates .templates-header .sort-search-wrapper{flex-direction:column;gap:10px;width:100%}.pbb-templates .templates-header .search-container,.pbb-templates .templates-header .search-container input,.pbb-templates .templates-header .sorting-container select,.pbb-templates .templates-header .sorting-container select option{width:100%}}.popup-editor-preview{align-items:center;background:#f4f6f8;display:flex;height:100vh;justify-content:center;padding:40px;position:relative;width:100%}.popup-editor-preview .popup-editor-frame{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.2);max-width:100%;overflow:auto;padding:40px;position:relative;width:600px}.popup-editor-preview .popup-editor-error,.popup-editor-preview .popup-editor-loading{color:#333;font-size:16px}.pbb-templates .templates-page .templates-filter__category{margin-bottom:8px}.pbb-templates .templates-page .templates-filter__category-list{display:flex;flex-direction:column;margin-left:1px}.pbb-templates .templates-page .templates-filter__category-list label{align-items:center;cursor:pointer;display:flex;margin-bottom:17px;position:relative}.pbb-templates .templates-page .templates-filter__category-list span{color:#111722;font-size:14px;font-weight:500;letter-spacing:-.02em;line-height:20.83px;margin-left:8px;text-align:left}.pbb-templates .templates-page .templates-filter__category-list .count-number{color:#bebec4;font-size:12px;font-weight:500;position:absolute;right:0;text-align:end}.pbb-templates .templates-page .templates-filter__category-list input[type=checkbox]{-webkit-appearance:none;background:#fff;border:1px solid #cacbcf;border-radius:4px;box-shadow:0 0 0 1px #cacbcf;clear:none;color:#50575e;cursor:pointer;display:inline-block;gap:0;height:20px;line-height:0;margin:-.25rem .25rem 0 0;min-width:1rem;outline:0;padding:0!important;position:relative;text-align:center;top:0;transition:all .3s ease-in-out;vertical-align:middle;width:20px}.pbb-templates .templates-page .templates-filter__category-list input[type=checkbox]:hover{border-color:#3b67fe;box-shadow:0 0 0 1px #3b67fe}.pbb-templates .templates-page .templates-filter__category-list input{transition:all .3s ease-in-out}.pbb-templates .templates-page .templates-filter__category-list input[type=checkbox]:checked:before{content:url(https://wpmet.com/plugin/gutenkit/wp-content/uploads/2024/11/check_icon.svg);height:10.5px;left:50%;margin:0;position:absolute;top:57.5%;transform:translate(-50%,-50%);width:14px}.pbb-templates .templates-page .templates-filter__category-list input[type=checkbox]:checked{background-color:#3b67fe;border-color:#3b67fe;box-shadow:0 0 0 1px #3b67fe}.pbb-templates .templates-page .templates-filter__category h4,.pbb-templates .templates-page .templates-filter__type h4{color:#111722;font-size:20px;font-style:normal;font-weight:600;line-height:1;margin:-6px 0 20px}.pbb-templates .templates-page .templates-filter__category-title{display:inline-flex}.pbb-templates .templates-page .templates-filter__category-title h4{margin-right:10px}.pbb-templates .templates-page .templates-filter__category-clear{align-items:center;background:#e2e5ee;border:0;border-radius:4px;color:#4d4e50;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;height:30px;justify-content:center;letter-spacing:-.28px;margin-top:-6px;outline:none;padding:10px 14.5px;transition:all .3s ease-in-out}.pbb-templates .templates-page .templates-filter__category-clear:hover{background:#cfd7ed;color:#111722}.pbb-templates .templates-page .templates-filter__category-clear:hover svg path{fill:#111722}.pbb-templates .templates-page .templates-filter__type{margin-bottom:15px}.pbb-templates .templates-page .templates-filter__type-list{display:flex;flex-direction:column;margin-left:1px}.pbb-templates .templates-page .templates-filter__type-list label{align-items:center;cursor:pointer;display:flex;margin-bottom:8px;position:relative}.pbb-templates .templates-page .templates-filter__type-list label .count-number{color:#bebec4;font-size:12px;font-weight:500;position:absolute;right:0;text-align:end}.pbb-templates .templates-page .templates-filter__type-list label.active{transition:all .3s ease-in-out}.pbb-templates .templates-page .templates-filter__type-list label.active input[type=radio]:before{background-color:#fff}.pbb-templates .templates-page .templates-filter__type-list label.active input[type=radio]:after{background-color:#3b67fe;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.pbb-templates .templates-page .templates-filter__type-list label.active input[type=radio]{border-color:#3b67fe;box-shadow:0 0 0 1px #3b67fe}.pbb-templates .templates-page .templates-filter__type-list label svg rect{transition:.3s ease-in-out}.pbb-templates .templates-page .templates-filter__type-list label:hover .package-item-radio svg rect{stroke:#3b67fe}.pbb-templates .templates-page .templates-filter__type-list label.active:hover .package-item-radio svg rect{stroke:inherit}.pbb-templates .templates-page .templates-filter__type-list .package-item-radio{position:relative;top:2px}.pbb-templates .templates-page .templates-filter__type-list span{color:#111722;font-size:14px;font-weight:500;letter-spacing:-.02em;line-height:20.83px;margin-left:8px;text-align:left}.pbb-templates .templates-page .templates-filter__type-list input[type=radio]{-webkit-appearance:none;background:#fff;border:1px solid #cacbcf;border-radius:50%;box-shadow:0 0 0 1px #cacbcf;clear:none;color:#50575e;cursor:pointer;display:inline-block;gap:0;height:20px;line-height:.71428571;margin:-.25rem .25rem 0 0;min-width:1rem;outline:0;padding:0!important;position:relative;text-align:center;transition:all .3s ease-in-out;vertical-align:middle;width:20px}.pbb-templates .templates-page .templates-filter__type-list input[type=radio]:hover{border-color:#3b67fe;box-shadow:0 0 0 1px #3b67fe}.pbb-templates .templates-page .templates-filter__type-list input{transition:all .3s ease-in-out}.pbb-templates .templates-page .templates-filter__type-list input[type=radio]:checked,.pbb-templates .templates-page .templates-filter__type-list input[type=radio]:focus{border-color:#3b67fe;box-shadow:0 0 0 1px #3b67fe}.pbb-templates .templates-page .template-filter{box-sizing:border-box;float:left;left:0;padding:0 18px 30px 0;width:280px}@media(max-width:550px){.pbb-templates .templates-page .template-filter{float:auto;padding-right:0;width:100%}}@media(min-width:550px)and (max-width:1030px){.pbb-templates .templates-page{display:flex;justify-content:space-between}}.pbb-templates .templates-page .popups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;margin-bottom:80px;max-height:-moz-max-content;max-height:max-content;padding-left:5px}@media(max-width:1700px){.pbb-templates .templates-page .popups{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1024px){.pbb-templates .templates-page .popups{border-left:unset;grid-template-columns:repeat(2,minmax(0,1fr));padding-left:unset;width:100%}}@media(max-width:940px){.pbb-templates .templates-header .package-container{justify-content:center}}@media(max-width:568px){.pbb-templates .templates-page .popups{grid-template-columns:repeat(1,minmax(0,1fr))}}.pbb-templates,.pbb-templates h1,.pbb-templates h2,.pbb-templates h3,.pbb-templates h4,.pbb-templates h5,.pbb-templates h6{font-family:Inter,sans-serif}.pbb-templates .templates-page .popups .popups-item{display:block;height:-moz-fit-content;height:fit-content;-moz-column-break-inside:avoid;background:#fff;border:1px solid #f0f0f0;border-radius:5px;box-sizing:border-box;break-inside:avoid;position:relative;transition:.3s ease-in-out}.pbb-templates .templates-page .popups .popups-item:hover{z-index:1}.pbb-templates .templates-page .popups .popups-item:hover .popups-content .popups-image .preview-overlay{opacity:1;z-index:9999}.pbb-templates .templates-page .popups .popups-item .popups-content .popups-image{align-items:center;background:#f5f5f5;border-radius:2px;display:inline-flex;display:flex;height:195px;justify-content:center;margin:6px;overflow:hidden;padding:0 30px;position:relative}.pbb-templates .templates-page .popups .popups-item .popups-content .popups-image .preview-overlay{align-items:center;background:rgba(60,69,86,.4);border-radius:4px;color:#fff;display:flex;font-size:18px;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.pbb-templates .templates-page .popups .popups-item .popups-content .popups-image .preview-overlay-button .live-preview-btn{background:#fff;border:none;border-radius:30px;color:#3353f4;cursor:pointer;font-size:16px;font-weight:600;padding:11px 23px;transition:.3s}.pbb-templates .templates-page .popups .popups-item .popups-content .popups-image .preview-overlay-button .live-preview-btn:hover{background:#3353f4;color:#fff}.pbb-templates .templates-page .popups .popups-item .popups-content .popups-image .preview-overlay-button .live-preview-btn:active,.pbb-templates .templates-page .popups .popups-item .popups-content .popups-image .preview-overlay-button .live-preview-btn:focus{border:none;box-shadow:none;outline:none}.pbb-templates .templates-page .popups .popups-item .popups-content .popups-info{margin:0 14px 12px;padding-top:12px}.pbb-templates .templates-page .popups .popups-item .popups-content .popups-info .popups-campaign-type{color:#6a6973;font-size:14px;font-weight:400}.pbb-templates .templates-page .popups .popups-item .popups-content .popups-wrap{align-items:center;display:flex;justify-content:space-between}.pbb-templates .templates-page .popups .popups-item .popups-content .popups-wrap .popups-title{color:#111722;display:block;font-size:16px;font-weight:600;line-height:17px;margin-right:10px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media(max-width:991px){.pbb-templates .templates-page .popups .popups-item .popups-content .popups-wrap .popups-title{display:block;line-height:1.1;text-align:left}}.pbb-templates .templates-page .popups .popups-item .popups-content .popups-wrap .popups-campaign-type{color:#6a6973;font-size:14px;font-weight:400}.pbb-templates .templates-page .popups.floatingbar .popups-item .popups-content .popups-image img{width:100%}@media(max-width:1400px){.pbb-templates .templates-page .popups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.pbb-templates .templates-page .popups{grid-template-columns:repeat(1,minmax(0,1fr))}}.pbb-templates .templates-page .popups{position:relative}.pbb-templates .templates-page .has-more-data,.pbb-templates .templates-page .has-more-data:after,.pbb-templates .templates-page .has-more-data:before{animation-fill-mode:both;animation:load7 1.8s ease-in-out infinite;border-radius:50%;height:12px;width:12px}.pbb-templates .templates-page .has-more-data{animation-delay:-.16s;background-color:transparent;border:none;color:#909297;font-size:10px;left:50%;margin:20px auto;outline:none;position:absolute;text-indent:-9999em;top:100%;transform:translate(-50%,-100%);transform:translateZ(0)}.pbb-templates .templates-page .has-more-data:after,.pbb-templates .templates-page .has-more-data:before{content:"";position:absolute;top:0}.pbb-templates .templates-page .has-more-data:before{animation-delay:-.32s;left:-3.5em}.pbb-templates .templates-page .has-more-data:after{left:3.5em}@keyframes load7{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}.pbb-templates .placeholder-card{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px -2px rgba(24,26,38,.2);display:flex;flex-direction:column;height:440px;padding:10px;position:relative}.pbb-templates-footer{bottom:12px;color:#545558;font-size:14px;left:40px;line-height:1;position:relative;position:absolute}.pbb-templates-footer a{color:#000}.pbb-templates .placeholder-dots,.pbb-templates .placeholder-image,.pbb-templates .placeholder-line,.pbb-templates .placeholder-line-short{overflow:hidden;position:relative}.pbb-templates .placeholder-image{background-color:#e0e0e0;height:83.5%;width:100%}.pbb-templates .placeholder-text-container{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:30px 26px 26px;position:relative;width:100%}.pbb-templates .placeholder-line{background-color:#d7d8dd;border-radius:10px;height:8px;width:68%}.pbb-templates .placeholder-line-short{background-color:#e4e5ea;border-radius:3px;height:18px;width:12.6%}.pbb-templates .shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0));height:100%;left:0;position:absolute;top:0;width:100%}.pbb-templates .popups .placeholder-card{height:258px}.pbb-templates .popups .placeholder-image{height:240px}.pbb-templates .popups .placeholder-image img{height:100%;width:100%}.pbb-templates .popups .placeholder-text-container{align-items:center;flex-direction:unset;justify-content:space-between;padding:15px 0 11px}.pbb-templates .popups .placeholder-line{width:140px}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media(min-width:768px)and (max-width:991px){.pbb-templates-footer{line-height:22px;white-space:pre-line;width:-moz-fit-content;width:fit-content}}.pbb-dialog{align-items:center;background:rgba(5,17,40,.69);border:0;bottom:0;display:flex;height:100vh;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1) 0ms;width:100%;z-index:999999}.pbb-dialog h1,.pbb-dialog h2,.pbb-dialog h3,.pbb-dialog h4,.pbb-dialog h5,.pbb-dialog h6{font-family:Inter,sans-serif}.pbb-dialog .dialog-box{background:#666;border-radius:0;border-radius:20px;color:#0c0d0e;display:flex;flex-direction:column;height:90%;margin:0;-o-object-fit:cover;object-fit:cover;overflow:hidden;position:relative;position:relative!important;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;width:90%}.pbb-dialog .dialog-box iframe{background-image:url(https://wpmet.com/plugin/popupkit/wp-content/uploads/2025/06/template-bg.png);display:block;height:calc(100vh - 147px);margin:0 auto;overflow:hidden;position:relative!important;width:100%}.pbb-dialog .dialog-box iframe::-webkit-scrollbar{height:0;width:0}.pbb-dialog .dialog-box iframe::-webkit-scrollbar-track{background:transparent}.pbb-dialog .dialog-box iframe::-webkit-scrollbar-thumb{background:transparent;border-radius:0}.pbb-dialog .dialog-box iframe::-webkit-scrollbar-thumb:hover{background:transparent}.pbb-dialog .dialog-box .loading{align-items:center;background:rgba(0,0,0,.62);display:flex;height:100%;justify-content:center;margin:0 auto;position:absolute;top:50%;transform:translateY(-50%);width:100%}.pbb-dialog .dialog-header{background:#fff}.pbb-dialog .dialog-wrapper{display:flex}.pbb-dialog .dialog-content{background:#111722;width:84%}@media(min-width:992px)and (max-width:1200px){.pbb-dialog .dialog-content{width:80%}}@media(min-width:588px)and (max-width:991px){.pbb-dialog .dialog-content{width:75%}}@media(max-width:587px){.pbb-dialog .dialog-content{width:100%}}.pbb-dialog .dialog-sidebar{background:#fff;font-family:Inter,sans-serif;padding:66px 36px;width:16%}@media(min-width:992px)and (max-width:1200px){.pbb-dialog .dialog-sidebar{width:20%}}@media(min-width:588px)and (max-width:991px){.pbb-dialog .dialog-sidebar{width:25%}}@media(max-width:587px){.pbb-dialog .dialog-sidebar{display:none}}.pbb-dialog .dialog-sidebar__info span{display:block}.pbb-dialog .dialog-sidebar__info-item{margin-bottom:20px}.pbb-dialog .dialog-sidebar__info-use-template{border-top:1px solid #eaedff;bottom:65px;padding-top:50px;position:absolute}.pbb-dialog .dialog-sidebar__info-use-template .use-btn{background:#3353f4;border-radius:30px;color:#fff;display:block;font-size:18px;font-weight:600;padding:14px 25px;text-decoration:none}@media(min-width:992px)and (max-width:1400px){.pbb-dialog .dialog-sidebar__info-use-template .use-btn{font-size:14px;padding:10px 12px}}@media(min-width:768px)and (max-width:991px){.pbb-dialog .dialog-sidebar__info-use-template .use-btn{font-size:14px;padding:14px 15px}}@media(min-width:587px)and (max-width:767px){.pbb-dialog .dialog-sidebar__info-use-template .use-btn{font-size:14px;padding:10px 14px;text-align:center}}.pbb-dialog .dialog-sidebar__info-use-template .use-btn svg{margin-left:6px;position:relative;top:1px;transition:.3s}.pbb-dialog .dialog-sidebar__info-use-template .use-btn:hover svg{transform:translateX(8px)}.pbb-dialog .dialog-sidebar__label{color:#6a6973;font-size:14px;font-weight:500}.pbb-dialog .nav-container{align-items:center;background:#f8fcff;display:flex;justify-content:space-between;padding:13px 20px}.pbb-dialog .nav-left{display:flex;gap:24px}.pbb-dialog .nav-left button{align-items:center;background:#f8fcff;border:none;border-radius:30px;color:#111722;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:6px 8px;position:relative;transition:.3s}.pbb-dialog .nav-left button:hover{background:#eaf1ff;color:#111722}.pbb-dialog .nav-left button:hover svg path{stroke:#111722}.pbb-dialog .nav-left button:before{background:#d7d3f6;content:"";height:14px;position:absolute;right:-12px;top:8px;width:2px}.pbb-dialog .nav-left button.back-btn{font-family:Inter,sans-serif}.pbb-dialog .nav-left button.back-btn svg{margin-right:8px}.pbb-dialog .nav-left .page-title{color:#111722;font-size:18px;font-weight:700;margin:0;position:relative;top:4px}.pbb-dialog .nav-right .device-selector{display:flex}.pbb-dialog .nav-right .device-selector button{align-items:center;background:transparent;border:none;border-radius:30px;cursor:pointer;display:flex;font-family:Inter,sans-serif;padding:6px 10px;transition:.3s}.pbb-dialog .nav-right .device-selector button svg{margin-right:5px}.pbb-dialog .nav-right .device-selector button.active{background:#111722;color:#fff}.pbb-dialog .nav-right .device-selector button.active svg path{stroke:#fff}.pbb-dialog .nav-right .device-selector button:hover{background:#eaf1ff;color:#111722}.pbb-dialog .nav-right .device-selector button:hover svg path{stroke:#111722}body.popup-builder-body::-webkit-scrollbar,html.popup-builder-html::-webkit-scrollbar{height:0;width:0}body.popup-builder-body::-webkit-scrollbar-track,html.popup-builder-html::-webkit-scrollbar-track{background:transparent}body.popup-builder-body::-webkit-scrollbar-thumb,html.popup-builder-html::-webkit-scrollbar-thumb{background:transparent;border-radius:0}body.popup-builder-body::-webkit-scrollbar-thumb:hover,html.popup-builder-html::-webkit-scrollbar-thumb:hover{background:transparent}.import-dialog-overlay{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1) 0ms;z-index:999999}.import-dialog-box{background:#fff;background-color:#fff;border-radius:4px;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);flex-direction:column;max-height:calc(100% - 64px);max-width:1200px;overflow-y:auto;width:600px}.import-dialog-box,.import-dialog-header{color:#0c0d0e;display:flex;position:relative;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms}.import-dialog-header{align-items:center;background-color:transparent;box-shadow:none;box-sizing:border-box;color:inherit;font-weight:400;justify-content:space-between;padding:18px 30px;width:100%}.import-dialog-header-title{font-size:20px;font-weight:700;margin:0}.import-dialog-close-btn{background:#eeeff4;border:none;border-radius:3px;cursor:pointer;font-size:20px;line-height:1;padding:5px 9px;position:absolute;right:10px}.import-dialog-close-btn,.import-dialog-close-btn svg{transition:.3s ease-in-out}.import-dialog-close-btn:hover{background:#dbdff3}.import-dialog-close-btn:hover svg{fill:#181a26}.import-dialog-content{border-top:1px solid #e6e7ed;padding:30px}.import-dialog-content .import-title-input{background:#fff;border:1px solid #d7d8dd;border-radius:4px;box-shadow:0 1px 3px -1px rgba(24,26,38,.14);line-height:1;padding:11.5px 20px;transition:all .3s;width:100%}.import-dialog-content .import-title-input:active,.import-dialog-content .import-title-input:focus{background:#fff;border:1px solid #000;box-shadow:0 1px 3px -1px rgba(9,11,15,.2),0 0 0 3px rgba(51,83,244,.14);outline:none}.import-dialog-info .import-label{color:#181a26;font-size:18px;font-weight:400;line-height:1;margin-bottom:11px;margin-top:0;position:relative}.import-dialog-info .import-label .tooltip{background:#181a26;border-radius:4px;box-shadow:0 10px 20px -4px rgba(11,12,18,.24);color:hsla(0,0%,100%,.8);font-size:12px;font-weight:500;line-height:18px;opacity:0;padding:8px 10px;position:absolute;text-align:center;transform:translate(-55%,-110%);transition:.3s ease-in-out;visibility:hidden;width:205px}.import-dialog-info .import-label .tooltip:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.8);bottom:-26px;content:"";position:absolute;right:48.8%;transform:translate(50%,-21px)}.import-dialog-info .import-label svg{cursor:pointer;margin-left:6px;position:relative;top:3px}.import-dialog-info .import-label svg:hover+.tooltip{opacity:1;visibility:visible}.import-dialog-info .import-label svg:hover path{stroke:#181a26}.import-dialog-actions{align-items:center;display:flex;justify-content:space-between}.import-dialog-actions button{align-items:flex-end;background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-wrap:wrap;font-size:14px;font-weight:500;line-height:1;padding:9px 13px;transition:.3s ease-in-out}.import-dialog-actions button svg{margin-left:8px}.import-dialog-actions button:hover{background-color:#5874ff}.import-dialog-actions button .components-spinner{margin-top:0!important}.import-dialog-actions .import-message{color:#717275;font-size:14px;line-height:22px;margin-bottom:0;position:relative;top:4px}.template-filter__inner .search-container{margin-bottom:20px;position:relative}.template-filter__inner .search-container .custom-clear-icon{cursor:pointer;line-height:1;position:absolute;right:16px;top:52%;transform:translateY(-50%);transition:.3s ease-in-out}.template-filter__inner .search-container .custom-clear-icon:hover path{stroke:#181a26}.template-filter__inner .search-input{background:#fff;border:1px solid #dcdce4;border-radius:4px;box-shadow:0 1px 3px -1px rgba(24,26,38,.1);line-height:1;padding:11px 20px 10px;transition:all .3s;width:-webkit-fill-available}.template-filter__inner .search-input:active,.template-filter__inner .search-input:focus{background:#fff;border:1px solid #3353f4;box-shadow:0 1px 3px -1px rgba(9,11,15,.2),0 0 0 3px rgba(51,83,244,.14);outline:none}.pbb-templates .clear-filters,.pbb-templates .clear-filters *{box-sizing:border-box}.pbb-templates .clear-filters{background:#000;background:#3353f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:25px;outline:none;padding:8px 20px;text-align:center;transition:all .3s ease-in-out;width:100%}.pbb-templates .clear-filters:hover{background:#5874ff}.pbb-templates .clear-filters span{color:#fff;display:block;font-family:Roboto,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-align:center}.pbb-templates .templates-page .no-message-border{border-left:2px solid #fff;display:flex;height:100%;padding-left:20px}.pbb-templates .templates-page .no-message-border .no-message{align-items:center;background:rgba(101,126,255,.1);border:1px solid #657eff;border-radius:4px;display:inline-flex;gap:10px;justify-content:center;padding:18px 24px}.pbb-templates .templates-page .no-message-border .no-message span{color:#181a26;font-size:24px;font-weight:400;line-height:1}.pbb-templates .templates-page .no-message-border .info-icon{margin-right:8px}