#nav-notifications{position:relative;white-space:nowrap;min-width:44px;min-height:44px}.notification-count{background:#653bb8;color:white;border-radius:20px;padding:2px 6px;font-size:12px}.notifications-dialog{border:1px solid #e4def0;border-radius:18px;width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:20px;color:#252333;box-sizing:border-box;overflow:auto}.notifications-dialog::backdrop{background:#19132766}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-heading h2{margin:0 0 16px}.notification-list{margin-top:14px}.notification-item{padding:14px 10px;border-top:1px solid #e9e5ee;overflow-wrap:anywhere}.notification-item a{display:block;text-decoration:none;color:inherit}.notification-item small{display:block;color:#6d6476;margin-top:5px}.notification-item>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.notification-item button,.notification-heading button{min-height:40px;padding:6px 10px;border-radius:9px;border:1px solid #ddd6e7;background:#fff;cursor:pointer}.notification-unread{background:#f3edff;border-left:3px solid #7750b8}.notifications-dialog a:focus-visible,.notifications-dialog button:focus-visible{outline:3px solid #7d59bb;outline-offset:2px}@media(max-width:520px){.notifications-dialog{padding:14px}.nav #nav-notifications{padding:6px}}

header .nav #nav-notifications{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:10px;border-radius:50%;background:#e5d8fb;color:#702bd1;flex-shrink:0;border:0}
header .nav #nav-notifications[hidden]{display:none!important}
header .nav #nav-notifications:hover{background:#d9c5f6}
header .nav #nav-notifications:focus-visible{outline:3px solid #702bd1;outline-offset:3px}
.notification-bell{width:25px;height:25px;fill:currentColor}
#nav-notifications .notification-count{position:absolute;top:0;right:-3px;min-width:18px;height:18px;padding:1px 4px;border:2px solid #ece5fc;border-radius:99px;background:#8bd545;color:#213515;font-size:10px;font-weight:800;line-height:12px;text-align:center}
#nav-notifications .notification-count[hidden]{display:none}