.elio-chatbot{
  --elio-side-offset:24px;
  --elio-toggle-offset:88px;
  --elio-safe-top-gap:24px;
  position:fixed;
  right:var(--elio-side-offset);
  bottom:84px;
  z-index:1200;
  font-family:inherit;
}
.elio-chatbot__toggle{
  height:80px;
  width:80px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  overflow:hidden;
}
.elio-chatbot__toggle-image{
  display:block;
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
}
.elio-chatbot__panel{
  position:absolute;
  right:0;
  bottom:var(--elio-toggle-offset);
  width:min(380px, 100vw - var(--elio-side-offset) * 2);
  height:min(640px, 100vh - 84px - var(--elio-toggle-offset) - var(--elio-safe-top-gap));
  background:#ffffff;
  border-radius:12px;
  overflow:hidden;
  -webkit-box-shadow:0 20px 44px rgba(0, 0, 0, 0.26);
          box-shadow:0 20px 44px rgba(0, 0, 0, 0.26);
  display:none;
}
.elio-chatbot__panel.is-open{
  display:block;
}
.elio-chatbot__frame{
  width:100%;
  height:100%;
  border:0;
}

@supports (height: 100dvh){
  .elio-chatbot__panel{
    height:min(640px, 100dvh - 84px - var(--elio-toggle-offset) - var(--elio-safe-top-gap));
  }
}
@media print, screen and (max-width: 48.74rem){
  .elio-chatbot{
    --elio-side-offset:16px;
    --elio-safe-top-gap:16px;
  }
  .elio-chatbot__panel{
    border-radius:10px;
  }
}
@media print, screen and (max-height: 52rem){
  .elio-chatbot{
    --elio-safe-top-gap:16px;
  }
  .elio-chatbot__panel{
    height:min(32rem, 100vh - 84px - var(--elio-toggle-offset) - var(--elio-safe-top-gap));
  }
  @supports (height: 100dvh){
    .elio-chatbot__panel{
      height:min(32rem, 100dvh - 84px - var(--elio-toggle-offset) - var(--elio-safe-top-gap));
    }
  }
}