.block--chat-popup {
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 998;
}

.block--chat-popup .chat-popup {
  background: #FFF;
  border: 1px solid #CECED2;
  width: 300px;
  border-radius: 8px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  animation: 1s popupSlide ease;
}

.block--chat-popup .chat-popup.js-visible {
  display: block;
  transform: translateY(-100%);
}

.block--chat-popup .chat-popup--header {
  height: 30px;
  background: #000;
  text-align: right;
  border-radius: 8px 8px 0 0;
}

.block--chat-popup .chat-popup--header button {
  display: inline-block;
  height: 30px;
  width: 30px;
  padding: 0;
  text-indent: -99999px;
  background: transparent url(../../../src/images/cross-white.svg) no-repeat 50% 50%/16px auto;
  cursor: pointer;
}

.block--chat-popup .chat-popup--questions {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.block--chat-popup .chat-popup--questions .question {
  max-width: 224px;
  border-radius: 16px 16px 16px 0;
  border: 1px solid #CECED2;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.125);
  padding: 8px 12px;
}

.block--chat-popup .chat-popup--questions .question.right {
  align-self: flex-end;
  border-radius: 16px 16px 0 16px;
  background-color: #fdece3;
}

.block--chat-popup .chat-popup--form {
  padding: 0 8px 8px;
}

.block--chat-popup .chat-popup--form .form-item {
  margin: 0;
}

.block--chat-popup .chat-popup--form .form-item input, .block--chat-popup .chat-popup--form .form-item .select-style {
  border-radius: 16px;
  margin-bottom: 8px;
}

.block--chat-popup .chat-popup--form .form-item input, .block--chat-popup .chat-popup--form .form-item select {
  border-radius: 16px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.block--chat-popup .chat-popup--form .form-submit {
  display: block;
  width: 100%;
  border-radius: 16px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  background: #000;
  color: #FFF;
  padding: 8px 12px;
  margin: 0;
  cursor: pointer;
}

.block--chat-popup .contextual {
  transform: translateY(-100%);
}

.btn.chat-popup--minimized {
  position: fixed;
  bottom: 17px;
  left: 75px;
  z-index: 999;
  margin: 0;
  display: none;
}

.btn.chat-popup--minimized.js-visible {
  display: block;
}

@keyframes popupSlide {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}

/*# sourceMappingURL=maps/chat_popup.css.map */