.chat-panel--floating {
  position: fixed;
  top: auto;
  right: 20px;
  bottom: 82px;
  z-index: 60;
  width: min(380px, calc(100vw - 40px));
  height: min(640px, calc(100vh - 110px));
}

.chat-panel--floating[hidden] {
  display: none;
}

@media (max-width: 900px) {
  .chat-panel--floating {
    right: 12px;
    bottom: 76px;
    width: min(380px, calc(100vw - 24px));
    height: min(70vh, 560px);
  }
}