/* Display the actual brand artwork without cropping or stretching it. */
.bank-logo:has(.bank-image) {
  width: 82px;
  height: 54px;
  padding: 8px;
  border-radius: 3px;
  background: #fff;
}
.bank-logo:empty, .bank-logo:has(> .bank-image[hidden]) { display: none; }
.bank-image { display: block; width: 100%; height: 100%; object-fit: contain; }
.bank-image[hidden] { display: none; }
/* These official files use their white logo variants. */
.bank-image[src$="/banks/c24.svg"] { padding: 5px; background: #176bba; }
.bank-image[src$="/banks/santander.svg"] { padding: 5px; background: #ec0000; }
.bank-wrap > div:last-child { min-width: 0; }
.bank-name { overflow-wrap: anywhere; }
.bank-stars { flex-wrap: wrap; }
.osc-logo-box:has(.bank-image) { width: 100px; height: 64px; padding: 10px; border-radius: 3px; background: #fff; }
.osc-logo-box:empty, .osc-logo-box:has(> .bank-image[hidden]) { display: none; }