.banking-form .bank-logo-picker{--logo-tile-height:44px;--logo-gap:4px;--logo-visible-rows:2;--logo-all-rows:4;container-type:inline-size}.bank-logo-reveal{height:calc(var(--logo-visible-rows) * (var(--logo-tile-height) + var(--logo-gap)) + var(--logo-tile-height) * .4 + 3px);overflow:hidden;position:relative;transition:height .18s ease}.bank-logo-reveal.is-expanded{height:calc(var(--logo-all-rows) * (var(--logo-tile-height) + var(--logo-gap)) - var(--logo-gap) + 6px)}.bank-logo-reveal:after{content:"";position:absolute;inset:auto 0 0;height:12px;background:linear-gradient(transparent,#fff);pointer-events:none;transition:opacity .18s ease}.bank-logo-reveal.is-expanded:after{opacity:0}.banking-form .bank-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--logo-gap);padding:3px}.banking-form .bank-logo-tile{position:relative;display:flex;align-items:center;justify-content:center;height:var(--logo-tile-height);min-width:0;padding:6px 18px;border:1px solid var(--bank-border);border-radius:var(--bank-control-radius);background:#fff;color:var(--bank-label);font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}.banking-form .bank-logo-tile:hover:not(:disabled){border-color:var(--bank-border-hover)}.banking-form .bank-logo-tile[aria-pressed=true]{border-color:var(--bank-focus);background:#f3fafa;box-shadow:inset 0 0 0 1px var(--bank-focus)}.banking-form .bank-logo-action:focus-visible,.banking-form .bank-logo-tile:focus-visible{outline:2px solid var(--bank-focus);outline-offset:1px}.banking-form .bank-logo-tile:disabled{cursor:wait;opacity:.55}.bank-logo-image{display:flex;align-items:center;justify-content:center;width:100%;max-width:max(140px,var(--bank-logo-width));height:34px}.bank-logo-artwork-frame{position:relative;display:block;width:min(100%,var(--bank-logo-width));height:min(var(--bank-logo-height),calc(var(--logo-tile-height) - 4px))}.bank-logo-artwork{object-fit:contain}.bank-logo-check{position:absolute;right:3px;top:3px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--bank-focus);color:white;font-size:10px}.bank-logo-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0 20px}.banking-form .bank-logo-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:24px;padding:2px 6px;border:0;border-radius:4px;background:transparent;color:var(--bank-focus);font:inherit;font-size:12px;font-weight:650;cursor:pointer}.banking-form .bank-logo-action:hover{text-decoration:underline;text-underline-offset:3px}.bank-logo-action svg{transition:transform .15s}.bank-logo-action svg.is-up{transform:rotate(180deg)}.bank-logo-search{margin-top:8px}.bank-logo-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:50px;padding:4px 10px;border:1px solid var(--bank-focus);border-radius:var(--bank-control-radius);background:#f3fafa}.bank-logo-summary:not(:has(.bank-logo-summary-image)){grid-template-columns:minmax(0,1fr) auto auto}.bank-logo-summary-image{position:relative;width:100px;height:28px}.bank-logo-summary strong{color:var(--bank-label);font-size:12px;line-height:16px;overflow-wrap:anywhere}.bank-logo-summary-check{color:var(--bank-focus);font-size:13px}.bank-logo-summary .bank-logo-change{min-height:32px}@container (max-width: 560px){.bank-logo-reveal{--logo-visible-rows:4;--logo-all-rows:8;--logo-tile-height:48px;--logo-gap:6px}.banking-form .bank-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.banking-form .bank-logo-tile{padding:7px 14px}.banking-form .bank-logo-action{min-height:44px}.bank-logo-summary{min-height:54px;gap:6px;padding:4px 8px}.bank-logo-summary-image{width:58px;height:26px}}@media (prefers-reduced-motion:reduce){.bank-logo-action svg,.bank-logo-reveal,.bank-logo-reveal:after,.banking-form .bank-logo-tile{transition:none}}