/* styling for ah-ha-demo teaser */
:root {
  --main-fg-color: #0e55c3;
}
#iframe-div {
  background-color: white;
  height: 75% !important;
  width: 30vw;
  right: 20px;
  bottom: 84px;
  position: fixed;
  background: url(../assets/loading.gif) center center no-repeat white;
  z-index: 1000;
  font-family: 'PlusJakartaSans-Regular';
  box-shadow: 0px 0px 10px 2px rgb(186 186 186 / 35%);
  border-radius: 8px;
  overflow: hidden;
}
#chat-iframe {
  height: 100%;
  width: 100%;
  z-index: 1000;
}
#chat-icon-toggle {
  height: 48px;
  width: 48px;
  border-radius: 24px;
  right: 20px;
  bottom: 20px;
  position: fixed;
  z-index: 1000;
  cursor: pointer;
}
#chat-icon-toggle img {
  height: 48px !important;
  width: 48px !important;  
}

@media screen and (min-width: 1024px) {
  #iframe-div {
    width: 28%;
  }
}
@media screen and (min-width: 821px) and (max-width: 1023px) {
  #iframe-div {
    width: 40%;
  }
}
@media screen and (min-width: 321px) and (max-width: 820px) {
  #iframe-div {
    width: 90%;
  }
}