.SocialAccountAvatar[data-social-account-type='com.psddev.facebook.FacebookPage']:after,
.SocialAccountAvatar[data-social-account-type='com.psddev.facebook.FacebookUser']:after {
  background: white;
  content: url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%231877F2'%3E%3Ctitle%3EFacebook%3C/title%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E");
}

.FacebookAuthorizePageChooser {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 2px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  padding: 20px;
  position: relative;
}

.FacebookAuthorizePageChooser h1 {
  background: #ededed;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #262626;
  font-size: 100%;
  font-weight: 700;
  height: 36px;
  line-height: 36px;
  margin: -20px -20px 20px -20px;
  overflow: hidden;
  padding: 0 100px 0 20px;
  text-shadow: #fff 1px 1px 1px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.FacebookAuthorizePageChooser ul {
  display: flex;
  flex-flow: row wrap;
  list-style-type: none;
  margin: 20px 0;
}

.FacebookAuthorizePageChooser ul li {
  flex: 1 0 0;
  text-align: center;
}

.FacebookAuthorizePageChooserItem-avatar img {
  border-radius: 100%;
  border: 1px solid #ccc;
}