@charset "UTF-8";
/**
 * Кнопка чата
 */
.chat-widget {
  background-color: #fff;
  width: 52px;
  min-height: 52px;
  display: flex;
  position: fixed;
  height: auto;
  bottom: 100px;
  border-radius: 50%;
  flex-direction: column;
  right: 40px;
  text-align: center;
  outline: none;
  border: none;
  cursor: pointer;
  overflow: hidden;
  z-index: 500;
  box-shadow: 0 0 16.1px 0 rgba(0, 0, 0, 0.078);
  transition: max-height 0.4s ease !important;
  will-change: max-height, height, min-height;
}
.chat-widget.active {
  max-height: 261px;
  border-radius: 10px;
}
.chat-widget .tooltip {
  line-height: 1;
  font-size: 12px;
  position: fixed;
  background-color: #444;
  padding: 4px;
  width: auto;
  color: #fff;
  border-radius: 2px 0 0 2px;
  transition-property: all;
  transition-duration: 0.1s;
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  will-change: transform, opacity;
  display: block;
  transform: translateX(-100%);
  z-index: 100;
}

button.chat-icon {
  color: #171717;
  background-color: #fff;
  display: flex;
  width: 52px;
  height: 52px;
  min-height: 52px;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 50%;
  border: none;
  outline: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
  will-change: opacity, transform;
}
button.chat-icon .get-talk-icon {
  transform: translateY(0);
  transition: all 0.1s ease;
  will-change: opacity, transform;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 24px;
  justify-content: center;
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: row;
  border: 0;
  box-sizing: border-box;
}
button.chat-icon .get-talk-icon.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-20px);
}
button.chat-icon svg {
  display: block;
}
button.chat-icon .close-icon {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(40px);
  transition: all 0.2s ease;
  will-change: opacity, transform;
  background-repeat: no-repeat;
  background-position: 50%;
  justify-content: center;
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: row;
  border: 0;
  box-sizing: border-box;
  position: absolute;
}
button.chat-icon .close-icon.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

ul.chat-widget_list {
  width: 52px;
  height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: grid;
  justify-content: center;
  align-items: center;
  grid-template-columns: 1fr;
  grid-gap: 16px;
  transition: opacity 0.2s ease;
  will-change: opacity, transform;
}
ul.chat-widget_list.active {
  height: auto;
  opacity: 1;
  margin-bottom: 16px;
  border-radius: 10px 10px 0 0;
  visibility: visible;
  pointer-events: auto;
}
ul.chat-widget_list li.chat-widget_list_item {
  width: 24px;
  height: 24px;
  position: relative;
  opacity: 0;
  overflow: visible;
  visibility: hidden;
  transform: translateY(100%);
  transition: transform 0.3s ease, opacity 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  will-change: opacity, transform, visibility;
}
ul.chat-widget_list li.chat-widget_list_item.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
ul.chat-widget_list li.chat-widget_list_item a {
  width: 100%;
  height: 100%;
  display: block;
}
ul.chat-widget_list li.chat-widget_list_item a .icon,
ul.chat-widget_list li.chat-widget_list_item a svg {
  display: inline-block;
  width: 52px;
  height: 52px;
  background: 50% no-repeat;
  background-size: 24px;
  pointer-events: auto;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 24px;
}
ul.chat-widget_list li.chat-widget_list_item a .icon-whatsapp {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_2488_14815)'%3E%3Cpath d='M0.51209 11.8563C0.511527 13.8728 1.04253 15.8417 2.05221 17.5771L0.415527 23.5066L6.53103 21.9156C8.2225 22.8292 10.1177 23.308 12.0435 23.3081H12.0486C18.4062 23.3081 23.5815 18.1748 23.5842 11.8653C23.5855 8.80792 22.3866 5.93295 20.2084 3.76997C18.0306 1.60718 15.1342 0.415458 12.0481 0.414062C5.68972 0.414062 0.514809 5.54709 0.512184 11.8563' fill='%2360D669'/%3E%3Cpath d='M9.06334 6.89771C8.83965 6.4044 8.60425 6.39445 8.39153 6.3858C8.21734 6.37836 8.01821 6.37892 7.81928 6.37892C7.62015 6.37892 7.29662 6.45324 7.02315 6.74952C6.7494 7.04608 5.97803 7.76273 5.97803 9.22031C5.97803 10.6779 7.048 12.0866 7.19715 12.2845C7.3465 12.482 9.26275 15.5689 12.2976 16.7564C14.8199 17.7433 15.3332 17.547 15.8806 17.4975C16.4281 17.4482 17.6472 16.7811 17.8959 16.0892C18.1448 15.3975 18.1448 14.8046 18.0702 14.6807C17.9956 14.5572 17.7964 14.4831 17.4978 14.335C17.1992 14.1869 15.7312 13.4701 15.4576 13.3712C15.1838 13.2724 14.9848 13.2231 14.7857 13.5198C14.5865 13.8159 14.0147 14.4831 13.8405 14.6807C13.6664 14.8787 13.4921 14.9034 13.1936 14.7552C12.8948 14.6065 11.9332 14.2941 10.7924 13.2849C9.90475 12.4996 9.3055 11.5298 9.13131 11.2331C8.95712 10.937 9.11265 10.7764 9.26237 10.6288C9.39653 10.496 9.56106 10.2828 9.7105 10.1099C9.85937 9.93687 9.90906 9.81343 10.0086 9.61585C10.1083 9.41808 10.0584 9.24506 9.98387 9.09687C9.90906 8.94868 9.32884 7.48347 9.06334 6.89771Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2488_14815'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
ul.chat-widget_list li.chat-widget_list_item a .icon-phone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_2488_14821)'%3E%3Cpath d='M12 0C8.81812 0 5.76375 1.26506 3.51562 3.51469C1.2652 5.76522 0.000643966 8.81734 0 12C0 15.1813 1.26562 18.2357 3.51562 20.4853C5.76375 22.7349 8.81812 24 12 24C15.1819 24 18.2362 22.7349 20.4844 20.4853C22.7344 18.2357 24 15.1813 24 12C24 8.81869 22.7344 5.76431 20.4844 3.51469C18.2362 1.26506 15.1819 0 12 0Z' fill='%23171717'/%3E%3Cpath d='M6.60677 10.7828C8.00607 13.8312 10.492 16.2474 13.5779 17.5584L14.0734 17.7793C14.6222 18.0238 15.2396 18.0667 15.8168 17.9003C16.394 17.734 16.8941 17.3691 17.2288 16.87L17.8767 15.9046C17.9781 15.7532 18.0191 15.5693 17.9917 15.3891C17.9643 15.2089 17.8705 15.0455 17.7287 14.9311L15.5338 13.1592C15.4573 13.0976 15.3692 13.052 15.2748 13.0252C15.1803 12.9985 15.0814 12.9911 14.984 13.0036C14.8866 13.0161 14.7927 13.0481 14.708 13.0978C14.6233 13.1474 14.5494 13.2137 14.491 13.2927L13.8118 14.2092C12.0684 13.3477 10.6572 11.9354 9.79645 10.1907L10.7117 9.51116C10.7906 9.45265 10.8569 9.37879 10.9065 9.29402C10.9562 9.20925 10.9882 9.11532 11.0006 9.01786C11.0131 8.9204 11.0057 8.82143 10.979 8.72689C10.9523 8.63235 10.9067 8.54419 10.8451 8.4677L9.07427 6.27142C8.95993 6.12956 8.79665 6.03569 8.61658 6.00829C8.43651 5.98089 8.25272 6.02196 8.10141 6.1234L7.13 6.77528C6.62819 7.112 6.26214 7.61603 6.09706 8.19759C5.93197 8.77915 5.97857 9.40046 6.22856 9.95085L6.60677 10.7828Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2488_14821'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
ul.chat-widget_list li.chat-widget_list_item a .icon-help {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_2488_14824)'%3E%3Cpath d='M12 0C8.81812 0 5.76375 1.26506 3.51562 3.51469C1.2652 5.76522 0.000643966 8.81734 0 12C0 15.1813 1.26562 18.2357 3.51562 20.4853C5.76375 22.7349 8.81812 24 12 24C15.1819 24 18.2362 22.7349 20.4844 20.4853C22.7344 18.2357 24 15.1813 24 12C24 8.81869 22.7344 5.76431 20.4844 3.51469C18.2362 1.26506 15.1819 0 12 0Z' fill='%2371717A'/%3E%3Cpath d='M11.7379 14.8415C12.1187 14.8415 12.2953 14.5643 12.2953 14.1948V13.9984C12.3064 13.2362 12.5714 12.9186 13.4545 12.2837C14.3985 11.6136 15 10.8399 15 9.72536C15 7.99312 13.6533 7 11.9807 7C10.7332 7 9.63472 7.6179 9.16557 8.73224C9.04969 9.00374 9 9.26933 9 9.4886C9 9.81775 9.18205 10.0488 9.51884 10.0488C9.80028 10.0488 9.98799 9.87565 10.0709 9.59257C10.3577 8.49548 11.0478 8.07985 11.9421 8.07985C13.0184 8.07985 13.8575 8.71499 13.8575 9.7197C13.8575 10.5453 13.3662 11.0072 12.6597 11.5271C11.793 12.1566 11.1583 12.8321 11.1583 13.8484V14.212C11.1583 14.5816 11.3516 14.8415 11.7379 14.8415ZM11.7376 18C12.1736 18 12.5214 17.6304 12.5214 17.1801C12.522 17.0722 12.5021 16.9654 12.4629 16.8656C12.4237 16.7659 12.366 16.6752 12.2931 16.599C12.2202 16.5227 12.1336 16.4624 12.0382 16.4214C11.9429 16.3804 11.8407 16.3596 11.7376 16.3601C11.3071 16.3601 10.9482 16.724 10.9482 17.1801C10.9482 17.6304 11.3071 18 11.7376 18Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2488_14824'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
ul.chat-widget_list li.chat-widget_list_item a .icon-telegram {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2488_14818)'%3E%3Cpath d='M12 0C8.81812 0 5.76375 1.26506 3.51562 3.51469C1.2652 5.76522 0.000643966 8.81734 0 12C0 15.1813 1.26562 18.2357 3.51562 20.4853C5.76375 22.7349 8.81812 24 12 24C15.1819 24 18.2362 22.7349 20.4844 20.4853C22.7344 18.2357 24 15.1813 24 12C24 8.81869 22.7344 5.76431 20.4844 3.51469C18.2362 1.26506 15.1819 0 12 0Z' fill='url(%23paint0_linear_2488_14818)'/%3E%3Cpath d='M5.43184 11.873C8.93059 10.349 11.2631 9.3443 12.4293 8.8588C15.7631 7.47261 16.455 7.23186 16.9068 7.2237C17.0062 7.22211 17.2275 7.24667 17.3718 7.36339C17.4918 7.46183 17.5256 7.59495 17.5425 7.68842C17.5575 7.7818 17.5781 7.99461 17.5612 8.16074C17.3812 10.0582 16.5993 14.6629 16.2018 16.7882C16.035 17.6874 15.7031 17.9889 15.3825 18.0184C14.685 18.0825 14.1562 17.5579 13.4812 17.1155C12.4256 16.4231 11.8293 15.9922 10.8037 15.3167C9.61872 14.5359 10.3875 14.1067 11.0625 13.4055C11.2387 13.2219 14.31 10.4291 14.3681 10.1758C14.3756 10.1441 14.3831 10.026 14.3118 9.96373C14.2425 9.9013 14.1393 9.92267 14.0643 9.93955C13.9575 9.96355 12.2718 11.0788 9.00184 13.2851C8.52372 13.614 8.09059 13.7743 7.70059 13.7659C7.27309 13.7567 6.44809 13.5236 5.83497 13.3245C5.08497 13.0802 4.48684 12.951 4.53934 12.536C4.56559 12.32 4.86372 12.099 5.43184 11.873Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_2488_14818' x1='1200' y1='0' x2='1200' y2='2400' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232AABEE'/%3E%3Cstop offset='1' stop-color='%23229ED9'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_2488_14818'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
ul.chat-widget_list li.chat-widget_list_item a .icon-max {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 503.25 503.25'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:url(%23Безымянный_градиент_17);%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3ClinearGradient id='Безымянный_градиент_17' x1='-20.53' y1='296.04' x2='482.58' y2='296.04' gradientTransform='translate(-58.48 39.86) rotate(-17.7)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.08' stop-color='%2348b8ff'/%3E%3Cstop offset='0.51' stop-color='%23364bfe'/%3E%3Cstop offset='0.87' stop-color='%23743bea'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Слой_2' data-name='Слой 2'%3E%3Cg id='Слой_1-2' data-name='Слой 1'%3E%3Ccircle class='cls-1' cx='251.62' cy='251.62' r='251.56'/%3E%3Cpath class='cls-2' d='M106.94,197.91c25.55-62.23,73.39-95.09,140.1-99.26,78.57-4.91,144.73,52.79,156.34,131,11.19,75.38-31.77,145.17-101.27,167.66-39.79,10.29-72.14,6-78.18,3.66-13.9-4.58-25.83-10.41-37-18.72-4.77,3.4-11.85,11-18.25,14.58s-12.37,5.39-20.38,7.31c-23.25,3.58-27.74-6.75-27.63-15A90.14,90.14,0,0,0,119,370.79C115.55,355,98.65,282.19,98.18,266,97.5,242.83,101.27,211.72,106.94,197.91ZM211,316.23c1,.56,1.82,1,2.66,1.56,46.18,28.92,104.78-.07,115.45-50.81,8.08-38.44-16.11-78.1-54.31-89.4-39.08-11.55-77.68,7.09-92.8,44.91-8.86,22.15-10.15,45.21-6.6,68.44,1.73,11.35,5,22.56,8.66,33.48,2.26,6.73,5.72,7.33,11.66,3.39C200.91,324.38,205.65,320.35,211,316.23Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/*# sourceMappingURL=chat.css.map */
