.site-account{position:relative}.notification-bell{position:relative;width:40px!important;padding:0!important}.notification-bell b{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#e75964;color:white;font-size:9px;line-height:17px}.site-account:has(.notification-bell){grid-template-columns:40px 64px 64px}.notification-popover{display:none;position:fixed;z-index:3000;right:max(20px,calc((100vw - 1200px)/2));top:66px;width:360px;max-height:480px;overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fffffff7;box-shadow:0 25px 70px #213e5b30;backdrop-filter:blur(18px)}.notification-popover.open{display:block}.notification-popover>header{display:flex;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line)}.notification-popover header button{border:0;background:transparent;color:#24758a}.notification-popover a{display:grid;grid-template-columns:30px 1fr;gap:9px;padding:14px 17px;border-bottom:1px solid var(--line)}.notification-popover a.unread{background:#edf8fa}.notification-popover a>i{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#dff3f7;color:#16758a;font-style:normal}.notification-popover a span b,.notification-popover a span small,.notification-popover a span time{display:block}.notification-popover a span small{color:#526b7d}.notification-popover a span time{margin-top:4px;color:var(--muted);font-size:8px}.notification-popover>div>p{padding:35px;text-align:center;color:var(--muted)}@media(max-width:600px){.notification-popover{left:12px;right:12px;width:auto}.site-account:has(.notification-bell){grid-template-columns:38px 55px 55px}}