.notif-bell-wrapper{flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;position:relative}.notif-bell{border-radius:var(--corner-small);background:var(--surface-control);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:color var(--ease-standard);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.notif-bell:after{content:"";border-radius:inherit;pointer-events:none;transition:background-color var(--ease-standard);background:0 0;position:absolute;inset:0}.notif-bell:hover:not(:disabled){color:var(--text-primary)}.notif-bell:hover:not(:disabled):after{background:var(--state-layer-hover)}.notif-bell:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notif-bell--unread,.notif-bell--active{color:var(--text-primary)}.notif-bell--active:after{background:var(--state-layer-pressed)}.notif-bell--disabled,.notif-bell:disabled{color:var(--text-tertiary);cursor:not-allowed;background:0 0}.notif-bell__badge{border-radius:var(--corner-full);background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--surface-control);position:absolute;top:8px;right:8px}@media (prefers-reduced-motion:reduce){.notif-bell,.notif-bell:after{transition:none}}