.notifications-menu{position:relative}.notifications-menu>summary{cursor:pointer;border:1px solid var(--incivia-color-border);white-space:nowrap;border-radius:.5rem;padding:.55rem .75rem}.notifications-popover{z-index:50;background:var(--incivia-color-surface);width:min(32rem,100vw - 7rem);max-height:75vh;font-size:var(--incivia-font-size-body);line-height:var(--incivia-line-height-body);padding:1rem;position:absolute;top:100%;right:0;overflow:auto;box-shadow:0 .5rem 2rem #0002}.notifications-heading,.notifications-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.notifications-list{padding:0;list-style:none}.notifications-list li{border-bottom:1px solid var(--incivia-color-border);gap:.5rem;padding:1rem 0;display:grid}.notifications-list li[data-unread=true]>strong{color:var(--incivia-color-text-primary)}.notifications-list li[data-highlight=true]{border-inline-start:3px solid var(--incivia-color-indigo-border);background:var(--incivia-color-indigo-fill-soft);padding-inline-start:.75rem}.notification-settings form,.notification-settings fieldset{gap:1rem;display:grid}.notification-settings form{max-width:45rem}.notification-settings label{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.notification-settings input:not([type=checkbox]),.notification-settings select{color:inherit;background:var(--incivia-color-surface);border:1px solid var(--incivia-color-border);border-radius:.3rem;padding:.5rem}