#connectFrame{position:fixed;right:18px;top:22px;bottom:18px;width:440px;height:calc(100vh - 40px);border:0;border-radius:19px;z-index:36;background:transparent;transition:width .25s,height .25s,top .25s}body.connect-collapsed #connectFrame{width:52px;height:74px;top:calc(100vh - 92px)}body.connect-collapsed #app{padding-right:68px}body.menu-open #connectFrame,body.menu-pinned #connectFrame{top:104px;height:calc(100vh - 122px)}body.connect-collapsed.menu-open #connectFrame,body.connect-collapsed.menu-pinned #connectFrame{top:calc(100vh - 92px);height:74px}#commsDock{display:none!important}#app{padding-right:470px}@media(max-width:1050px){#connectFrame{width:390px}#app{padding-right:420px}}@media(max-width:760px){#connectFrame{right:8px;width:calc(100vw - 16px)}#app{padding-right:12px}}

/* On phones CONNECT is the app: no underlying call-center page or page scroll. */
@media(max-width:760px){
  html,body{width:100%;height:100%;height:100dvh;overflow:hidden!important;overscroll-behavior:none}
  #app{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:#f3f6fb}
  #app>*:not(#connectFrame){display:none!important}
  #connectFrame,body.connect-collapsed #connectFrame,body.menu-open #connectFrame,body.menu-pinned #connectFrame,body.connect-collapsed.menu-open #connectFrame,body.connect-collapsed.menu-pinned #connectFrame{position:absolute!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100svh!important;border:0!important;border-radius:0!important;z-index:1000!important;transform:none!important}
}