#site-settings-social-media-links {
  background-color: #ffffff;
  padding: 1.5rem;
}
#site-settings-social-media-links .icon-wrapper {
  background-color: #383838;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
#site-settings-social-media-links .icon-wrapper > img {
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}
#site-settings-social-media-links .helper-text {
  color: rgba(0, 0, 0, 0.5019607843);
}
#site-settings-social-media-links .drag-handle {
  font-size: 23px;
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -webkit-grab;
}
#site-settings-social-media-links .drag-handle:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
#site-settings-social-media-links .social-media-row {
  margin: 15px auto 25px;
  height: 40px;
}
#site-settings-social-media-links .social-media-row > * {
  margin-right: 10px;
}
#site-settings-social-media-links .social-media-row input {
  height: 100%;
  padding-right: 30px;
}
#site-settings-social-media-links .social-media-row .link-input-wrapper {
  height: 100%;
  margin-bottom: 0;
}
#site-settings-social-media-links .social-media-row .link-input {
  width: 25rem;
  height: 100%;
}
#site-settings-social-media-links .social-media-row .social-media-name-box,
#site-settings-social-media-links .social-media-row input {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 5px;
}
#site-settings-social-media-links .social-media-row .social-media-name-box {
  background-color: #ffffff;
  width: 10rem;
  padding: 5px;
}
#site-settings-social-media-links .social-media-row .social-media-name-box > * {
  margin-right: 10px;
}
#site-settings-social-media-links .error-msg {
  position: absolute;
  bottom: -20px;
  left: 6px;
  color: #ff4949;
}
#site-settings-social-media-links .error-border input {
  border-color: #ff4949;
}
.mobile #site-settings-social-media-links .social-media-name-box {
  width: 100%;
}
.mobile #site-settings-social-media-links .social-media-row {
  height: 100%;
}
.mobile #site-settings-social-media-links .social-media-row > * {
  margin-right: 0;
  height: 100%;
}
.mobile #site-settings-social-media-links .link-input,
.mobile #site-settings-social-media-links input {
  width: 100%;
  min-height: 40px;
}
.mobile #site-settings-social-media-links .cell {
  margin-bottom: 0.125rem;
}