.notification{position:relative;cursor:pointer}.notification.has-alerts{background:#e7f4eb;color:#08762c}.notification>b{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;border-radius:10px;background:#d84848;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:7px}.notification-panel{position:absolute;right:150px;top:62px;width:330px;max-height:370px;background:#fff;border:1px solid #e5ebe7;border-radius:12px;box-shadow:0 15px 40px #173d2426;overflow:hidden;z-index:50}.notification-panel header{height:58px;padding:12px 14px;border-bottom:1px solid #e5ebe7;display:flex;justify-content:space-between;align-items:center}.notification-panel header>div,.notification-panel>div>button>span{display:flex;flex-direction:column}.notification-panel header span{font-size:7px;letter-spacing:.14em;color:#08762c;font-weight:800}.notification-panel header strong{font-size:12px;margin-top:2px}.notification-panel header button{border:0;background:#f0f3f1;width:25px;height:25px;border-radius:7px}.notification-panel>div{max-height:311px;overflow-y:auto;padding:5px}.notification-panel>div>button{width:100%;border:0;background:#fff;border-radius:8px;padding:8px;display:flex;gap:9px;text-align:left}.notification-panel>div>button:hover{background:#f3f7f4}.notification-panel>div>button>i{width:27px;height:27px;border-radius:8px;background:#e8f4eb;color:#08762c;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:800;flex:none}.notification-panel>div>button.overdue>i{background:#fdeaea;color:#ad3434}.notification-panel>div>button>span{min-width:0}.notification-panel>div strong{font-size:9px}.notification-panel>div small{font-size:7px;color:#69746d;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-panel time{font-size:7px;color:#929a95}.notification-panel p{text-align:center;color:#69746d;font-size:9px;padding:20px}@media(max-width:760px){.notification-panel{position:fixed;top:58px;right:12px;width:min(320px,calc(100vw - 24px));max-height:330px}.notification-panel>div{max-height:271px}}