.notifications{position:relative}.notifications-toggle{width:38px;height:38px;position:relative;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--text)}.notifications-toggle svg{width:18px}.notifications-toggle>span{min-width:17px;height:17px;position:absolute;top:-5px;right:-5px;display:grid;place-items:center;padding:0 4px;border-radius:99px;background:#ef5f67;color:#fff;font-size:8px;font-weight:900}.notifications-panel{width:min(360px,calc(100vw - 24px));position:absolute;z-index:30;top:46px;right:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 20px 60px #0007}.notifications-panel>header{padding:13px;border-bottom:1px solid var(--line)}.notifications-list{max-height:390px;overflow:auto}.notifications-list>a{display:grid;gap:3px;padding:12px 14px;border-bottom:1px solid var(--line);text-decoration:none}.notifications-list>a.unread{background:var(--primary-soft)}.notifications-list span,.notifications-list small,.notifications-list>p{color:var(--muted);font-size:10px}.notifications-list>p{padding:25px;text-align:center}
.notifications-panel>header{display:flex;align-items:center;justify-content:space-between}.notifications-panel>header button{border:0;background:none;color:var(--primary);font-size:11px;font-weight:700;cursor:pointer}[data-notifications-list]{max-height:390px;overflow:auto}[data-notifications-list]>a{display:grid;gap:3px;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}[data-notifications-list]>a.unread{background:var(--primary-soft)}[data-notifications-list] span,[data-notifications-list] small,[data-notifications-list]>p{color:var(--muted);font-size:10px}[data-notifications-list]>p{padding:25px;text-align:center}
.notifications-toggle>[data-notifications-count][hidden]{display:none!important}