.mw-ui-icon-user:before {
  background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22271.5%2072.8%2016%2016%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M273.59%2072.8c-2.03%200-2.09%201.907-2.09%202.032V88.8h13.91c2.03%200%202.09-1.907%202.09-2.032V72.8h-13.91z%22%20fill%3D%22%23d0d0d0%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23fff%22%20transform%3D%22matrix%28.042%200%200%20.042%20259.047%2068.752%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%22437%22%20cy%3D%22234.1%22%20r%3D%2228%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%22553.5%22%20cy%3D%22234.1%22%20r%3D%2228%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M279.88%2085.338c-1.8%200-3.533-.617-4.583-1.61-.248-.247-.248-.68%200-.927s.68-.245.928%200c.806.81%202.167%201.24%203.654%201.24%201.42%200%202.786-.43%203.59-1.24.246-.245.68-.245.926%200s.248.68%200%20.93c-1.113.988-2.722%201.61-4.52%201.61z%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
}

.mw-ui-icon-anonymous:before {
  background-image: linear-gradient(transparent, transparent), url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M2.112%200C.117%200%200%201.932%200%201.994V16h13.888C15.883%2016%2016%2014.068%2016%2014.006V0H2.112zm.426%204.89s.726.726%202.295.726l2.233-.726c0%201.026-1.027%201.81-2.295%201.81s-2.23-.782-2.23-1.81zm8.935%206.517c-.543.3-1.148.542-1.81.726-.544.12-1.15.18-1.754.18-.73%200-1.39-.122-2.056-.3-.605-.18-1.206-.422-1.69-.727-.3-.18-.42-.605-.18-.905.18-.3.606-.42.907-.176.364.242.848.42%201.328.542%201.026.3%202.173.3%203.2.058a5.11%205.11%200%200%200%201.45-.542c.3-.18.724-.057.904.243.125.305.004.726-.3.905zM11.415%206.7c-1.27%200-2.295-.846-2.295-1.81%200%200%20.726.726%202.295.726l2.233-.726c.063%201.026-.964%201.81-2.233%201.81z%22%20fill%3D%22%23e7beba%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.card.card-diff {
  height: 110px;

  .card-thumb {
    background: none;
  }

  .card-detail {
    top: 40%;
    transform: translateY(-45%);
  }

  .card-extract {
    margin: 2px 0 0.5em;
    padding: 0 .2em 0;
  }

  .meta {
    font-size: 0.9em;
    padding: .9em 16px;
    color: #252525;

    p {
      line-height: 1.2;
      margin: 0.5em 0;
    }
  }

  h3 {
    font-weight: bold;
    margin: 0.5em 0;
  }

  .bytes-removed {
    color: #dc2e16;
  }

  .bytes-added {
    color: #00af88;
  }

  .minor-edit {
    background: #eeeeee;
    border-radius: 2px;
    font-size: 0.9em;
    font-weight: bold;
    padding: 0 6px 1px;
  }

  .mw-mf-user {
    color: #54595d;
    display: inline-block;
  }
}