.pm-brand-mark {
  width:32px;
  height:32px;
  padding:3px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  overflow:hidden;
  border:1px solid rgba(15,36,56,.12);
  border-radius:9px;
  background:#fff;
  box-shadow:0 3px 10px rgba(9,21,33,.12);
  vertical-align:middle;
}

.pm-icon {
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  border-radius:6px;
}

.pm-brand-mark--picker { width:32px; height:32px; padding:2px; }
.pm-brand-mark--compact { width:28px; height:28px; padding:2px; border-radius:8px; }
.pm-brand-mark--small { width:24px; height:24px; padding:2px; border-radius:7px; }
.pm-brand-mark--inline { width:20px; height:20px; padding:2px; border-radius:6px; box-shadow:none; }

.pm-brand-mark--maya { border-color:rgba(181,239,33,.42); }
.pm-brand-mark--bdopay,
.pm-brand-mark--pnb { padding:1px; }

.pm-method-label,
.pm-brand-heading {
  display:inline-flex;
  min-width:0;
  align-items:center;
  gap:7px;
}

.pay-ic.pm-brand-mark,
.po-ico.pm-brand-mark {
  display:inline-grid;
  margin:0 0 4px;
  line-height:1;
}

.host-balance-method .pm-method-label {
  max-width:100%;
  justify-content:center;
  gap:5px;
}

.pm-toggle-grid {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.pm-toggle {
  min-height:42px;
  padding:7px 10px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid var(--border);
  border-radius:11px;
  background:var(--surface, var(--card));
  color:var(--text);
  font-size:.8rem;
  font-weight:750;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(9,21,33,.06);
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.pm-toggle:hover {
  transform:translateY(-1px);
  border-color:rgba(var(--green-rgb, var(--ac)),.45);
}

.pm-toggle:has(input:checked) {
  border-color:var(--green, var(--accent));
  background:rgba(var(--green-rgb, var(--ac)),.1);
  box-shadow:inset 0 0 0 1px rgba(var(--green-rgb, var(--ac)),.1),0 4px 12px rgba(9,21,33,.08);
}

.pm-toggle input[type="checkbox"] {
  width:15px;
  height:15px;
  flex:0 0 auto;
  margin:0;
  accent-color:var(--green, var(--accent));
}

.pm-toggle .pm-method-label { gap:6px; }

@media (max-width:600px) {
  .pm-brand-mark--picker { width:30px; height:30px; }
  .pm-brand-mark--compact { width:27px; height:27px; }
  .pm-toggle { flex:1 1 calc(50% - 4px); min-width:142px; }
}