/* 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;
}

.eds-body .contact-phone-icon,
.eds-body .contact-vk-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;
  min-width: 28px !important;
  max-width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -999px !important;
  vertical-align: middle !important;
  text-align: center !important;
  cursor: pointer !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;
}

.eds-body .contact-phone-icon:hover,
.eds-body .contact-phone-icon:focus-visible,
.eds-body .contact-vk-icon:hover,
.eds-body .contact-vk-icon:focus-visible,
.eds-body .contact-impulse-icon:hover,
.eds-body .contact-impulse-icon: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 .contact-phone-icon:active,
.eds-body .contact-vk-icon:active,
.eds-body .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 {
  color: var(--muted) !important;
  font-size: 0 !important;
}

.eds-body .contact-phone-icon::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 14px !important;
  height: 14px !important;
  background: currentColor !important;
  transform: translate(-50%, -50%) !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 / 14px 14px 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 / 14px 14px no-repeat !important;
}

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

.eds-body .contact-vk-icon::before {
  content: "vk" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  color: currentColor !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -.2px !important;
  text-transform: lowercase !important;
  text-indent: 0 !important;
  transform: translate(-50%, -50%) !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-body .contact-impulse-icon {
  border-color: rgba(35, 183, 84, .22) !important;
  background: #31c35b !important;
  color: #fff !important;
  font-size: 0 !important;
}

.eds-body .contact-impulse-icon::before {
  content: "ic" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  color: currentColor !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;
}