.conn-banner{transition:grid-template-rows var(--d-3) var(--ease-out);grid-template-rows:0fr;display:grid}.conn-banner[data-open]{grid-template-rows:1fr}.conn-banner__inner{align-items:center;gap:var(--s-3);min-block-size:0;padding-inline:var(--page-pad);font:var(--t-small);display:flex;overflow:hidden}.conn-banner[data-open] .conn-banner__inner{min-block-size:36px}.conn-banner__text{min-inline-size:0;padding-block:var(--s-2);flex:1}.live{font:var(--t-small);color:var(--fg-2);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.live .icon{color:var(--st-neutral-mark)}.live[data-on] .icon{color:var(--st-done-mark)}@media (max-width:51.99em){.live[data-on]{display:none}}