.notification-center{width:100%;color:var(--member-text,#4b483d)}.notification-tabs{border-bottom:1px solid #c9c4b7;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;height:30px;display:grid}.notification-tabs a{height:30px;color:inherit;background:#c9c4b7;border:1px solid #c9c4b7;border-radius:10px 10px 0 0;place-items:center;font-size:16px;text-decoration:none;display:grid}.notification-tabs a[data-active=true]{z-index:1;background:#fff;border-bottom-color:#fff;margin-bottom:-1px;position:relative}.notification-view{background:#fff;border:1px solid #c9c4b7;border-top:0;border-radius:0 0 20px 20px;padding:20px}.notification-view.updates-view{min-height:612px}.notification-view.list-view{min-height:697px}.notification-center .list-tools{justify-content:flex-end;min-height:22px;margin-bottom:20px;display:flex}.notification-center .list-tools button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:5px 10px;font-size:12px;display:grid}.notification-center button:disabled{cursor:not-allowed}.notification-center .list-tools button:disabled{opacity:.45}.notification-center .notification-list{min-height:545px}.notification-center .notification-item{grid-template-columns:30px 4px minmax(0,1fr);align-items:center;gap:10px;min-height:101px;display:grid;position:relative}.notification-center .notification-item+.notification-item{margin-top:10px}.notification-center[data-mode=select] .notification-item{grid-template-columns:24px 4px minmax(0,1fr) 24px}.notification-center .notification-item.activity:has(.join-activity){grid-template-columns:30px 4px minmax(0,1fr) 64px}.notification-center[data-mode=select] .notification-item.activity:has(.join-activity){grid-template-columns:24px 4px minmax(0,1fr) 64px 24px}.notification-kind{color:#fff;background:#1c1b17;place-items:center;width:30px;height:30px;font-size:11px;display:grid;position:relative}.notification-item.unread .notification-kind:after{content:"";background:#ff6d1f;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;right:-5px}.notification-center .accent{background:#207590;align-self:stretch;width:4px}.notification-center .notification-copy{min-width:0;padding:12px 0}.notification-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.notification-center .notification-heading h2{margin:0 0 8px;font-size:16px;line-height:1.4}.notification-center .notification-heading time{color:inherit;flex-shrink:0;font-size:14px}.notification-title{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.notification-center .notification-copy p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.45}.notification-center .select-message{appearance:none;cursor:pointer;background:#fff;border:1px solid #008f97;border-radius:6px;width:24px;height:24px;margin:0;position:relative}.notification-center .select-message:checked{background:#008f97}.notification-center .select-message:checked:after{content:"";border-bottom:2px solid #fff;border-right:2px solid #fff;width:7px;height:12px;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.join-activity{color:#fff;white-space:nowrap;background:#5168c0;border-radius:15px;place-items:center;min-width:64px;height:30px;padding:6px 12px;font-size:13px;text-decoration:none;display:inline-grid}.delete-notification{width:24px;height:24px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:relative}.delete-notification span:before{content:"";border:1.5px solid;border-top:0;border-radius:0 0 2px 2px;width:12px;height:13px;position:absolute;top:7px;left:6px}.delete-notification span:after{content:"";background:currentColor;border-radius:2px;width:16px;height:2px;position:absolute;top:4px;left:4px;box-shadow:5px -3px 0 -.5px}.update-hint{text-align:center;margin:0 0 20px;font-size:12px;line-height:14px}.update-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:20px 10px;min-height:468px;display:grid}.update-card{color:#44494b;flex-direction:column;min-width:0;text-decoration:none;display:flex}.update-card img,.update-card .missing-cover{aspect-ratio:1;object-fit:cover;border-top:4px solid #4b483d;width:100%;height:auto;display:block}.update-card strong,.update-card>span:not(.missing-cover),.update-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.update-card strong{margin-top:7px;font-size:13px;font-weight:500}.update-card>span:not(.missing-cover){color:#f0f;font-size:11px}.update-card small{font-size:11px}.notification-center .member-data-status{text-align:center;place-items:center;min-height:468px;display:grid}.notification-center .pagination{margin-top:20px}.notification-delete-dialog{color:#1c1b17;background:#fbf9f2;border:1px solid #aaa18e;border-radius:16px;width:min(500px,100vw - 32px);margin:auto;padding:20px;box-shadow:0 1px 4px #0004}.notification-delete-dialog::backdrop{background:#ffffffe6}.notification-delete-dialog h2{place-items:center;min-height:50px;margin:0;font-size:24px;display:grid}.notification-delete-dialog>div{padding-top:30px}.notification-delete-dialog p{text-align:center;margin:0;font-size:16px;line-height:20px}.notification-delete-dialog p[role=alert]{margin-top:12px}.notification-delete-dialog section{grid-template-columns:repeat(2,1fr);gap:10px;padding-top:40px;display:grid}.notification-delete-dialog button{color:#1c1b17;cursor:pointer;background:#fffc;border:1px solid #a3aeae;border-radius:8px;height:38px;padding:8px 20px;font-size:18px;line-height:1}.notification-delete-dialog .primary{background:#ff6d1f;border-color:#ff9055}.notification-delete-dialog button:disabled{opacity:.45;cursor:not-allowed}:root[data-theme=night] .notification-tabs a{background:#5c514d;border-color:#5c514d}:root[data-theme=night] .notification-tabs a[data-active=true],:root[data-theme=night] .notification-view{background:#272422;border-color:#5c514d}:root[data-theme=night] .update-card{color:#ddd3be}:root[data-theme=night] .update-card img,:root[data-theme=night] .update-card .missing-cover{border-top-color:#c4e538}:root[data-theme=night] .update-card>span:not(.missing-cover){color:#00f5d4}:root[data-theme=night] .notification-delete-dialog{color:#ddd3be;background:#272422}:root[data-theme=night] .notification-delete-dialog::backdrop{background:#000000e6}@media (width<=600px){.notification-tabs{gap:4px}.notification-tabs a{font-size:14px}.notification-view{padding:16px 12px}.update-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-heading{flex-wrap:wrap;gap:0}.notification-center .notification-heading h2{width:100%;margin-bottom:4px}.notification-center .notification-heading time{margin-bottom:8px;font-size:12px}.notification-center .notification-item{gap:6px}.notification-center .notification-item.activity:has(.join-activity){grid-template-columns:24px 4px minmax(0,1fr)}.notification-center[data-mode=select] .notification-item.activity:has(.join-activity){grid-template-columns:24px 4px minmax(0,1fr) 24px}.notification-item.activity .join-activity{grid-column:3;justify-self:end;margin-bottom:10px}.notification-item.activity .accent{grid-area:1/2/span 2}.notification-item.activity .delete-notification{grid-area:1/4}.notification-kind{width:24px}}.pagination{border-block:1px solid var(--border-subtle,#44494b33);width:100%;min-height:60px;color:var(--text-secondary,#44494b);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.edge-slot{align-items:center;gap:14px;display:flex}.edge-slot.last{justify-self:end}.page-center{justify-content:center;align-items:center;display:flex}.page-center>a:not(.page-control),.page-center>.ellipsis{min-width:36px;height:58px;color:inherit;place-items:center;font-size:18px;text-decoration:none;display:grid}.page-center>[hidden]{display:none!important}.page-center>a[aria-current=page]{border-bottom:1px solid color-mix(in srgb, currentColor 50%, transparent)}.page-control{height:50px;color:inherit;place-items:center;line-height:1;text-decoration:none;display:grid}.page-control.short{width:36px;font-size:22px}.page-control.long{width:52px;font-size:34px;font-weight:300}.page-control.disabled{opacity:.5;cursor:not-allowed}.edge-slot small{white-space:nowrap;font-size:12px}@media (width<=640px){.pagination{grid-template-columns:auto 1fr auto}.page-center>a:not(.page-control),.page-center>.ellipsis{min-width:28px}.page-control.long{width:40px}.edge-slot small{display:none}}