/* =========================================================
   CHATBOX
========================================================= */

.chatbox {
  position: fixed !important;
  right: 26px !important;
  bottom: 112px !important;
  z-index: 999998 !important;

  width: 455px;
  height: 760px;
  max-height: calc(100vh - 135px);

  display: flex;
  flex-direction: column;
  overflow: hidden;

  background: #ffffff;
  color: var(--hcb-text);

  border: 1px solid rgba(220, 232, 244, 0.95);
  border-radius: var(--hcb-radius-xl);
  box-shadow: var(--hcb-shadow);

  font-family: Arial, Helvetica, sans-serif;

  animation: hcbChatOpen 0.28s cubic-bezier(0.18, 0.89, 0.32, 1.12);
}

.chatbox.hidden {
  display: none !important;
}

@keyframes hcbChatOpen {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.975);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}