.light-theme .thumbnail-2d-container {
  background-color: rgba(27, 37, 75, 0.12);
  border: 0 #f7f7f8;
}
.dark-theme .thumbnail-2d-container {
  background-color: rgba(208, 217, 251, 0.12);
  border: 0 #272930;
}
thumbnail-2d {
  float: left;
  display: block;
  overflow: hidden;
}
.thumbnail-2d-container {
  float: left;
  background-size: 100%;
  margin: 0;
  overflow: hidden;
}
.thumbnail-2d-container img {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s;
}
.thumbnail-2d-container img.loading {
  opacity: 0;
}
.thumbnail-2d-container.shimmer {
  width: 100%;
  height: 100%;
  display: block;
}
.thumbnail-2d-container[thumbnail-type="avatarHeadshot"] {
  border: 0;
  padding: 0;
}
.thumbnail-2d-container[class*="icon-"] {
  padding-top: 100%;
}
.thumbnail-2d-container[class*="icon-blocked"] {
  padding-top: 0;
}
.light-theme .thumbnail-2d-container.avatar-card-image.trusted-connection-avatar-headshot,
.light-theme
  .thumbnail-2d-container[thumbnail-type="AvatarHeadshot"].trusted-connection-avatar-headshot,
.dark-theme .thumbnail-2d-container.avatar-card-image.trusted-connection-avatar-headshot,
.dark-theme
  .thumbnail-2d-container[thumbnail-type="AvatarHeadshot"].trusted-connection-avatar-headshot {
  border: 3px solid #335fff;
  border-radius: 50%;
}
.light-theme
  .avatar-headshot-xs
  .thumbnail-2d-container.avatar-card-image.trusted-connection-avatar-headshot,
.light-theme
  .avatar-headshot-sm
  .thumbnail-2d-container.avatar-card-image.trusted-connection-avatar-headshot,
.light-theme
  .avatar-headshot-xs
  .thumbnail-2d-container[thumbnail-type="AvatarHeadshot"].trusted-connection-avatar-headshot,
.light-theme
  .avatar-headshot-sm
  .thumbnail-2d-container[thumbnail-type="AvatarHeadshot"].trusted-connection-avatar-headshot,
.dark-theme
  .avatar-headshot-xs
  .thumbnail-2d-container.avatar-card-image.trusted-connection-avatar-headshot,
.dark-theme
  .avatar-headshot-sm
  .thumbnail-2d-container.avatar-card-image.trusted-connection-avatar-headshot,
.dark-theme
  .avatar-headshot-xs
  .thumbnail-2d-container[thumbnail-type="AvatarHeadshot"].trusted-connection-avatar-headshot,
.dark-theme
  .avatar-headshot-sm
  .thumbnail-2d-container[thumbnail-type="AvatarHeadshot"].trusted-connection-avatar-headshot {
  border-width: 1.5px;
}
.avatar-headshot .thumbnail-2d-container {
  border-radius: 50%;
}
/*# sourceMappingURL=https://www.voxera.icu/cache/sourcemaps.rbxcdn.com/thumbnails-53cf8496b546d463.css.map*/