.payos-hub-chart { container: payos-hub / inline-size; box-sizing:border-box; }
.payos-hub-chart * { box-sizing:border-box; }
@container payos-hub (max-width: 720px) {
 .payos-hub-row { flex-direction:column; gap:20px !important; min-height:0 !important; }
 .payos-hub-entity, .payos-hub-groups { width:100% !important; min-width:0 !important; flex:auto !important; }
 .payos-hub-more-groups { min-width:0 !important; flex-basis:100% !important; }
 .payos-hub-more-groups > span { white-space:normal !important; overflow-wrap:anywhere; }
 .payos-hub-chip { white-space:normal !important; overflow-wrap:anywhere; }
 .payos-hub-connector { flex:none !important; width:2px; min-width:0 !important; height:24px; margin:auto; align-self:center !important; background:#8fbaff; }
 .payos-hub-connector > * { display:none; }
 .payos-hub-connector::after { content:""; position:absolute; bottom:-1px; left:-4px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #8fbaff; }
}
@media(max-width:600px) { .payos-hub-chart { padding-inline:16px !important; } }