/* An outline preserves avatar dimensions and does not crop the picture inside it. */
.avatar.has-story { outline:2px solid #aab3ca; outline-offset:3px; cursor:pointer; position:relative; }
.avatar.has-story.story-unviewed { outline-color:#ef9acd; box-shadow:0 0 0 2px var(--screen-bg,#181526); }
.avatar.has-story:focus-visible { outline:3px solid #fff; outline-offset:4px; }
@media(prefers-contrast:more) {
  .avatar.has-story { outline-color:#c4d6ff; }
  .avatar.has-story.story-unviewed { outline:3px solid #ffbde8; }
}