/* Library glyphs remain unchanged; circular brand plates adapt the supplied references. */
.social-badge {
  display: inline-grid;
  place-items: center;
  flex: none;
  vertical-align: middle;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--badge-color);
  box-shadow: inset 0 -2px 3px rgb(0 0 0 / 0.08);
}
.social-badge > img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.social-badge-dark > img {
  filter: brightness(0);
}
.social-badge-instagram {
  background: radial-gradient(
    circle at 28% 108%,
    #ffcf56 0%,
    #f77737 26%,
    #e82e79 54%,
    #8545c6 86%
  );
}
.dialog.sm-dialog .sm-platform {
  padding-block: 9px;
  min-height: 64px;
}
.sm-form-intro > .social-badge {
  width: 56px;
  height: 56px;
  margin: 0 auto 12px;
}
.sm-form-intro > .social-badge img {
  width: 30px;
  height: 30px;
}
.sm-dialog .sm-account-edit {
  grid-template-columns: 32px minmax(0, 1fr);
}
.sm-account-edit .social-badge {
  width: 32px;
  height: 32px;
  display: inline-grid;
}
.sm-account-edit .social-badge img {
  width: 19px;
  height: 19px;
}
@media (max-width: 600px) {
  .sm-dialog .sm-account-edit {
    grid-template-columns: 28px minmax(0, 1fr);
  }
  .sm-account-edit .social-badge {
    width: 28px;
    height: 28px;
  }
  .sm-account-edit .social-badge img {
    width: 17px;
    height: 17px;
  }
}