.notification-bell{position:relative;display:inline-flex;align-items:center}.notification-bell>button{position:relative;border:0;background:transparent;color:#573b29;font:inherit;font-size:18px;line-height:1;cursor:pointer;padding:8px}.notification-bell>button b{position:absolute;top:-2px;right:-6px;min-width:16px;height:16px;padding:0 3px;border-radius:10px;background:#b9342b;color:#fff;font:10px/16px Arial,sans-serif;text-align:center}.notification-bell aside{position:absolute;right:0;top:42px;z-index:20;width:330px;max-height:430px;overflow:auto;background:#fffdf9;border:1px solid #d8cdbb;box-shadow:0 12px 28px rgba(52,35,21,.18);padding:14px;text-align:left}.notification-bell aside header{display:flex;align-items:center;justify-content:space-between;border:0;padding:0 0 10px}.notification-bell aside header span{display:flex;gap:10px}.notification-bell aside header button{border:0;background:none;color:#a8352b;cursor:pointer}.notification-bell aside header button:disabled{color:#9d9185;cursor:default}.notification-bell ul{list-style:none;margin:0;padding:0}.notification-bell li{padding:10px 2px;border-top:1px solid #eee5d9}.notification-bell li.unread{border-left:3px solid #b9342b;padding-left:9px}.notification-bell li a,.notification-bell li b{color:#2d2119;text-decoration:none;font-weight:700}.notification-bell li p{margin:5px 0;color:#6d5948;font-size:13px;line-height:1.5}.notification-bell li time{color:#968270;font-size:11px}.notification-bell .empty{margin:8px 0;color:#826b58;font-size:13px}