.notification-center{margin-left:max(0px,calc((100% - 1120px) / 4));max-width:820px;padding:34px 40px 90px}.notification-heading{align-items:flex-end;display:flex;gap:24px}.notification-heading>div{flex:1 1}.notification-heading h1{font-family:var(--glyph-font-display);font-size:32px;font-weight:660;letter-spacing:-.03em;line-height:1.15}.notification-mark-all{background:transparent;border-radius:9px;color:var(--glyph-text-2);cursor:pointer;font-size:13px;font-weight:650;margin-bottom:3px;min-height:36px;padding:0 12px;white-space:nowrap;transition:background .16s var(--glyph-ease),color .16s var(--glyph-ease)}.notification-mark-all:hover{background:var(--glyph-hover);color:var(--glyph-ink)}.notification-mark-all:disabled{cursor:wait;opacity:.6}.notification-filters{border-bottom:1px solid var(--glyph-hair);display:flex;gap:24px;margin-top:26px;overflow-x:auto;scrollbar-width:none}.notification-filters::-webkit-scrollbar{display:none}.notification-filters button{background:transparent;color:var(--glyph-text-2);cursor:pointer;flex:none;font-size:13.5px;font-weight:560;padding:0 0 13px;position:relative;transition:color .15s var(--glyph-ease)}.notification-filters button:hover,.notification-filters button[aria-selected=true]{color:var(--glyph-ink)}.notification-filters button[aria-selected=true]{font-weight:620}.notification-filters button[aria-selected=true]:after{background:var(--glyph-gold);border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.notification-filters button:disabled{cursor:wait}.notification-filters button>span{color:var(--glyph-text-2);font-size:11.5px;margin-left:5px}.notification-list{min-height:360px}.notification-list>section>h2{color:var(--glyph-text-2);font-size:10.5px;font-weight:720;letter-spacing:.13em;padding:24px 12px 7px;text-transform:uppercase}.notification-row{align-items:flex-start;border-radius:14px;cursor:pointer;display:grid;gap:13px;grid-template-columns:42px minmax(0,1fr) 18px;min-height:76px;padding:13px 12px 13px 15px;position:relative;transition:background .15s var(--glyph-ease),opacity .15s var(--glyph-ease)}.notification-row:hover{background:var(--glyph-hover)}.notification-row.unavailable{cursor:default;grid-template-columns:42px minmax(0,1fr)}.notification-unread-dot{background:var(--glyph-gold-deep);border-radius:50%;height:6px;left:2px;opacity:0;position:absolute;top:31px;width:6px}.notification-row.unread .notification-unread-dot{opacity:1}.notification-avatar-wrap{height:40px;position:relative;width:40px}.notification-avatar{align-items:center;border-radius:50%;color:#11100e;display:flex;font-size:12px;font-weight:720;height:36px;justify-content:center;width:36px}.notification-avatar.system{background:var(--glyph-gold);color:#1b1a18}.notification-kind-icon{align-items:center;background:var(--glyph-surface);border-radius:50%;bottom:0;color:var(--glyph-text-3);display:flex;height:17px;justify-content:center;position:absolute;right:0;width:17px}.notification-kind-icon svg{height:10px;width:10px}.notification-row-copy{display:flex;flex-direction:column;min-width:0}.notification-row-title{color:var(--glyph-ink);font-size:14.5px;line-height:1.45}.notification-row-title strong{font-weight:620}.notification-row.unread .notification-row-title{font-weight:520}.notification-row-context{color:var(--glyph-text-2);font-size:13px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-row time{color:var(--glyph-text-2);font-size:11.5px;margin-top:4px}.notification-row-chevron{align-self:center;color:var(--glyph-text-2);height:16px;width:16px}.notification-row.unavailable .notification-row-title{color:var(--glyph-text-2)}.notification-empty{align-items:center;display:flex;flex-direction:column;padding:78px 24px;text-align:center}.notification-empty>span{align-items:center;background:var(--glyph-gold-wash);border-radius:18px;color:var(--glyph-gold-text);display:flex;height:62px;justify-content:center;width:62px}.notification-empty svg{height:26px;width:26px}.notification-empty h2{font-size:21px;margin-top:18px}.notification-empty p{color:var(--glyph-text-2);margin-top:6px}.notification-notice{align-items:center;background:var(--glyph-gold-wash);border-radius:12px;color:var(--glyph-gold-text);display:flex;gap:10px;margin-top:22px;padding:13px 15px}.notification-notice span{flex:1 1}.notification-notice button{background:transparent;border-radius:8px;color:currentColor;cursor:pointer;flex:none;font-size:12.5px;font-weight:680;min-height:32px;padding:0 9px}.notification-notice button:hover{background:color-mix(in srgb,currentColor 9%,transparent)}.notification-notice svg{flex:none;height:18px;width:18px}.notification-slow-load{animation:notification-slow-load-reveal .16s var(--glyph-ease) .42s both;color:var(--glyph-text-2);font-size:13px;padding:28px 12px}@keyframes notification-slow-load-reveal{0%{opacity:0}to{opacity:1}}.notification-load-more{background:transparent;border:1px solid var(--glyph-border);border-radius:10px;color:var(--glyph-text-2);cursor:pointer;display:block;font-size:13px;font-weight:650;margin:26px auto 0;min-height:38px;padding:0 16px}@media (prefers-reduced-motion:reduce){.notification-slow-load{animation:none}}.notification-load-more:hover{background:var(--glyph-hover);color:var(--glyph-ink)}@media (max-width:720px){.notification-center{margin-left:0;padding:28px 18px 64px}.notification-heading{align-items:flex-start;gap:12px}.notification-mark-all{font-size:11.5px;margin-top:4px;padding:0}.notification-filters{gap:21px;margin-right:-18px;padding-right:18px}.notification-row{gap:11px;grid-template-columns:40px minmax(0,1fr) 16px;padding-left:12px;padding-right:7px}.notification-row.unavailable{grid-template-columns:40px minmax(0,1fr)}}