.account-tool#openNotifications{position:relative;opacity:1}.account-tool#openNotifications>img{opacity:.25;transition:opacity .2s}.account-tool#openNotifications:hover>img,.account-tool#openNotifications:focus-visible>img{opacity:.65}.notification-count{position:absolute;right:1px;top:2px;min-width:16px;height:16px;padding:0 3px;box-sizing:border-box;display:grid;place-items:center;border-radius:20px;background:var(--accent);color:var(--bg);font:600 9px/1 'Plus Jakarta Sans',sans-serif;border:2px solid var(--bg)}.notification-count[hidden]{display:none}.notification-panel{position:fixed;inset:auto;margin:0;width:min(370px,calc(100vw - 24px));box-sizing:border-box;padding:18px;border:0;border-radius:7px;background:var(--surface);color:var(--text);font:13px/1.5 'Plus Jakarta Sans',sans-serif;box-shadow:0 8px 25px #0003;z-index:10001;max-height:calc(100dvh - 80px);overflow:hidden}.notification-panel[open]{animation:notification-enter .16s ease-out}.notification-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.notification-panel h2{font-size:16px;font-weight:500;margin:0}.notification-close,.notification-dismiss{display:grid;place-items:center;flex:none;background:none;border:0;cursor:pointer;padding:7px;width:30px;height:30px;opacity:.55}.notification-close:hover,.notification-dismiss:hover{opacity:1}.notification-list{max-height:440px;max-height:min(440px,60dvh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#444 transparent;padding-right:10px;scrollbar-gutter:stable}.notification-row{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 0}.notification-row+.notification-row{border-top:1px solid #ffffff06}.notification-art{width:48px;height:48px;object-fit:cover;flex:none;border-radius:4px;filter:brightness(.8)}.notification-art.notification-symbol{object-fit:contain;padding:12px;box-sizing:border-box;background:var(--bg);opacity:.6}.notification-body{flex:1;min-width:0}.notification-body h3{font-size:12px;font-weight:500;line-height:1.5;margin:0 18px 4px 0}.notification-body p{font-size:11px;line-height:1.6;margin:0 15px 5px 0;color:var(--muted)}.notification-body time{font-size:10px;color:var(--muted);opacity:.7}.notification-dismiss{position:absolute;right:-4px;top:9px;opacity:0;transition:opacity .15s}.notification-row:hover .notification-dismiss,.notification-row:focus-within .notification-dismiss{opacity:.65}.notification-row.unread h3:after{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent);margin-left:7px;vertical-align:middle}.notification-panel footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.notification-message{font-size:10px;color:var(--muted)}.notification-more{background:none;border:0;color:var(--accent);font:inherit;font-size:11px;cursor:pointer;padding:10px 0}.notification-empty{color:var(--muted);font-size:12px;padding:24px 0;margin:0;text-align:center}.notification-panel :focus-visible,#openNotifications:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.notification-panel footer:has(.notification-message:empty):has(.notification-more[hidden]){display:none}@keyframes notification-enter{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media(hover:none){.notification-dismiss{opacity:.6;width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.notification-panel,.notification-panel *{animation:none!important;transition:none!important}}html[data-theme=light] #openNotifications>img{opacity:.5}html[data-theme=light] .notification-row+.notification-row{border-color:#00000008}

.notification-link{color:inherit;background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer}.notification-link:hover{color:var(--accent)}