@layer components{._8C_caa_shiny{color:var(--muted)}@supports ((-webkit-background-clip:text) or (background-clip:text)){._8C_caa_shiny{color:color-mix(in srgb, var(--muted) 70%, transparent);background-image:linear-gradient(120deg, transparent 40%, var(--text) 50%, transparent 60%);background-position:100%;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite _8C_caa_shine}}@keyframes _8C_caa_shine{to{background-position:-100%}}@media (prefers-reduced-motion:reduce){._8C_caa_shiny{color:var(--muted);background-image:none;animation:none}}@media (forced-colors:active){._8C_caa_shiny{color:canvastext;background-image:none;animation:none}}}
:root{--notification-glass:#2b2e30c8;--notification-glass-filter:blur(48px)}.member-navbar-unread{z-index:1;color:#fff;width:16px;height:16px;font-family:var(--font-satoshi), sans-serif;font-variant-numeric:tabular-nums;pointer-events:none;background:url(/media/explore/notifications/counter.svg) 50%/16px 16px no-repeat;border-radius:50%;place-items:center;padding:0;font-size:9.27px;font-weight:700;line-height:13.9px;display:grid;position:absolute;top:3px;right:2px}.member-navbar-unread[data-overflow=true]{letter-spacing:-.2px;font-size:8.5px}.notification-panel{--r-2xl:30px;border-radius:var(--r-2xl);background:var(--notification-glass);width:min(367.63px,100vw - 16px);height:560.41px;-webkit-backdrop-filter:var(--notification-glass-filter,blur(48px));backdrop-filter:var(--notification-glass-filter,blur(48px));color:#fffc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-satoshi), sans-serif;isolation:isolate;border:1px solid #ffffff0f;flex-direction:column;padding:0;font-weight:700;display:flex;overflow:hidden;box-shadow:0 12px 32px #00000047,inset 0 1px 1px #ffffff2e;container:notifications/inline-size}.notification-panel:before{content:"";z-index:-1;pointer-events:none;background:url(/media/explore/notifications/surface-gloss.svg) no-repeat;width:465.03px;max-width:calc(100% - 27.52px);height:907.63px;position:absolute;inset:13.76px auto auto 13.76px}.notification-panel-preview .notification-scroll{padding-bottom:5px}.notification-detail-body{height:147.508px;position:relative}.notification-detail-body[data-has-brief=true]{height:auto;min-height:147.508px;padding:12.85px 14.66% 48px 65.72px}.notification-brief{flex-direction:column;gap:6.43px;display:flex}.notification-brief h3{color:#fffc;margin:0;font-size:12.87px;font-weight:700;line-height:17.46px}.notification-brief p{color:#a1a1a1cc;margin:0;font-size:12.35px;font-weight:500;line-height:18.53px}.notification-brief .notification-signature{font-size:10.59px;line-height:15.88px}.notification-dismiss{border-radius:10px;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:0;right:calc(14.66% - 11px)}.notification-dismiss img{max-width:none;display:block}.notification-dismiss:hover:not(:disabled){background:#ffffff0a}.notification-dismiss:disabled{cursor:wait}.notification-dismiss[aria-busy=true]{opacity:.5}.notification-heading{border-bottom:1px solid #ffffff14;flex:none;justify-content:space-between;align-items:center;gap:12px;height:80px;padding:0 24px;display:flex}.notification-heading h2{margin:0;font-size:20px;font-weight:700;line-height:28px}.notification-heading nav{align-items:center;gap:8px;display:flex}.notification-heading nav button{color:#a1a1a1cc;border-radius:8px;place-items:center;width:42px;height:32px;padding:0;font-size:14px;line-height:20px;display:grid}.notification-heading nav button:last-child{width:72px}.notification-heading nav button[aria-pressed=true]{color:#fffc;background:#ffffff0d}.notification-heading nav button:hover{color:#fffc;background:#ffffff16}.notification-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;flex:1;min-height:0;padding:12px 11px 16px;overflow:auto}.notification-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.notification-card{background:url(/media/explore/notifications/row-surface.svg) 0 0/100% 66.2004px no-repeat;border-radius:30px 0 0 30px;flex:none;position:relative}.notification-card:before{content:"";opacity:0;border-radius:inherit;pointer-events:none;background:url(/media/explore/notifications/expanded-surface.svg) 0 0/100% 100% no-repeat;transition:opacity .18s;position:absolute;inset:0}.notification-card[data-expanded=true]{background:0 0}.notification-card[data-expanded=true]:before{opacity:1}.notification-summary{text-align:left;border-radius:30px 10px 10px 30px;grid-template-columns:53px minmax(0,1fr) 80px;align-items:center;column-gap:6px;width:100%;min-height:66.2004px;padding:6.6px 29px 6.6px 5.52px;display:grid;position:relative}.notification-avatar{grid-row:1/3;width:52.9603px;height:52.9603px;display:block;position:relative}.notification-avatar>img:first-child{max-width:none;display:block}.notification-avatar .notification-portrait{object-fit:cover;border-radius:50%;position:absolute;top:1.425px;left:1.425px}.notification-avatar .notification-brand{object-fit:contain;position:absolute;top:15.17px;left:15.63px}.notification-brand-badge{width:15.1709px;height:15.1709px;position:absolute;top:35.85px;left:36.32px}.notification-brand-badge img{position:absolute}.notification-brand-badge img:last-child{object-fit:contain;top:3.68px;left:4.59px}.notification-copy{display:contents}.notification-copy strong{text-overflow:ellipsis;white-space:nowrap;grid-column:2;align-self:end;font-size:14.12px;font-weight:700;line-height:19.419px;overflow:hidden}.notification-copy strong:only-child{grid-row:1/3;align-self:center}.notification-copy>span{text-overflow:ellipsis;white-space:nowrap;color:#a1a1a1cc;grid-area:2/2/auto/4;align-self:start;min-width:0;font-size:12.36px;line-height:18.536px;overflow:hidden}.notification-summary time{color:#a1a1a1cc;text-align:left;white-space:nowrap;font-size:10.59px;line-height:15.888px;position:absolute;top:12.87px;left:77.75%}.notification-unread-dot{width:7px;height:7px;position:absolute;top:18px;right:12px}.notification-unread-dot img{max-width:none;display:block}.notification-expansion{grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.notification-card[data-expanded=true] .notification-expansion{grid-template-rows:1fr}.notification-detail{min-height:0;position:relative;overflow:hidden}.notification-delete-error{color:#fffc;margin:0;font-size:12px;font-weight:500;line-height:18px;position:absolute;bottom:12px;left:24px;right:90px}.notification-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:32px;display:flex}.notification-empty>svg{opacity:.4;margin-bottom:18px}.notification-empty h3{margin:0 0 7px;font-size:15px}.notification-empty p{color:#a1a1a1cc;max-width:250px;font-size:13px;font-weight:500;line-height:20px}.notification-empty button{border:1px solid #ffffff26;border-radius:10px;margin-top:20px;padding:8px 14px;font-size:13px}.notification-footer{border-top:1px solid #ffffff0d;flex:none;padding:14px 24px}.notification-footer button{color:#fff9;align-items:center;gap:8px;min-height:28px;margin-left:auto;font-size:12px;display:flex}.notification-footer button:hover{color:#fffc}.notification-footer button:disabled{opacity:.5;cursor:wait}.notification-footer p{color:#fffc;margin:0 0 8px;font-size:12px}.notification-panel :is(button,a):focus-visible{outline-offset:2px;outline:2px solid #ffffffa3}.notification-preview-controls{z-index:80;font-family:var(--font-satoshi), sans-serif;color:#fffc;background:#17191bee;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:10px;padding:6px 10px;font-size:12px;display:flex;position:fixed;top:86px;right:24px}.notification-preview-controls p{margin:0 4px 0 0}.notification-preview-controls p span{color:#999;margin-left:6px}.notification-preview-controls>button{border-radius:8px;padding:7px}.notification-preview-controls>button:hover{background:#ffffff14}@container notifications (max-width:450px){.notification-heading{height:72px;padding:0 16px}.notification-heading h2{font-size:18px}.notification-heading nav{gap:3px}.notification-heading nav button{font-size:13px}.notification-scroll{padding:8px}.notification-summary{grid-template-columns:53px minmax(0,1fr);padding-right:12px}.notification-copy strong{font-size:13px;line-height:18px}.notification-copy>span{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-column:2;font-size:12px;line-height:17px;display:-webkit-box}.notification-summary time{text-align:left;grid-area:3/2;padding:2px 0 0;font-size:10px;position:static}.notification-avatar{grid-row:1/4}.notification-card{background-size:100% 100%}.notification-unread-dot{top:15px;right:2px}}@media (max-width:540px){.notification-preview-controls{top:76px;right:10px}.notification-preview-controls p span{display:none}}@media (prefers-reduced-motion:reduce){.notification-panel *,.notification-card:before{transition:none!important;animation:none!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.notification-panel{background:#2b2e30}}
