section#accounts > article .picture {
  margin-bottom: 6px;
  position: relative;
  background-color: var(--listing-thumbnail-background-color, #f4f4f4);
  padding-bottom: 100%; }
  section#accounts > article .picture img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto; }

section#accounts > article.no-picture .picture {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../../img/no-account.png"); }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    section#accounts > article.no-picture .picture {
      background-size: 100px auto;
      background-image: url("../../img/@2x/no-account.png"); } }

section#accounts > article .account-card__name {
  font-size: 1.125em; }

section#accounts > article .account-card__counters {
  position: absolute;
  top: 0;
  left: 0; }

section#accounts > article .account-card__counter-item {
  background: rgba(27, 31, 38, 0.8);
  padding: 2px 8px;
  color: white;
  pointer-events: none;
  font-size: 0.875em; }

section#accounts > article .account-card__fields-cont {
  font-size: 0.929em; }
  section#accounts > article .account-card__fields-cont > .account-card__field:not(:last-child)::after {
    content: ",";
    margin-right: 4px; }