.connection{display:flex;align-items:center;gap:8px;min-width:0;color:#c6bdc9}
.signal-bars{display:flex;align-items:flex-end;gap:2px;height:19px;flex:none}
.signal-bars i{display:block;width:4px;border-radius:2px 2px 0 0;background:#776b7b}
.signal-bars i:nth-child(1){height:5px}.signal-bars i:nth-child(2){height:9px}.signal-bars i:nth-child(3){height:14px}.signal-bars i:nth-child(4){height:19px}
.connection[data-quality="1"] .signal-bars i:nth-child(-n+1),.connection[data-quality="2"] .signal-bars i:nth-child(-n+2),.connection[data-quality="3"] .signal-bars i:nth-child(-n+3),.connection[data-quality="4"] .signal-bars i{background:#ed5077}
.connection[data-quality="1"] .signal-bars i:nth-child(1){background:#ef8c78}
.connection-copy{display:flex;flex-direction:column;gap:1px;min-width:0;white-space:nowrap}
.connection-copy strong{font-size:11px;font-weight:650;line-height:1.2}
.connection-copy small{font-size:10px;color:#aaa0ad;line-height:1.2}
.connection[data-quality="0"] .connection-copy strong{color:#f4a7b8}