:root {
  --chimplify-chats-container-font-family: 'Lato', sans-serif;
  --chimplify-chats-container-color: #212323;
  --chimplify-chats-container-margin: 0;
  --chimplify-chats-container-padding: 30px 10px 10px 10px;
  --chimplify-chats-container-background-color: #fff;
  --chimplify-chats-container-border-radius: 20px;
  --chimplify-max-width: 1264px;
  --chimplify-chat-primary-color: #78cd79;
  --chimplify-chat-primary-hover-color: #66b767;
  --chimplify-chat-send-button-width: 52px;
  --chimplify-chat-send-button-height: 52px;
  --chimplify-chat-send-button-margin: 18px 18px 18px 0;
  --chimplify-chat-send-min-height: 93px;
  --chimplify-chat-send-button-icon-size: 27px 27px;
  --chimplify-chat-bot-avatar-width: 18px;
  --chimplify-chat-bot-avatar-height: 22px;
  --chimplify-chat-bot-avatar-margin-right: 0;
  --chimplify-chat-bot-avatar-margin-top: 10px;
  --chimplify-chat-bot-background-user-message: #edf2f2;
  --chimplify-chat-bot-background-bot-message: transparent;
  --chimplify-chat-sidebar-menu-margin-right: 15px;
  --chimplify-chat-sidebar-menu-border-color: var(
    --chimplify-chat-primary-color
  );
  --chimplify-tab-color: #0fa84d;
  --chimplify-chat-background: transparent;
  --chimplify-chat-input-border: none;
  --chimplify-chat-input-padding: 15px;
  --chimplify-chat-gap: 15px;
  --chimplify-chat-box-padding: 0 10px 10px 10px;
  --chimplify-tab-padding: 8px 8px 0 8px;
  --chimplify-tab-info-padding: 7px 15px 10px 7px;
  --chimplify-tab-border-radius: 20px;
  --chimplify-tab-icon-width: 70;
  --chimplify-tab-icon-height: 88px;
  --chimplify-tab-icon-margin: 0;
  --chimplify-tab-title-font-size: 24px;
  --chimplify-tab-subtitle-font-size: 18px;
}

.chimplify-chats-container {
  position: relative;
  z-index: 2;
}

.chimplify-chats-container .chat-container#chat-container-recursos-humanos {
  --chimplify-chat-primary-color: #0091d3;
  --chimplify-chat-primary-hover-color: #007db7;
  --chimplify-chat-sidebar-menu-border-color: var(
    --chimplify-chat-primary-color
  );
}

.chimplify-chats-container .chat-container#chat-container-contratacao {
  --chimplify-chat-primary-color: #5d6b7f;
  --chimplify-chat-primary-hover-color: #505d6f;
  --chimplify-chat-sidebar-menu-border-color: var(
    --chimplify-chat-primary-color
  );
}

.chimplify-chats-container
  .chimplify-chat-box-container
  .chat-box
  .chat-message
  .avatar {
  background-image: url("assets/isa-bot-avatar.svg");
}

.chimplify-chats-container
  .chat-container#chat-container-recursos-humanos
  .chimplify-chat-box-container
  .chat-box
  .chat-message
  .avatar {
  background-image: url("assets/isa-bot-blue-avatar.svg");
}

.chimplify-chats-container
  .chat-container#chat-container-contratacao
  .chimplify-chat-box-container
  .chat-box
  .chat-message
  .avatar {
  background-image: url("assets/isa-bot-grey-avatar.svg");
}

.chimplify-chat-box-container {
  width: 100%;
}

.chimplify-chat-box-container button.is-white {
  background-color: #edf2f2;
  box-shadow: none;
  border: none;
}

.chimplify-chat-box-container button.is-white:hover {
  background-color: #d9dcdc;
  box-shadow: none;
}

.chimplify-chat-box-container .chat-box .chat-input-container {
  box-shadow: 0px 0px 10.66px 0px #00000026;
}

.chimplify-chat-box-container .chat-box .chat-input-container .send-button {
  border-radius: 50%;
}

.chimplify-chat-box-container
  .chat-box
  .chat-input-container
  .send-button::after {
  filter: brightness(0) contrast(1);
}

/* --- MODULES --- */
.chimplify-chat-box-container
  .sidebar-container
  .recommended-questions-container
  .title {
  display: none;
}

/* TABS */
.chimplify-tabs-container {
  margin-bottom: -20px;
}

.chimplify-tabs-container .chimplify-tab {
  border-top-right-radius: var(--chimplify-tab-border-radius);
  border-top-left-radius: var(--chimplify-tab-border-radius);
  gap: 10px;
}

.chimplify-tabs-container .chimplify-tab.active {
  background-color: var(--chimplify-chats-container-background-color);
  z-index: 3;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.chimplify-tabs-container .chimplify-tab .icon-wrapper {
  width: var(--chimplify-tab-icon-width);
  height: var(--chimplify-tab-icon-height);
  display: flex;
  align-items: flex-end;
  position: relative;
  margin-top: -30px;
}

.chimplify-tabs-container .chimplify-tab.active .icon-wrapper {
  margin-top: 0;
}

.chimplify-tabs-container .chimplify-tab.active .icon-wrapper::before {
  content: "";
  position: absolute;
  height: 100px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #000;
}

.chimplify-tabs-container .chimplify-tab.active .icon {
  width: 124px;
  height: 145px;
  z-index: 2;
}

.chimplify-tabs-container .chimplify-tab .info-container {
  position: relative;
  width: 250px;
  height: 60px;
  background-color: var(--chimplify-tab-color);
  border-radius: var(--chimplify-chat-radius);
  color: #f7f7f7;
}

.chimplify-tabs-container .chimplify-tab .info-container::before {
  content: "";
  position: absolute;
  left: 0;
  top: 35px;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-left: 12px solid var(--chimplify-tab-color);
  transform: translateX(-100%) rotate(-90deg);
}

.chimplify-tabs-container .chimplify-tab.recursos-humanos .info-container {
  --chimplify-tab-color: #0091d3;
}

.chimplify-tabs-container .chimplify-tab.contratacao .info-container {
  --chimplify-tab-color: #5d6b7f;
}

.chimplify-tabs-container .chimplify-tab .info-container .title {
  line-height: 1;
  color: white;
}