.notifal-precreated-archive-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:40px 20px;margin-top:30px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;font-family:"Raleway",Sans-serif,sans-serif}.notifal-precreated-archive-loading-spinner{width:40px;height:40px;margin-bottom:16px;border:3px solid var(--notifal-border, #e0e0e0);border-top-color:var(--notifal-primary, #7e2bd2);border-radius:50%;animation:notifal-precreated-archive-spin .8s linear infinite}@keyframes notifal-precreated-archive-spin{to{transform:rotate(360deg)}}.notifal-precreated-archive-loading-text{margin:0;font-size:15px;font-weight:500;color:var(--notifal-text-muted, #666)}.notifal-archive-header{position:relative}.notifal-archive-title-section{display:flex;justify-content:center}.notifal-archive-title{justify-content:center!important}.notifal-archive-cache-info{position:absolute;top:0;right:0}.notifal-archive-cache-info .notifal-tooltip-wrapper .notifal-tooltip-box{left:auto;right:0;transform:none}.notifal-marketplace-archive,.notifal-marketplace-archive *{font-family:"Raleway",Sans-serif!important}.notifal-marketplace-archive .notifal-icon,.notifal-marketplace-archive .notifal-icon *{font-family:notifal-icon!important}.notifal-marketplace-archive a:focus{outline:unset!important;box-shadow:unset!important}.notifal-marketplace-archive a:focus-visible,.notifal-marketplace-archive a:active{color:var(--notifal-primary-hover)!important}.notifal-marketplace-archive{font-family:"Raleway",Sans-serif!important;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:20px;margin-top:30px}.archive-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:250px 1fr;gap:10px}.notifal-precreated-archive-trending{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:16px}.notifal-precreated-archive-trending-label{font-size:14px;font-weight:600;color:var(--notifal-text-muted, #666);flex-shrink:0}.notifal-precreated-archive-trending-tags{display:flex;flex-wrap:wrap;gap:8px}.notifal-trending-tag{display:inline-flex;align-items:center;padding:6px 14px;font-size:13px;font-weight:500;font-family:"Raleway",Sans-serif,sans-serif;color:var(--notifal-primary, #7B2CBF);background:#7b2cbf14;border:1px solid rgba(123,44,191,.25);border-radius:20px;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.notifal-trending-tag:hover{color:var(--notifal-primary-hover, #6d28d9);background:#7b2cbf1f;border-color:#7b2cbf66}.notifal-trending-tag:focus{outline:2px solid var(--notifal-primary, #7B2CBF);outline-offset:2px}.notifal-trending-tag.is-active{color:#fff;background:var(--notifal-primary, #7B2CBF);border-color:var(--notifal-primary, #7B2CBF)}.notifal-trending-tag.is-active:hover{background:var(--notifal-primary-hover, #6d28d9);border-color:var(--notifal-primary-hover, #6d28d9)}.archive-sidebar{height:fit-content;position:sticky;top:20px;height:100vh;overflow:auto}.filter-sidebar{padding:5px}.filter-section{margin-bottom:30px;border-bottom:1px solid #F8EBFF;padding-bottom:10px}.filter-section h3{font-size:20px!important;margin-bottom:15px;color:#1a1a1a;font-weight:600}.filter-section:last-child{margin-bottom:0}.filter-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.filter-section-header h3{font-size:20px!important;margin:0!important;color:var(--notifal-text, #1a1a1a);font-weight:600;flex:1}.filter-section-toggle{display:flex;align-items:center;justify-content:center;padding:4px;margin:0;border:none;background:transparent;cursor:pointer;color:var(--notifal-primary, #7B2CBF);border-radius:4px;transition:color .2s ease,background-color .2s ease}.filter-section-toggle:hover{color:var(--notifal-primary-hover, #6d28d9);background-color:#7b2cbf14}.filter-section-toggle:focus{outline:2px solid var(--notifal-primary, #7B2CBF);outline-offset:2px}.filter-section-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.filter-section.filter-section--collapsed .filter-section-toggle-icon{transform:rotate(180deg)}.filter-section.filter-section--taxonomy .filter-options-wrapper{overflow:hidden;max-height:2000px;transition:max-height .3s ease}.filter-section.filter-section--collapsed .filter-options-wrapper{max-height:0;margin-bottom:0}.filter-section>h3{font-size:20px!important;margin-bottom:15px;color:var(--notifal-text, #1a1a1a);font-weight:600}.filter-options-wrapper{margin-bottom:10px}.filter-option{display:flex;align-items:center;margin-bottom:10px;cursor:pointer}.filter-option-hidden{display:none}.filter-option input[type=checkbox],.filter-option input[type=radio]{margin-right:10px;cursor:pointer;width:18px;height:18px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #7B2CBF;border-bottom-width:2px;border-radius:4px;position:relative;flex-shrink:0;transition:all .2s ease;border-bottom-width:3px}.filter-option input[type=checkbox]:checked{background-color:#7b2cbf;border-color:#7b2cbf}.filter-option input[type=checkbox]:checked:after{content:"";font-family:notifal-icon;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;line-height:1}.filter-option input[type=radio]{border-radius:50%}.filter-option input[type=radio]:checked{background-color:var(--notifal-primary);border-color:var(--notifal-primary)}.filter-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#fff;border-radius:50%}.filter-option label{font-size:14px;color:#1a1a1a;cursor:pointer;flex:1;margin-bottom:0;font-weight:400;line-height:1.5;display:flex;align-items:center;justify-content:start;gap:6px}.filter-option:hover label{color:var(--notifal-primary)}.taxonomy-filter-count{color:#ababab}.filter-load-more{display:flex;color:var(--notifal-primary);font-size:14px;font-weight:500;text-decoration:none;margin-top:5px;transition:color .2s ease;align-items:center}.load-more-icon{display:flex;transition:transform .3s ease}.load-more-icon.expanded{transform:rotate(180deg)}.filter-load-more:hover{color:#6d28d9;text-decoration:none}.clear-filters-btn{background:#f3f4f6;color:#374151;border:2px solid #e5e5e5;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.clear-filters-btn:hover{background:#e5e5e5;border-color:#d1d5db}.archive-main-content{padding:30px}.archive-search-section{margin-bottom:24px;display:flex;justify-content:flex-end}.archive-search-inner{display:flex;flex-direction:column;gap:6px;width:100%;max-width:480px}.archive-search-input{width:100%;max-width:480px;padding:5px 16px!important;font-size:16px!important;color:var(--notifal-text, #1a1a1a)!important;background:#fff!important;border:2px solid var(--notifal-border, #e5e5e5)!important;border-radius:8px!important;transition:border-color .2s ease,box-shadow .2s ease}.archive-search-input::placeholder{color:var(--notifal-text-muted, #9ca3af)}.archive-search-input:hover{border-color:var(--notifal-border, #d1d5db)}.archive-search-input:focus{outline:none;border-color:var(--notifal-primary, #7B2CBF);box-shadow:0 0 0 3px #7b2cbf26}.notifications-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.notifications-grid[data-columns="2"]{grid-template-columns:repeat(2,1fr)}.notifications-grid[data-columns="3"]{grid-template-columns:repeat(3,1fr)}.notifications-grid[data-columns="4"]{grid-template-columns:repeat(4,1fr)}.notification-card{margin:0;height:auto;display:flex;flex-direction:column;border-bottom:1px solid #F8EBFF;padding-bottom:14px;justify-content:space-between}.notification-card-content{display:flex;flex-direction:column;gap:10px}.featured-image{width:100%;height:180px;background-color:#d1d1d1;border:1px solid #7B2CBF;border-radius:16px;overflow:hidden;border-bottom-width:3px;position:relative}.featured-image img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#d1d1d1;border:3px solid #7B2CBF;border-radius:20px;box-shadow:0 4px 12px #7b2cbf4d}.notifal-layout-holder{position:relative;width:100%;height:100%;box-sizing:border-box}.notifal-layout-site{position:relative;width:100%;height:100%;min-height:100%;background:linear-gradient(180deg,#e8e9ec,#dfe1e5);overflow:hidden}.notifal-layout-cover-wrapper{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;padding:10px 12px 12px;pointer-events:none}.notifal-layout-cover-row{height:6px;border-radius:4px;background:#94a3b859;width:100%}.notifal-layout-cover-row:first-child{height:8px;max-width:100%;background:#94a3b866}.notifal-layout-cover-row:nth-child(2){width:92%;height:24px;border-radius:6px;background:#94a3b847}.notifal-layout-cover-row--small{height:5px;border-radius:4px;background:#94a3b84d;width:72%}.notifal-layout-cover-row--small:last-of-type{width:85%}.notifal-layout-cover-columns{display:flex;gap:8px;margin-top:4px;flex:1;min-height:0}.notifal-layout-cover-col{flex:1;min-width:0;border-radius:6px;background:#94a3b838}.notifal-layout-cover-col:first-child{flex:.85}.notifal-layout-cover-col:last-child{flex:1.1}.notifal-layout-feature{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:8px 10px 10px;box-sizing:border-box}.notifal-layout-feature img,.notifal-layout-feature .image-placeholder{border-radius:10px}.featured-image.notifal-layout--popup .notifal-layout-feature{align-items:center;justify-content:center}.featured-image.notifal-layout--popup .notifal-layout-feature:before{content:"";position:absolute;inset:0;background:#00000073;z-index:0}.featured-image.notifal-layout--popup .notifal-layout-feature img,.featured-image.notifal-layout--popup .notifal-layout-feature .image-placeholder{max-width:78%;max-height:78%;width:auto;height:auto;object-fit:contain;position:relative;z-index:1}.featured-image.notifal-layout--floating-bar .notifal-layout-feature{align-items:flex-start;justify-content:center;padding:0 0 10px}.featured-image.notifal-layout--floating-bar .notifal-layout-feature img,.featured-image.notifal-layout--floating-bar .notifal-layout-feature .image-placeholder{width:100%;max-width:100%;height:auto;max-height:38%;min-height:28px;object-fit:contain;object-position:top center;border-radius:0}.featured-image.notifal-layout--floating-box .notifal-layout-feature{align-items:flex-end;justify-content:flex-start}.featured-image.notifal-layout--floating-box .notifal-layout-feature img,.featured-image.notifal-layout--floating-box .notifal-layout-feature .image-placeholder{max-width:60%;max-height:68%;width:auto;height:auto;object-fit:contain;object-position:bottom left}.notification-title{line-height:26px!important;font-size:16px!important}.badges-container{display:flex;flex-wrap:wrap;gap:6px}.badge{background-color:#ecc8ff;color:#1a1a1a;border-radius:20px;font-weight:500;display:inline-flex;align-items:center;gap:4px;font-family:inherit;padding:2px 13px;font-size:13px}.view-details{text-decoration:none;font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;color:#10002b;margin-top:20px;transition:color .3s ease}.view-details:hover{color:#7b2cbf;text-decoration:none}.view-details-icon{display:inline-block;transform:rotate(45deg);margin-left:5px}.load-more-container{display:flex;justify-content:center;margin-top:40px;grid-column:1 / -1}.load-more-btn{background:var(--notifal-primary);color:#fff;border:none;padding:12px 40px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.load-more-btn:hover{background:var(--notifal-primary-hover)}.load-more-btn:disabled{background:#d1d5db;cursor:not-allowed}.notifal-notifications-empty,.notifal-archive-error{padding:60px 20px;grid-column:1 / -1}.notifal-empty-icon,.notifal-error-icon{margin-bottom:20px}.notifal-empty-icon svg,.notifal-error-icon svg{color:var(--notifal-text-muted, #6b7280)}.notifal-empty-title,.notifal-error-title{margin-bottom:10px;font-size:18px;font-weight:600;color:var(--notifal-text-color, #111827)}.notifal-empty-message,.notifal-error-message{margin-bottom:20px;color:var(--notifal-text-muted, #6b7280)}.no-notifications{text-align:center;padding:60px 20px}.no-notifications p{font-size:18px;color:#666;margin-bottom:20px}.reset-filters-btn{background:var(--notifal-primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.reset-filters-btn:hover{background:#6d28d9}.notifal-loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border-top-color:var(--notifal-primary);animation:notifal-spin 1s ease-in-out infinite}@keyframes notifal-spin{to{transform:rotate(360deg)}}.notifal-notification-popup{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px}.notifal-notification-popup.notifal-popup-hidden{display:none}.notifal-popup-overlay{position:absolute;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.notifal-popup-container{position:relative;background-color:var(--notifal-white, #ffffff);border-radius:12px;box-shadow:0 10px 40px #0003;max-width:900px;width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;z-index:1;overflow:hidden;margin:auto}.notifal-popup-header{display:flex;align-items:center;justify-content:center;padding:20px 30px;border-bottom:1px solid var(--notifal-border, #e5e7eb);background-color:var(--notifal-white, #ffffff);flex-shrink:0;position:relative}.notifal-popup-title{margin:0;font-size:20px;font-weight:600;color:var(--notifal-text-dark, #1a1a1a);flex:1;text-align:center}.notifal-popup-back-btn{padding:8px 12px;font-size:14px;font-weight:500;display:inline-flex}.notifal-popup-back-btn:hover{background-color:var(--notifal-secondary-hover, #e5e7eb);border-color:var(--notifal-border, #d1d5db);color:var(--notifal-text-dark, #374151)}.notifal-popup-back-btn .notifal-icon{display:flex;align-items:center;justify-content:center}.notifal-popup-content{padding:30px;overflow-y:auto;flex:1;max-height:400px}.notifal-popup-hidden{display:none!important}.notifal-popup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.notifal-popup-loading .notifal-loading-spinner{margin-bottom:20px}.notifal-popup-loading p{color:var(--notifal-text-muted, #6b7280);font-size:16px;margin:0}.notifal-popup-body{display:flex;flex-direction:column;gap:24px}.notifal-popup-preview{display:flex;flex-direction:column;gap:12px}.notifal-popup-image-holder{width:100%;min-height:300px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.notifal-popup-image-holder img{width:100%;height:auto;display:block;max-height:500px;object-fit:contain}.notifal-popup-image-placeholder{padding:40px;text-align:center;color:#9ca3af;font-size:14px}.notifal-notification-popup .notifal-popup-preview-area.preview-area{display:flex;flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;min-width:0}.notifal-notification-popup .notifal-popup-preview-area .image-holder{background:#b8b8b8;width:100%;max-width:100%;position:relative;overflow:hidden;margin-bottom:0;border-radius:16px 16px 0 0;box-sizing:border-box;min-width:0;aspect-ratio:16/9}.notifal-notification-popup .notifal-popup-preview-area .image-holder img{transition:opacity .3s ease}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-holder{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-site{position:relative;width:100%;height:100%;min-height:100%;background:linear-gradient(135deg,#eae6f2,#eee8f0);overflow:hidden}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-wrapper{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;padding:8px 10px 10px;pointer-events:none;background:linear-gradient(135deg,#e8e4f4,#f0e8f0,#f4e8ee);border-radius:0;box-sizing:border-box}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-site-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding:4px 0}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-logo{display:block;width:28px;height:10px;border-radius:3px;background:#78648c59;flex-shrink:0}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-nav-links{display:block;width:52%;max-width:120px;height:6px;border-radius:3px;background:#78648c47}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-hero{flex-shrink:0;height:14px;width:100%;border-radius:4px;background:#78648c38}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-main{display:flex;gap:8px;flex:1;min-height:0}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;justify-content:flex-start}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-heading{height:10px;width:65%;border-radius:3px;background:#5a4b6e6b;flex-shrink:0}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-line{height:5px;min-height:5px;border-radius:2px;background:#5a4b6e57;width:100%;flex-shrink:0;display:block}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-line--short{width:82%}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-body{flex:1;min-height:28px;border-radius:4px;background:#5a4b6e33}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-media{width:100%;aspect-ratio:16 / 9;max-height:42px;border-radius:4px;background:#5a4b6e47;flex-shrink:0}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-cta{height:8px;width:45%;border-radius:4px;background:#5a4b6e52;flex-shrink:0;margin-top:2px}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-sidebar{flex:0 0 28%;min-width:0;display:flex;flex-direction:column;gap:5px}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-card{flex:1;min-height:24px;border-radius:4px;background:#5a4b6e52}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-card:last-child{flex:.6}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-cover-footer{flex-shrink:0;height:6px;width:70%;margin-top:2px;border-radius:2px;background:#645a7833}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-feature{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:8px 10px 10px;box-sizing:border-box}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-feature .notifal-popup-image-placeholder,.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-feature .no-preview{position:relative;z-index:1}.notifal-notification-popup .notifal-popup-preview-area .image-holder.notifal-layout--popup .notifal-layout-feature:before{content:"";position:absolute;inset:0;background:#00000073;z-index:0}.notifal-notification-popup .notifal-popup-preview-area .image-holder.notifal-layout--popup .notifal-layout-feature img,.notifal-notification-popup .notifal-popup-preview-area .image-holder.notifal-layout--popup .notifal-layout-feature .notifal-popup-image-placeholder,.notifal-notification-popup .notifal-popup-preview-area .image-holder.notifal-layout--popup .notifal-layout-feature .no-preview{max-width:78%;max-height:78%;width:auto;height:auto;object-fit:contain;position:relative;z-index:1}.notifal-notification-popup .notifal-popup-preview-area .image-holder.notifal-layout--floating-bar .notifal-layout-feature{align-items:flex-start;justify-content:center;padding:0 0 10px}.notifal-notification-popup .notifal-popup-preview-area .image-holder.notifal-layout--floating-bar .notifal-layout-feature img,.notifal-notification-popup .notifal-popup-preview-area .image-holder.notifal-layout--floating-bar .notifal-layout-feature .notifal-popup-image-placeholder,.notifal-notification-popup .notifal-popup-preview-area .image-holder.notifal-layout--floating-bar .notifal-layout-feature .no-preview{width:100%;max-width:100%;height:auto;max-height:38%;min-height:28px;object-fit:cover;object-position:top center;border-radius:0}.notifal-notification-popup .notifal-popup-preview-area .image-holder.notifal-layout--floating-box .notifal-layout-feature{align-items:flex-end;justify-content:flex-start}.notifal-notification-popup .notifal-popup-preview-area .image-holder.notifal-layout--floating-box .notifal-layout-feature img,.notifal-notification-popup .notifal-popup-preview-area .image-holder.notifal-layout--floating-box .notifal-layout-feature .notifal-popup-image-placeholder,.notifal-notification-popup .notifal-popup-preview-area .image-holder.notifal-layout--floating-box .notifal-layout-feature .no-preview{max-width:60%;max-height:68%;width:auto;height:auto;object-fit:contain;object-position:bottom left}.notifal-notification-popup .notifal-popup-preview-area .image-holder[data-device=mobile]{width:100%;max-width:280px;margin-left:auto;margin-right:auto;aspect-ratio:9 / 19.5;min-height:300px;border-radius:22px;border:6px solid #1a1a1a;box-shadow:0 0 0 1px #333,0 16px 32px #00000040;overflow:hidden}.notifal-notification-popup .notifal-popup-preview-area .image-holder[data-device=mobile] .notifal-layout-holder,.notifal-notification-popup .notifal-popup-preview-area .image-holder[data-device=mobile] .notifal-layout-site{min-height:100%}.notifal-notification-popup .notifal-popup-preview-area .image-holder[data-device=mobile].notifal-layout--floating-bar .notifal-layout-feature img,.notifal-notification-popup .notifal-popup-preview-area .image-holder[data-device=mobile].notifal-layout--floating-bar .notifal-layout-feature .notifal-popup-image-placeholder,.notifal-notification-popup .notifal-popup-preview-area .image-holder[data-device=mobile].notifal-layout--floating-bar .notifal-layout-feature .no-preview{width:auto;max-width:100%;max-height:36%;object-fit:contain;object-position:top center}.notifal-notification-popup .notifal-popup-preview-area .image-holder[data-device=mobile].notifal-layout--popup .notifal-layout-feature img,.notifal-notification-popup .notifal-popup-preview-area .image-holder[data-device=mobile].notifal-layout--popup .notifal-layout-feature .notifal-popup-image-placeholder,.notifal-notification-popup .notifal-popup-preview-area .image-holder[data-device=mobile].notifal-layout--popup .notifal-layout-feature .no-preview{max-width:85%;max-height:72%}.notifal-notification-popup .notifal-popup-preview-area .image-holder[data-device=mobile].notifal-layout--floating-box .notifal-layout-feature img,.notifal-notification-popup .notifal-popup-preview-area .image-holder[data-device=mobile].notifal-layout--floating-box .notifal-layout-feature .notifal-popup-image-placeholder,.notifal-notification-popup .notifal-popup-preview-area .image-holder[data-device=mobile].notifal-layout--floating-box .notifal-layout-feature .no-preview{max-width:70%;max-height:55%}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-feature .notifal-popup-image-placeholder{padding:24px;font-size:14px;color:#6b7280}.notifal-notification-popup .notifal-popup-preview-area .image-holder .notifal-layout-feature .no-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d1d1d1,silver);color:#666;font-size:14px;font-weight:500}.notifal-notification-popup .notifal-popup-preview-area .notifal-popup-toolbar{background:#1a0d2e;padding:6px;border-radius:0 0 16px 16px;gap:30px}.notifal-notification-popup .notifal-popup-preview-area .notifal-popup-device-btn.icon-btn{background:transparent;border:none;border-bottom:4px solid transparent;color:#fff;padding:3px 3px 5px}.notifal-notification-popup .notifal-popup-preview-area .notifal-popup-device-btn.icon-btn:hover{color:#ffffffe6}.notifal-notification-popup .notifal-popup-preview-area .notifal-popup-device-btn.icon-btn.active{border-bottom-color:#fff;background:transparent;color:#fff}.notifal-popup-toolbar{display:flex;gap:8px;justify-content:center}.notifal-popup-device-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;background-color:var(--notifal-secondary, #f3f4f6);border:2px solid var(--notifal-border, #e5e7eb);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--notifal-text-muted, #6b7280)}.notifal-popup-device-btn:hover{background-color:var(--notifal-secondary-hover, #e5e7eb);border-color:var(--notifal-border, #d1d5db)}.notifal-popup-device-btn.active{background-color:var(--notifal-primary, #7B2CBF);border-color:var(--notifal-primary, #7B2CBF);color:var(--notifal-white, #ffffff)}.notifal-popup-device-btn .notifal-icon{display:flex;align-items:center;justify-content:center}.notifal-popup-notification-title{margin:0;font-size:24px;font-weight:600;color:var(--notifal-text-dark, #1a1a1a);line-height:1.4}.notifal-popup-badges{display:flex;flex-wrap:wrap;gap:8px}.notifal-popup-badges .badge{background-color:#ecc8ff;color:#1a1a1a;border-radius:20px;font-weight:500;display:inline-flex;align-items:center;gap:4px;font-family:inherit;padding:4px 13px;font-size:13px}.notifal-popup-description{color:var(--notifal-text-dark, #374151);font-size:16px;line-height:1.6}.notifal-popup-description p{margin:0 0 16px}.notifal-popup-description p:last-child{margin-bottom:0}.notifal-popup-description ul,.notifal-popup-description ol{margin:16px 0;padding-left:24px}.notifal-popup-description h1,.notifal-popup-description h2,.notifal-popup-description h3,.notifal-popup-description h4{margin:24px 0 16px;font-weight:600;color:var(--notifal-text-dark, #1a1a1a)}.notifal-popup-description h1:first-child,.notifal-popup-description h2:first-child,.notifal-popup-description h3:first-child,.notifal-popup-description h4:first-child{margin-top:0}.notifal-popup-description h1,.notifal-popup-description h2,.notifal-popup-description h3,.notifal-popup-description h4{color:var(--notifal-text-dark, #1a1a1a)}.notifal-popup-error{padding:40px 20px;text-align:center}.notifal-popup-error-message{color:#dc2626;font-size:16px;margin:0}.notifal-popup-footer{padding:20px 30px;border-top:1px solid var(--notifal-border, #e5e7eb);background-color:var(--notifal-white, #ffffff);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.notifal-popup-import-buttons{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap}.notifal-popup-import-btn{background-color:var(--notifal-primary, #7B2CBF);color:var(--notifal-white, #ffffff);border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:inline-flex;align-items:center;gap:6px;min-width:140px;justify-content:center}.notifal-popup-import-btn .notifal-icon{display:flex;align-items:center;justify-content:center}.notifal-popup-import-btn:hover{background-color:var(--notifal-primary-hover, #6d28d9)}.notifal-popup-import-btn:active{background-color:var(--notifal-primary-hover, #5b21b6)}.notifal-popup-import-btn.notifal-disabled,.notifal-popup-import-btn:disabled{background-color:var(--notifal-gray-400, #9CA3AF);cursor:not-allowed;opacity:.6}.notifal-popup-import-btn.notifal-disabled:hover,.notifal-popup-import-btn:disabled:hover{background-color:var(--notifal-gray-400, #9CA3AF)}.notifal-popup-template-request-note{padding:16px 24px 24px;border-top:1px solid var(--notifal-gray-200, #e5e7eb);background-color:var(--notifal-gray-50, #f9fafb)}.notifal-popup-template-request-note.notifal-popup-hidden{display:none}.notifal-popup-request-note-item{margin-bottom:16px}.notifal-popup-request-note-item:last-child{margin-bottom:0}.notifal-popup-request-note-item.notifal-popup-hidden{display:none}.notifal-popup-request-note-text{margin:0 0 8px;font-size:14px;line-height:1.5;color:var(--notifal-gray-700, #374151)}.notifal-popup-template-request-note .notifal-template-request-btn{padding:0;font-weight:600;color:var(--notifal-primary, #7B2CBF);background:none;border:none;cursor:pointer;text-decoration:underline;font-size:14px}.notifal-popup-template-request-note .notifal-template-request-btn:hover{color:var(--notifal-primary-hover, #6d28d9)}.notifal-popup-template-request-note .notifal-template-request-btn:disabled{opacity:.7;cursor:wait}.notifal-popup-template-request-note .notifal-template-request-btn.notifal-request-submitted:disabled{cursor:default}@media(max-width:768px){.notifal-notification-popup{padding:10px}.notifal-popup-container{width:100%;max-height:calc(100vh - 20px)}.notifal-popup-header{padding:16px 20px}.notifal-popup-back-btn{position:static;left:auto;margin-right:12px}.notifal-popup-title{text-align:left;flex:none}.notifal-popup-content{padding:20px}.notifal-popup-footer{padding:16px 20px;flex-direction:column;gap:12px;align-items:stretch}.notifal-popup-import-buttons{flex-direction:column;gap:8px;order:2}.notifal-popup-import-btn{min-width:unset;width:100%}.notifal-popup-notification-title{font-size:20px}.notifal-popup-image-holder{min-height:200px}}