.wpun-container{position:relative;display:inline-block}.wpun-bell{cursor:pointer;position:relative;font-size:20px;line-height:2.5em}.wpun-bell svg{height:18px;fill:var(--e-global-color-d227062)}.wpun-count{background:var(--e-global-color-primary);color:#fff;border-radius:50%;font-size:9px;font-weight:700;position:absolute;top:5px;right:-8px;height:1.8em;line-height:1.7em;min-width:1.8em;text-align:center;user-select:none}.wpun-popup{display:none;position:absolute;right:0;background:#fff;border:1px solid #ccc;width:300px;max-height:400px;overflow-y:auto;box-shadow:0 2px 10px rgb(0 0 0 / .1);z-index:99999999;border-radius:4px}.wpun-popup .wpun-item{padding:15px 10px;border-bottom:1px solid #eee;transition:background-color 0.6s ease}.wpun-popup .wpun-item.unread{background-color:#3c973c33;margin-bottom:20px}.wpun-popup .wpun-item.unread .notif-message{font-weight:900}.wpun-show-more{padding:10px;text-align:center;background:#f1f1f1;cursor:pointer;user-select:none;font-weight:600;color:var(--e-global-color-d227062);transition:background-color 0.3s ease}.wpun-show-more:hover{background-color:var(--e-global-color-d227062);color:#fff}.notif-icon{margin-right:6px;vertical-align:middle}.notif-icon svg{height:13px;fill:var(--e-global-color-d227062)}.notif-title{font-size:14px;font-weight:500;color:var(--e-global-color-d227062);line-height:1em}.notif-message{font-size:18px;line-height:1.3em;color:var(--e-global-color-text);margin:7px 0 5px 0}.notif-link{line-height:1em}.notif-link a{font-size:14px;font-weight:500;color:var(--e-global-color-text);line-height:1em;text-decoration:none;transition:color 0.6s ease}.notif-link a:hover{color:var(--e-global-color-d227062)}.wpun-no-notifications{padding:50px 20px;text-align:center;color:var(--e-global-color-text);font-style:italic;user-select:none}