.notification-bell{width:48px;height:48px;color:var(--text);cursor:pointer;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.notification-bell svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.notification-bell-badge{border:2px solid var(--surface);color:#fff;background:#e53935;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:900;line-height:1;display:grid;position:absolute;top:5px;right:2px}.notification-bell{border-radius:14px;transition:background .16s,color .16s,transform .16s}.notification-bell:active{background:var(--brand-soft);color:var(--brand);transform:scale(.96)}.notification-bell-badge{border:2px solid #fff;min-width:20px;height:20px;padding:0 5px;font-size:10.5px;top:3px;right:0;box-shadow:0 2px 7px #a2443b38}.notification-bell:has(.notification-bell-badge){color:var(--brand)}@media (prefers-reduced-motion:reduce){.notification-bell{transition:none}}