.portrait {
 position: relative;
 display: inline-block;
 width: 36px;
 height: 36px;
 overflow: hidden;
 border-radius: 50%;
 flex-shrink: 0;
 background: #dce3d5;
}
.portrait img {
 position: absolute;
 display: block;
 width: 200%;
 height: 200%;
 max-width: none;
 top: 0;
 left: 0;
 object-fit: cover;
}
.portrait-anna img {
 left: -100%;
}
.portrait-johan img {
 top: -100%;
}
.portrait-elin img {
 top: -100%;
 left: -100%;
}
.avatar-stack .portrait {
 width: 37px;
 height: 37px;
}
.avatar-stack .portrait + .portrait {
 margin-left: -8px;
}
.portrait.person-photo {
 width: 38px;
 height: 38px;
}
.portrait.mail-avatar {
 width: 34px;
 height: 34px;
}
.mini-sidebar .portrait.sidebar-avatar {
 width: 28px !important;
 height: 28px !important;
}
.story-pair .story-person {
 margin: 0;
}
.story-pair .story-person strong {
 font-size: 11px;
}
.story-pair .story-person div > span {
 margin: 3px 0 0;
 font-size: 10px;
}
.footer-bottom > a {
 font-size: 10px;
}
@media (max-width: 760px) {
 .avatar-stack .portrait {
  width: 35px;
  height: 35px;
 }
}