.bell{border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--bg-1);width:36px;height:36px;color:var(--ink-2);cursor:pointer;place-items:center;padding:0;display:inline-grid;position:relative}.bell:hover,.bell[aria-expanded=true]{color:var(--ink);background:var(--bg-2)}.bell__dot{background:var(--logo-hatch);width:9px;height:9px;box-shadow:0 0 0 2px var(--bg-1);border-radius:50%;position:absolute;top:5px;right:6px}@media (width<=899px){.hdr .bell{width:44px;height:44px;min-height:44px}}