.notification-control::after { content: var(--notification-count, "0"); min-width: 9px; text-align: center; }
.notification-control[data-empty="1"]::after { display: none; }
.notification-control { display:inline-grid; place-items:center; width:34px; height:34px; border-radius:9px; cursor:pointer; transition:background .2s ease, color .2s ease, transform .2s ease; }
.notification-control:hover { background:#edf5ff; color:#0868ed; transform:translateY(-1px); }
.notification-control:focus-visible { outline:2px solid #0868ed; outline-offset:2px; }
.notification-control svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }