/* Messenger */
.block-messenger {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  width: 48px;
  height: 48px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(30px);
  transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
}
.block-messenger.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.block-messenger .field__item {
  position: relative;
  width: 48px;
  height: 48px;
}
.block-messenger .content {
  position: relative;
}
.block-messenger ul.soc-icon {
  margin: 0;
  padding: 0;
  list-style: none;
}
.block-messenger ul.soc-icon li {
  position: absolute;
  top: 0;
  left: 4px;
  float: none;
  margin-bottom: 15px;
  opacity: 0;
}
.block-messenger.show-link ul.soc-icon li {
  opacity: 1;
}
.block-messenger ul.soc-icon li a {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.block-messenger ul.soc-icon li.telegram {
  z-index: 1;
  transition: .3s ease-out;
}
.block-messenger ul.soc-icon li.viber {
  z-index: 2;
  transition: .25s ease-out;
}
.block-messenger ul.soc-icon li.whatsapp {
  z-index: 3;
  transition: .2s ease-out;
}
.block-messenger ul.soc-icon li.phone1 {
  z-index: 4;
  transition: .15s ease-out;
}
.block-messenger ul.soc-icon li.phone2 {
  z-index: 5;
  transition: .1s ease-out;
}
.block-messenger.show-link ul.soc-icon li.telegram {
  left: -294px;
}
.block-messenger.show-link ul.soc-icon li.viber {
  left: -235px;
}
.block-messenger.show-link ul.soc-icon li.whatsapp {
  left: -176px;
}
.block-messenger.show-link ul.soc-icon li.phone1 {
  left: -117px;
}
.block-messenger.show-link ul.soc-icon li.phone2 {
  left: -59px;
}
.block-messenger ul.soc-icon li.telegram a {
  background: url(/themes/custom/market/images/icons/sprite001.svg) no-repeat 8px 9px #01aad4;
}
.block-messenger ul.soc-icon li.viber a {
  background: url(/themes/custom/market/images/icons/sprite001.svg) no-repeat 8px -41px #892ca0;
}
.block-messenger ul.soc-icon li.whatsapp a {
  background: url(/themes/custom/market/images/icons/sprite001.svg) no-repeat 8px -97px #00a900;
}
.block-messenger ul.soc-icon li.phone1 a {
  text-indent: -9999px;
  background: url(/themes/custom/market/images/icons/sprite001.svg) no-repeat 4px -252px #ff0000;
}
.block-messenger ul.soc-icon li.phone2 a {
  text-indent: -9999px;
  background: url(/themes/custom/market/images/icons/sprite001.svg) no-repeat 4px -252px #ff0000;
}
.block-messenger .open-messenger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 50%;
  background: url(/themes/custom/market/images/icons/sprite001.svg) no-repeat 8px -173px var(--color-accent);
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  color: transparent;
  /* vertical-align: top; */
  cursor: pointer;
  transition: .2s ease-out;
}
.block-messenger.show-link .open-messenger {
  transform: rotate(90deg);
}
.block-messenger .open-messenger::before {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  animation-name: sonarEffect;
  animation-duration: 2s;
  animation-delay: 2s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}
.block-messenger.show-link .open-messenger::before {
  animation-name: none;
}
.block-messenger .open-messenger:hover::before {
  animation-play-state: paused;
}
@keyframes sonarEffect {
  0% {
    opacity: .3;
  }
  40% {
    opacity: .5;
    box-shadow:
      0 0 0 2px rgba(255, 255, 255, .1),
      0 0 5px 5px var(--color-accent),
      0 0 0 5px rgba(255, 255, 255, .5);
  }
  100% {
    opacity: 0;
    transform: scale(1.6);
    box-shadow:
      0 0 0 2px rgba(255, 255, 255, .1),
      0 0 5px 5px var(--color-accent),
      0 0 0 5px rgba(255, 255, 255, .5);
  }
}