/* SOCIAL_BRAND_ICONS_START */
/* Единые SVG-иконки VK и TikTok. */

.social-brand-icon {
  display: block;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  object-fit: contain;
}

.social--big .social-brand-icon {
  width: 32px;
  height: 32px;
  flex-basis: 32px;
}

/* Старые span-иконки в header, footer и прочих блоках. */
.ui-icon.icon--vk,
.ui-icon.icon--tiktok {
  display: inline-block !important;
  background-color: transparent !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  -webkit-mask: none !important;
  mask: none !important;
}

.ui-icon.icon--vk {
  background-image: url("/assets/icons/social/vk.svg") !important;
}

.ui-icon.icon--tiktok {
  background-image: url("/assets/icons/social/tiktok.svg") !important;
}

/* Карточки и блоки соцсетей на странице контактов. */
.contact-card__icon--vk,
.contact-card__icon--tt,
.social-box--vk .social-box__logo,
.social-box--tt .social-box__logo {
  overflow: hidden;
  color: transparent !important;
  font-size: 0 !important;
}

.contact-card__icon--vk > *,
.contact-card__icon--tt > *,
.social-box--vk .social-box__logo > *,
.social-box--tt .social-box__logo > * {
  display: none !important;
}

.contact-card__icon--vk::before,
.contact-card__icon--tt::before,
.social-box--vk .social-box__logo::before,
.social-box--tt .social-box__logo::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.contact-card__icon--vk::before,
.social-box--vk .social-box__logo::before {
  background-image: url("/assets/icons/social/vk.svg");
}

.contact-card__icon--tt::before,
.social-box--tt .social-box__logo::before {
  background-image: url("/assets/icons/social/tiktok.svg");
}
/* SOCIAL_BRAND_ICONS_END */