/* Pemilih bank (bank-picker.js). Nilai warna sama dengan token landing.css dan demo.css. */
.bp-native{display:none!important}
.bp{position:relative}
.bp-trigger{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:6px 11px;border:1px solid #c9d1d5;border-radius:7px;background:#fff;color:#121a1e;font:inherit;font-size:.875rem;line-height:1.4;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.bp-trigger:hover{border-color:#a9b4ba}
.bp-trigger:focus-visible,.bp.is-open .bp-trigger{outline:0;border-color:#121a1e;box-shadow:0 0 0 3px rgba(18,26,30,.08)}
.bp-trigger[aria-invalid=true]{border-color:#a5372b}
.bp-trigger .bp-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bp-placeholder{flex:1;color:#7d888e}
.bp-chevron{width:15px;height:15px;flex-shrink:0;color:#5b676d;transition:transform .15s}
.bp.is-open .bp-chevron{transform:rotate(180deg)}

.bp-mark{display:inline-grid;place-items:center;flex-shrink:0;min-width:44px;height:22px;padding:0 5px;border:1px solid #e2e7e9;border-radius:5px;background:#f4f6f7;color:#121a1e;font-family:ui-monospace,"SF Mono",SFMono-Regular,"Cascadia Mono","Roboto Mono",Menlo,Consolas,monospace;font-size:.59375rem;font-weight:700;letter-spacing:.04em;line-height:1}
.bp-mark-digital{background:#121a1e;border-color:#121a1e;color:#fff}
.bp-mark-ewallet{background:#e8f4f5;border-color:#bfdfe3;color:#0b6672}
.bp-mark-logo{background:#fff;border-color:#e2e7e9;padding:2px 4px;width:44px;overflow:hidden}
.bp-mark-logo img{display:block;max-width:100%;max-height:16px;width:auto;height:auto;object-fit:contain}
.bp-mark-icon{color:#5b676d;background:#fff}
.bp-mark-icon svg{width:13px;height:13px}

.bp-popup{position:absolute;z-index:25;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #c9d1d5;border-radius:10px;box-shadow:0 18px 40px -16px rgba(18,26,30,.35);overflow:hidden}
.bp-search{display:block;width:100%;border:0;border-bottom:1px solid #e2e7e9;padding:10px 12px;font:inherit;font-size:.875rem;color:#121a1e;background:#fff}
.bp-search:focus{outline:0;background:#f7f9f9}
.bp-search::placeholder{color:#7d888e}
.bp-list{list-style:none;margin:0;padding:4px;max-height:280px;overflow-y:auto;overscroll-behavior:contain}
.bp-list ul{list-style:none;margin:0;padding:0}
.bp-group{padding:9px 8px 4px;font-size:.6875rem;font-weight:600;letter-spacing:.02em;color:#7d888e}
.bp-option{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:6px;font-size:.84375rem;color:#121a1e;cursor:pointer}
.bp-option .bp-name{flex:1;min-width:0}
.bp-option.is-active{background:#f0f3f4}
.bp-option[aria-selected=true]{font-weight:600}
.bp-option[aria-selected=true]::after{content:"";width:6px;height:6px;border-radius:50%;background:#0b6672;flex-shrink:0}
.bp-badge{font-size:.6875rem;color:#83651c;border:1px solid #e8dcb5;background:#fcf8ec;border-radius:999px;padding:0 7px;line-height:1.6}
.bp-empty{margin:0;padding:12px;font-size:.8125rem;color:#5b676d}
.bp [hidden]{display:none!important}

/* Mengalahkan gaya input formulir halaman (.field input dan #cekaman-ui .ca-field input). */
.field .bp .bp-search,#cekaman-ui .ca-field .bp .bp-search{min-height:0;width:100%;border:0;border-bottom:1px solid #e2e7e9;border-radius:0;padding:10px 12px;font-size:.875rem;letter-spacing:0;box-shadow:none;background:#fff}
.field .bp .bp-search:hover,#cekaman-ui .ca-field .bp .bp-search:hover{border-color:#e2e7e9}
.field .bp .bp-search:focus,#cekaman-ui .ca-field .bp .bp-search:focus{border-color:#e2e7e9;box-shadow:none;background:#f7f9f9}

@media(max-width:620px){.bp-trigger,.bp-search,.field .bp .bp-search,#cekaman-ui .ca-field .bp .bp-search{font-size:1rem}.bp-trigger{min-height:44px}.bp-list{max-height:240px}}
@media(prefers-reduced-motion:reduce){.bp-trigger,.bp-chevron{transition:none}}
@media(min-width:621px){.bp-placeholder{font-size:.8125rem}.bp-search::placeholder{font-size:.8125rem}}