.p-header-utilities,.p-notification-toolbar,.p-notification-filters,.p-notification-footer,.p-notification-row-actions,.p-notification-heading,.p-notification-title{align-items:center;gap:var(--n-space-3);display:flex}.p-notification-bell{min-width:44px;min-height:44px;color:var(--n-muted);position:relative}.p-notification-bell>span{border-radius:var(--n-radius-tag);background:var(--n-blue);min-width:18px;color:var(--n-surface);font-size:var(--n-text-micro);font-variant-numeric:tabular-nums;padding:0 4px;line-height:18px;position:absolute;top:0;right:0}.p-notification-backdrop{z-index:65;position:fixed;inset:0}.p-notification-drawer{--notification-top:0px;min-height:0;right:0;top:var(--notification-top);z-index:66;background:var(--n-surface);border-left:1px solid var(--n-line);outline:none;flex-direction:column;width:min(580px,100vw);display:flex;position:fixed;bottom:0}.p-notification-heading{padding:var(--n-space-6);border-bottom:1px solid var(--n-line);justify-content:space-between;align-items:flex-start}.p-notification-heading h2{font-size:var(--n-text-section);letter-spacing:-.015em;margin:0 0 var(--n-space-2);font-weight:550}.p-notification-heading p{color:var(--n-muted);font-size:var(--n-font-caption);margin:0}.p-notification-scroll{padding:0 var(--n-space-6);overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.p-notification-toolbar{justify-content:space-between;gap:var(--n-space-2);padding-block:var(--n-space-4);flex-wrap:wrap}.p-notification-toolbar .n-button{font-size:var(--n-font-caption)}.p-notification-filters{gap:var(--n-space-1)}.p-notification-list{margin:0;padding:0;list-style:none}.p-notification-list>li{gap:var(--n-space-4);border-bottom:1px solid var(--n-line);padding:var(--n-space-5) var(--n-space-3);display:flex}.p-notification-list>li.is-unread{background:var(--n-info-ground)}.p-notification-icon{color:var(--n-blue);flex-shrink:0;margin-top:3px}.p-notification-content{overflow-wrap:anywhere;flex:1;min-width:0}.p-notification-title{justify-content:space-between}.p-notification-title strong{font-weight:500}.p-notification-dot{background:var(--n-blue);border-radius:50%;flex-shrink:0;width:7px;height:7px}.p-notification-resource{margin-top:var(--n-space-1);font-size:var(--n-font-caption);color:var(--n-muted);display:block}.p-notification-content time{font-size:var(--n-font-caption);color:var(--n-muted);font-variant-numeric:tabular-nums;display:block}.p-notification-content p{margin:var(--n-space-3) 0;font-size:var(--n-font-caption);color:var(--n-muted);max-width:70ch}.p-notification-row-actions{font-size:var(--n-font-caption);flex-wrap:wrap;justify-content:space-between}.p-notification-row-actions .n-button{font-size:var(--n-font-caption);padding:7px 0}.p-notification-unavailable{color:var(--n-muted)}.p-notification-footer{border-top:1px solid var(--n-line);padding:var(--n-space-4) var(--n-space-6);flex-shrink:0;justify-content:space-between}.p-notification-category{max-width:300px;margin-bottom:var(--n-space-4)}.p-notification-preferences{gap:var(--n-space-6);padding-block:var(--n-space-6);max-width:70ch;display:grid}.p-notification-preferences label{align-items:flex-start;gap:var(--n-space-3);cursor:pointer;display:flex}.p-notification-preferences input{accent-color:var(--n-blue);flex-shrink:0;width:18px;height:18px;margin-top:3px}.p-notification-preferences strong{font-weight:500;display:block}.p-notification-preferences small{color:var(--n-muted);margin-top:var(--n-space-1);display:block}.p-notification-preferences p{color:var(--n-muted);font-size:var(--n-font-caption);margin:0}.p-notification-preferences>.n-button{justify-self:start}@media (max-width:600px){.p-notification-drawer{width:100%}.p-notification-heading{padding:var(--n-space-5) var(--n-space-4)}.p-notification-scroll,.p-notification-footer{padding-inline:var(--n-space-4)}.p-notification-list>li{gap:var(--n-space-3);padding-inline:var(--n-space-2)}}