/* Payment brand marks (brand.js / pp_brand_mark_html): the official file at 20 px (16 px in the compact row), never
   recoloured, never cropped. Clear space is the gap around it: Venmo's V needs half its width, the others are at least that. */
.pp-brand{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:20px;height:20px;line-height:0;vertical-align:middle}
.pp-brand--sm{width:16px;height:16px}
/* Zelle: its square app icon (10-12 Oliver: same box, corner radius and weight as the others, like Cash App's "$") */
.pp-brand--zelle .pp-brand__img{border-radius:22%}
.pp-brand__img{display:block;width:100%;height:100%;object-fit:contain;max-width:none}
.pp-brand>img.pp-brand__img{max-width:none;max-height:none}   /* Woo caps images in payment-method labels at 24px: never squeeze a mark */
.pp-brand-row{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;vertical-align:middle}
/* chips: mark + name */
/* chips: mark + name on ONE line (10-12 Oliver: "Cash App" wrapped). Whole chips wrap to the next row, never the text */
.pp-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.pp-chip__name{white-space:nowrap}
/* method rows (pay panel list, card row) */
.pp-meth__brand{display:inline-flex;align-items:center}

.pp-zeno-guide{font-size:14px;line-height:1.5;color:#5b6470}.pp-zeno-guide p{margin:0 0 10px}.pp-zeno-guide strong{color:#101418;font-weight:600}.pp-zeno-guide ol{margin:0 0 10px;padding-left:22px}.pp-zeno-guide li{padding-left:3px;margin:0 0 7px}.pp-zeno-guide .pp-zeno-guide__wallets{margin-bottom:0;font-size:13px}