.chatbot {
  display: none;
  position: relative;
  z-index: 1040; }
  @media screen and (min-width: 1024px) {
    .chatbot {
      display: block; } }
  .chatbot .ch-launcher {
    opacity: 0;
    position: fixed;
    bottom: 112px;
    right: 17px;
    z-index: 1;
    width: 136px;
    height: 62px;
    background: url("/www/common/img/chatbot_launcher.png") no-repeat left top;
    background-size: 100%;
    cursor: pointer; }
  .chatbot .ch-messenger {
    opacity: 1;
    position: fixed;
    bottom: 112px;
    right: 17px;
    z-index: 10;
    border-radius: 12px;
    box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.3);
    animation-duration: .5s;
    animation-name: chatbotSlidein;
    animation-fill-mode: both; }
  .chatbot .ch-messenger--hidden {
    width: 136px;
    height: 62px;
    opacity: 0;
    animation-name: chatbotSlideout; }
    .chatbot .ch-messenger--hidden + .ch-launcher {
      opacity: 1;
      z-index: 20;
      transition: all ease .5s 0s; }
@keyframes chatbotSlidein {
  0% {
    width: 0;
    height: 0; }
  50% {
    width: 450px;
    height: 80%; }
  100% {
    width: 450px;
    height: 80%;
    min-height: 570px; } }
@keyframes chatbotSlideout {
  0% {
    width: 0;
    height: 0; } }

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