/* Find your bank: the catalogue search box (search.js). Tokens from style.css, with fallbacks so the
   box still draws on a page that loads it alone. Square corners and hairlines, like the site. */
.bank-search{position:relative;width:100%;max-width:720px;font-family:var(--font,"Archivo","Helvetica Neue",Arial,sans-serif);}
.bank-search .bs-field{position:relative;display:flex;align-items:center;background:var(--white,#fff);border:1.5px solid var(--navy,#16283F);transition:box-shadow .15s;}
.bank-search .bs-field:focus-within{box-shadow:0 0 0 3px rgba(22,40,63,.12);}
.bank-search .bs-icon{position:absolute;left:18px;width:20px;height:20px;color:var(--navy,#16283F);pointer-events:none;}
.bank-search .bs-input{flex:1;min-width:0;width:100%;border:0;outline:none;background:transparent;margin:0;
  padding:17px 18px 17px 50px;font-family:inherit;font-size:1.02rem;font-weight:500;color:var(--navy-deep,#0E1C2E);
  -webkit-appearance:none;appearance:none;border-radius:0;}
.bank-search .bs-input::placeholder{color:var(--taupe-2,#8B8177);font-weight:400;opacity:1;}
.bank-search .bs-list{position:absolute;z-index:60;left:0;right:0;top:100%;margin:0;padding:0;list-style:none;
  background:var(--white,#fff);border:1.5px solid var(--navy,#16283F);border-top:1px solid var(--line,#E1DDD4);
  box-shadow:0 18px 40px -18px rgba(14,28,46,.35);max-height:min(70vh,560px);overflow-y:auto;}
.bank-search .bs-list[hidden]{display:none;}
.bank-search .bs-opt{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px;
  border-bottom:1px solid var(--line,#E1DDD4);cursor:pointer;line-height:1.3;}
.bank-search .bs-opt:last-child{border-bottom:0;}
.bank-search .bs-opt.on{background:var(--panel,#F2F0EA);box-shadow:inset 3px 0 0 var(--navy,#16283F);}
.bank-search .bs-main{display:flex;flex-direction:column;min-width:0;}
.bank-search .bs-name{font-size:.98rem;font-weight:600;color:var(--navy-deep,#0E1C2E);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bank-search .bs-name mark{background:none;color:inherit;font-weight:800;text-decoration:underline;text-decoration-color:var(--line-strong,#CFC9BD);text-underline-offset:3px;}
.bank-search .bs-sub{font-size:.8rem;color:var(--taupe,#6E645A);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bank-search .bs-size{flex:none;font-size:.82rem;color:var(--ink,#26303A);font-variant-numeric:tabular-nums;white-space:nowrap;}
.bank-search .bs-state .bs-sub{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;}
.bank-search .bs-empty,.bank-search .bs-more{padding:13px 18px;font-size:.86rem;color:var(--taupe,#6E645A);}
.bank-search .bs-more{border-top:1px solid var(--line,#E1DDD4);font-size:.78rem;background:var(--ground,#FBFAF8);}
.bank-search .bs-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}
@media (max-width:560px){
  .bank-search .bs-input{font-size:16px;padding:15px 14px 15px 44px;}
  .bank-search .bs-icon{left:14px;width:18px;height:18px;}
  .bank-search .bs-opt{padding:10px 14px;gap:10px;}
  .bank-search .bs-name{font-size:.92rem;}
}
.bank-search.open{z-index:40;}