.notification-bell{position:relative}.notification-bell>summary{list-style:none;cursor:pointer;position:relative}.notification-bell>summary::-webkit-details-marker{display:none}.notification-bell .count[hidden]{display:none}.notification-popover{position:absolute;inset-inline-end:0;top:calc(100% + .6rem);z-index:90;width:min(25rem,calc(100vw - 1.5rem));background:var(--surface,#fff);color:var(--text,#172033);border:1px solid var(--border,#dbe1ea);border-radius:16px;box-shadow:0 16px 48px #16213d26;overflow:hidden}.notification-popover header,.notification-popover footer{padding:1rem;display:flex;gap:.75rem;justify-content:space-between;align-items:center}.notification-popover header{border-bottom:1px solid var(--border,#dbe1ea)}.notification-popover footer{border-top:1px solid var(--border,#dbe1ea)}.notification-popover a{font-size:.85rem;white-space:normal}.notification-popover [data-notification-items]{max-height:min(65vh,28rem);overflow:auto}.notification-popover form{margin:0}.notification-popover button{display:grid;text-align:start;width:100%;background:transparent;color:inherit;border:0;border-bottom:1px solid var(--border,#dbe1ea);border-radius:0;cursor:pointer;padding:1rem;gap:.35rem;line-height:1.45}.notification-popover button:hover,.notification-popover button:focus-visible{background:var(--surface-alt,#f0f4fa)}.notification-popover small{font-size:.75rem;color:var(--muted,#556071)}.notification-popover p{padding:1rem}.menu-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;padding:.08rem .45rem;margin-inline-start:auto;border-radius:99px;font-size:.7rem;background:var(--brand-primary,#2463eb);color:var(--brand-primary-ink,#fff);font-variant-numeric:tabular-nums}.member-mute-control{margin-top:.7rem;max-width:25rem}.member-mute-control summary{cursor:pointer;color:var(--link,#2259b5);font-weight:600}.member-mute-control form{display:grid;gap:.6rem;margin:.7rem 0}.member-mute-control label{display:grid;gap:.2rem}.member-mute-control .muted{font-size:.8rem}.notification-popover button span{overflow-wrap:anywhere}@media(max-width:600px){.notification-popover{position:fixed;top:4.5rem;inset-inline-end:.75rem;max-height:calc(100dvh - 6rem)}}
