/* EDS-COMPONENT: ContactLinks
   Canonical source: Performance shared/_contact_links.html.
   Costume and Performance share the same renderer and interaction geometry. */

.eds-body .participant-contact-row,
.eds-body .attendance-contact-actions,
.eds-body .profile-actions-row,
.eds-body .contact-links {
  align-items: center !important;
}

.eds-body .contact-links {
  display: inline-flex; flex: 0 0 auto; gap: 6px; width: max-content; min-width: 0; vertical-align: middle;
}

.eds-body .contact-phone-icon,
.eds-body .contact-website-icon,
.eds-body .contact-vk-icon,
.eds-body .contact-telegram-icon,
.eds-body .contact-whatsapp-icon,
.eds-body .contact-impulse-icon {
  box-sizing: border-box !important; position: relative !important; display: inline-block !important; flex: 0 0 28px !important; width: 28px !important; height: 28px !important; padding: 0 !important; line-height: 0 !important; overflow: hidden !important; text-indent: -999px !important; vertical-align: middle !important; cursor: pointer !important; border-radius: 999px !important; box-shadow: 0 1px 2px rgba(15, 23, 42, .06), inset 0 0 0 1px rgba(255, 255, 255, .18) !important; transition: transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease) !important; color: #fff !important; font-size: 0 !important;
}

.eds-body .contact-phone-icon::before,
.eds-body .contact-website-icon::before,
.eds-body .contact-vk-icon::before,
.eds-body .contact-telegram-icon::before,
.eds-body .contact-whatsapp-icon::before,
.eds-body .contact-impulse-icon::before {
  content: "" !important; display: block !important; position: absolute !important; left: 50% !important; top: 50% !important; background: currentColor !important; transform: translate(-50%, -50%) !important;
}

.eds-body :is(.contact-phone-icon, .contact-website-icon, .contact-vk-icon, .contact-telegram-icon, .contact-whatsapp-icon, .contact-impulse-icon):is(:hover, :focus-visible) {
  outline: 0 !important; z-index: 1 !important; transform: translateY(-1px) !important; box-shadow: 0 5px 12px rgba(15, 23, 42, .14), 0 0 0 3px rgba(0, 122, 255, .12), inset 0 0 0 1px rgba(255, 255, 255, .22) !important;
}

.eds-body :is(.contact-phone-icon, .contact-website-icon, .contact-vk-icon, .contact-telegram-icon, .contact-whatsapp-icon, .contact-impulse-icon):active {
  transform: translateY(0) scale(.98) !important; box-shadow: 0 1px 3px rgba(15, 23, 42, .12), inset 0 0 0 1px rgba(255, 255, 255, .18) !important;
}

.eds-body .contact-phone-icon {
  border-color: rgba(71, 85, 105, .22) !important; background: #64748b !important;
}

.eds-body .contact-phone-icon::before {
  width: 19px !important;
  height: 19px !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.79C8.06 13.62 10.38 15.93 13.21 17.38L15.41 15.18C15.68 14.91 16.08 14.82 16.43 14.94C17.55 15.31 18.76 15.51 20 15.51C20.55 15.51 21 15.96 21 16.51V20C21 20.55 20.55 21 20 21C10.61 21 3 13.39 3 4C3 3.45 3.45 3 4 3H7.5C8.05 3 8.5 3.45 8.5 4C8.5 5.25 8.7 6.45 9.07 7.57C9.18 7.92 9.1 8.31 8.82 8.59L6.62 10.79Z'/%3E%3C/svg%3E") center / 19px 19px no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.79C8.06 13.62 10.38 15.93 13.21 17.38L15.41 15.18C15.68 14.91 16.08 14.82 16.43 14.94C17.55 15.31 18.76 15.51 20 15.51C20.55 15.51 21 15.96 21 16.51V20C21 20.55 20.55 21 20 21C10.61 21 3 13.39 3 4C3 3.45 3.45 3 4 3H7.5C8.05 3 8.5 3.45 8.5 4C8.5 5.25 8.7 6.45 9.07 7.57C9.18 7.92 9.1 8.31 8.82 8.59L6.62 10.79Z'/%3E%3C/svg%3E") center / 19px 19px no-repeat !important;
}

/* EDS candidate: website reuses ContactLinks geometry and motion.
   Owner-approved for organization registries. */
.eds-body .contact-website-icon {
  border-color: rgba(68, 91, 122, .22) !important; background: #506b8b !important;
}

.eds-body .contact-website-icon::before {
  width: 19px !important;
  height: 19px !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.3 4 5.4 4 9s-1.4 6.7-4 9M12 3c-2.6 2.3-4 5.4-4 9s1.4 6.7 4 9' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / 19px 19px no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 12h18M12 3c2.6 2.3 4 5.4 4 9s-1.4 6.7-4 9M12 3c-2.6 2.3-4 5.4-4 9s1.4 6.7 4 9' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / 19px 19px no-repeat !important;
}

.eds-body .contact-vk-icon {
  border-color: rgba(0, 119, 255, .22) !important; background: #0077ff !important;
}

.eds-body .contact-vk-icon::before {
  width: 19px !important;
  height: 19px !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.2 7.1c.2 5.6 2.8 9.1 7.5 9.1h.4v-3.3c1.9.2 3.4 1.7 4 3.3h2.7c-.8-2.8-2.8-4.3-4-4.9 1.2-.7 2.9-2.5 3.3-4.2h-2.5c-.6 1.4-2.1 3.2-3.5 3.3V7.1H9.6v5.8C8.2 12.5 6.5 10.5 6.4 7.1H4.2Z'/%3E%3C/svg%3E") center / 19px 19px no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.2 7.1c.2 5.6 2.8 9.1 7.5 9.1h.4v-3.3c1.9.2 3.4 1.7 4 3.3h2.7c-.8-2.8-2.8-4.3-4-4.9 1.2-.7 2.9-2.5 3.3-4.2h-2.5c-.6 1.4-2.1 3.2-3.5 3.3V7.1H9.6v5.8C8.2 12.5 6.5 10.5 6.4 7.1H4.2Z'/%3E%3C/svg%3E") center / 19px 19px no-repeat !important;
}

.eds-body .contact-vk-icon.is-disabled {
  border-color: rgba(60, 60, 67, .08) !important;
  background: rgba(142, 142, 147, .18) !important;
  color: rgba(60, 60, 67, .42) !important;
  cursor: default !important;
  box-shadow: none !important;
  transform: none !important;
}

.eds-body .contact-vk-icon.is-disabled:hover,
.eds-body .contact-vk-icon.is-disabled:focus-visible {
  transform: none !important;
  box-shadow: none !important;
}

/* EDS candidate: Telegram and WhatsApp reuse ContactLinks geometry and motion.
   Approved owner scope: a consistent compact contact set for CRM registries. */
.eds-body .contact-telegram-icon {
  border-color: rgba(34, 158, 217, .22) !important; background: #229ed9 !important;
}

.eds-body .contact-telegram-icon::before {
  width: 19px !important;
  height: 19px !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.95 15 30.204 34.126s-.161.874-1.245.874c-.576 0-.873-.274-.873-.274l-8.114-6.733-3.97-2.001-5.095-1.355S10 24.375 10 23.625c0-.625.933-.923.933-.923l21.316-8.468c.475-.001 1.126-.235 1.126-.234.292 0 .625.125.625.5 0 .25-.05.5-.05.5Z'/%3E%3C/svg%3E") center / 19px 19px no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.95 15 30.204 34.126s-.161.874-1.245.874c-.576 0-.873-.274-.873-.274l-8.114-6.733-3.97-2.001-5.095-1.355S10 24.375 10 23.625c0-.625.933-.923.933-.923l21.316-8.468c.475-.001 1.126-.235 1.126-.234.292 0 .625.125.625.5 0 .25-.05.5-.05.5Z'/%3E%3C/svg%3E") center / 19px 19px no-repeat !important;
}

.eds-body .contact-whatsapp-icon {
  border-color: rgba(37, 211, 102, .22) !important; background: #25d366 !important;
}

.eds-body .contact-whatsapp-icon::before {
  width: 20px !important;
  height: 20px !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6 11.6a7.7 7.7 0 0 1-11.3 6.8l-3.9 1 1-3.8a7.7 7.7 0 1 1 14.2-4Z'/%3E%3C/svg%3E") center / 20px 20px no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6 11.6a7.7 7.7 0 0 1-11.3 6.8l-3.9 1 1-3.8a7.7 7.7 0 1 1 14.2-4Z'/%3E%3C/svg%3E") center / 20px 20px no-repeat !important;
}

.eds-body .contact-whatsapp-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 10px !important;
  height: 10px !important;
  background: #25d366 !important;
  transform: translate(-49%, -48%) rotate(-8deg) !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.79C8.06 13.62 10.38 15.93 13.21 17.38l1.58-1.58c.2-.2.5-.27.76-.18.77.26 1.59.4 2.43.4.35 0 .64.29.64.64v2.17c0 .35-.29.64-.64.64A13.83 13.83 0 0 1 4.53 6.02c0-.35.29-.64.64-.64h2.17c.35 0 .64.29.64.64 0 .85.14 1.66.4 2.44.08.25.02.55-.18.75l-1.58 1.58Z'/%3E%3C/svg%3E") center / 7px 7px no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.62 10.79C8.06 13.62 10.38 15.93 13.21 17.38l1.58-1.58c.2-.2.5-.27.76-.18.77.26 1.59.4 2.43.4.35 0 .64.29.64.64v2.17c0 .35-.29.64-.64.64A13.83 13.83 0 0 1 4.53 6.02c0-.35.29-.64.64-.64h2.17c.35 0 .64.29.64.64 0 .85.14 1.66.4 2.44.08.25.02.55-.18.75l-1.58 1.58Z'/%3E%3C/svg%3E") center / 7px 7px no-repeat !important;
}

.eds-body .contact-impulse-icon {
  border-color: rgba(35, 183, 84, .22) !important; background: #31c35b !important;
}

.eds-body .contact-impulse-icon::before {
  content: "ic" !important;
  font-family: ui-rounded, "SF Pro Rounded", var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
  font-size: 12px !important;
  font-style: italic !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -.8px !important;
  text-indent: 0 !important;
  transform: translate(-52%, -50%) !important;
}