.notifications-dialog{border-radius:24px;width:648px;max-width:calc(100vw - 64px);max-height:calc(100dvh - 148px);margin:128px max(32px,50vw - 800px) auto auto}.notifications-dialog::backdrop{background:#080a071a}.notifications-dialog .dialog-content{padding:28px}.notifications-dialog .dialog-heading h2{font-size:20px}.notifications-preview-note{color:var(--muted);margin-bottom:16px;font-size:12px}.notification-filters{scrollbar-width:thin;gap:20px;display:flex;overflow-x:auto}.notification-filters button{white-space:nowrap;background:var(--gray);color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:10px;font-size:16px;display:flex}.notification-filters button[aria-pressed=true]{background:var(--white);box-shadow:var(--shadow);color:#68a205}.notification-filters span{color:var(--muted);background:#080a070a;border-radius:4px;padding:2px 5px;font-size:14px}.notification-actions{justify-content:flex-end;padding:20px 0;display:flex}.notification-actions button{color:var(--muted);text-underline-offset:3px;padding:4px;font-size:14px;text-decoration:underline}.notification-list{gap:10px;display:grid}.notification-card{background:var(--white);box-shadow:var(--shadow);border-radius:16px;min-width:0;padding:20px}.notification-card-heading{justify-content:space-between;align-items:center;gap:12px;margin:-6px -8px 2px 0;display:flex}.notification-card-heading h2{align-items:center;gap:8px;font-size:16px;line-height:22px;display:flex}.notification-card-heading h2>img{flex:none;width:20px;height:20px}.notification-card-heading .icon-button{flex-shrink:0}.notification-copy{text-align:left;gap:10px;width:100%;padding:0;font-size:16px;line-height:22px;display:flex}.notification-copy>span{flex:1;min-width:0}.notification-copy .icon{display:none}.notification-copy .notification-collapsed{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.notification-card time{color:var(--muted);margin-top:10px;font-size:14px;display:block}.notifications-empty{text-align:center;color:var(--muted);padding:72px 16px}.notifications-page{max-width:900px;min-height:60dvh;margin-bottom:80px}.notifications-page-heading{align-items:center;gap:14px;margin-bottom:32px;display:flex}.notifications-page-heading>a{flex:none;place-items:center;width:44px;height:44px;display:grid}.notifications-page .notifications-content{background:var(--white);box-shadow:var(--shadow);border-radius:24px;padding:28px}.chats-site-header{margin-bottom:24px}@media (max-width:700px){.site-header.chats-site-header,.site-header.notifications-site-header{display:none}.notifications-page{margin-top:16px;margin-bottom:104px}body:has(.notifications-page){background:var(--white)}.notifications-page-heading{justify-content:center;min-height:44px;margin-bottom:20px;position:relative}.notifications-page-heading h1{font-size:18px;line-height:25px}.notifications-page-heading>a{position:absolute;left:-10px}.notifications-page .notifications-content{box-shadow:none;background:0 0;padding:0}.notification-filters{gap:20px;margin-right:-16px;padding-right:16px}.notification-filters button{font-size:14px}.notification-actions{justify-content:flex-start;padding:16px 0}.notification-card{padding:14px}.notification-card-heading h2,.notification-copy{font-size:14px;line-height:20px}.notifications-dialog{border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0}.notifications-dialog .dialog-content{padding:16px 16px 100px}}