/* Native dialog contains focus and returns it to the opener on close. */
.landing-chat-dialog {
  border: 0;
  padding: 0;
  background: transparent;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  overflow: visible;
}
.landing-chat-dialog::backdrop { background: rgba(23,24,26,.5); backdrop-filter: blur(6px); }
.landing-chat-dialog .site-chat-panel { width: min(760px, calc(100vw - 32px)); box-sizing: border-box; }
.landing-chat-dialog .chat-head { padding-right: 40px; }
.landing-chat-dialog .composer textarea { min-width: 0; }
@media (max-width: 640px) {
  .landing-chat-dialog { width: 100%; height: 100dvh; max-width: 100%; max-height: 100dvh; margin: 0; }
  .landing-chat-dialog .site-chat-panel { width: 100%; height: 100dvh; }
  .landing-chat-dialog .chat-head { flex-wrap: wrap; gap: 8px; }
  .landing-chat-dialog .chat-head > div:first-child { flex-basis: 100%; }
  .landing-chat-dialog .composer { flex-wrap: wrap; }
  .landing-chat-dialog .composer textarea { flex-basis: 100%; width: 100%; }
  .landing-chat-dialog .composer .icon-btn, .landing-chat-dialog .composer .send { width: 44px; height: 44px; }
  .landing-chat-dialog .composer .send { margin-left: auto; }
  .landing-chat-dialog .quick { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; max-width: 100%; }
}