.member-notification-bell{vertical-align:middle;color:var(--foreground,#070721);display:inline-flex;position:relative}.member-notification-bell__trigger{width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.member-notification-bell__trigger:hover{background:var(--color-bg-alt,#eff5f9)}.member-notification-bell__count{background:var(--color-primary,#203ca7);color:#fff;min-width:1.125rem;height:1.125rem;font:600 .625rem/1.125rem var(--font-ui);border-radius:1rem;padding-inline:.15rem;position:absolute;top:0;right:0}.member-notification-bell__panel{background-color:var(--surface-card-bg,var(--surface-0,#fff));border-radius:var(--surface-card-radius,var(--radius-lg,20px));box-shadow:var(--surface-card-shadow,0 2px 8px #0707210f);border:1px solid var(--surface-card-border,var(--surface-1,#f0f0f0));box-shadow:var(--surface-card-shadow-raised,0 12px 32px #0707211f);z-index:80;top:calc(var(--header-offset,4rem) + .75rem);width:auto;max-height:min(70vh,38rem);padding:1.25rem;position:fixed;left:1rem;right:1rem;overflow:auto}.member-notification-bell__panel header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem .5rem;display:grid}.member-notification-bell__panel h2{font-family:var(--font-display);grid-column:1;margin:0;font-size:1.25rem;font-weight:400}.member-notification-bell__panel header>span,.member-notification-bell__panel p{color:var(--color-text-muted,#526074);font-size:.8125rem}.member-notification-bell__panel header>span{grid-column:1}.member-notification-bell__panel header>button{grid-area:1/2/3;width:2.75rem;font-size:1.25rem}.member-notification-bell__panel ul{margin:.75rem 0 0;padding:0;list-style:none}.member-notification-bell__panel li{border-top:1px solid var(--color-border,#dde3ed);padding:.875rem 0 .875rem .75rem}.member-notification-bell__unread{border-left:2px solid var(--color-primary,#203ca7)}.member-notification-bell__panel a{color:inherit;gap:.35rem;font-size:.8125rem;text-decoration:none;display:grid}.member-notification-bell__panel a span{color:var(--color-text-muted,#526074)}.member-notification-bell__panel button:not(.member-notification-bell__trigger){color:var(--color-primary,#203ca7);cursor:pointer;background:0 0;border:0;min-height:2.75rem;padding:.5rem 0;font-size:.75rem}@media (min-width:768px){.member-notification-bell__panel{width:min(25rem,100vw - 2rem);position:absolute;top:calc(100% + .75rem);left:auto;right:0}}.member-notification-bell :is(button,a):focus-visible{outline:2px solid var(--color-primary,#203ca7);outline-offset:3px}