/* Keep the supplied communication UI out of account/shop controls and private checkout. */
html:not(.mangos-world-ready) [id^="voice-"],
body.mangos-commerce-open [id^="voice-"] { visibility: hidden !important; pointer-events: none !important; }
#voice-ui-container { bottom: max(20px, env(safe-area-inset-bottom)) !important; }
#voice-chat { bottom: 96px !important; right: 18px !important; }
#voice-badge-container { top: 116px !important; max-width: min(65vw, 700px); }
#voice-video-panel-row { top: 42% !important; }
@media (max-width: 1000px) {
  #voice-badge-container { top: 190px !important; }
}
@media (max-width: 680px) {
  #voice-chat { bottom: 84px !important; right: 12px !important; }
  #voice-ui-container { left: 12px !important; bottom: 12px !important; }
  #voice-ui-container .voice-control-label,
  #voice-status-label { display: none !important; }
  #voice-ui-container .voice-control-icon { display: inline-flex !important; width: 20px; height: 20px; }
  #voice-ui-container .voice-control-icon svg { width: 20px; height: 20px; stroke: currentColor; }
  #voice-ui-container { gap: 5px !important; padding: 6px !important; max-width: calc(100vw - 24px); }
  #voice-ui-container button { min-width: 40px; padding: 10px !important; }
}