.connection-banner{position:fixed;inset:auto 0 0;z-index:60;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px max(20px,env(safe-area-inset-left)) calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--zy-warn);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif);font-size:14px;line-height:1.5}.connection-banner[hidden]{display:none}.connection-banner svg{flex-shrink:0;color:var(--zy-warn)}.connection-banner p{margin:0;max-width:65ch}.connection-banner-reserve{height:var(--connection-banner-height,0)}body:has(.connection-banner:not([hidden])) .zs-shell .zs-sidebar{height:calc(100dvh - var(--connection-banner-height, 0px));max-height:calc(100dvh - var(--connection-banner-height, 0px))}@media print{.connection-banner,.connection-banner-reserve{display:none}}