/* Диалог подключения кошелька. Палитра донора, без своих цветов. */

.pa-overlay {
  position: fixed; inset: 0; z-index: 90;
  background: color-mix(in srgb, var(--ink) 42%, transparent);
  display: flex; align-items: center; justify-content: center; padding: 20px;
  animation: pa-in .14s ease-out;
}
@keyframes pa-in { from { opacity: 0 } to { opacity: 1 } }

.pa-box {
  width: min(420px, 100%); background: var(--bg);
  border: var(--hairline) solid var(--rule); padding: 20rem;
  display: flex; flex-direction: column; gap: 10rem;
}
.pa-head { display: flex; align-items: center; justify-content: space-between; }
.pa-kicker { font-family: var(--mono); font-size: max(10px, 11rem); color: var(--body); }
.pa-x { background: none; border: 0; font-size: 20px; line-height: 1; color: var(--body);
  cursor: pointer; padding: 0 2px; }
.pa-x:hover { color: var(--ink); }

.pa-title { font-size: max(18px, 22rem); line-height: 1.15; letter-spacing: -.02em;
  margin: 0; color: var(--ink); }
.pa-lede { font-size: max(11px, 13rem); line-height: 1.5; color: var(--body); margin: 0; }

.pa-list { display: flex; flex-direction: column; gap: 6rem; margin-top: 4rem; }
.pa-wallet { display: flex; align-items: center; gap: 10rem; width: 100%;
  padding: 10rem 12rem; background: transparent; border: var(--hairline) solid var(--hair);
  font: inherit; font-size: max(12px, 14rem); color: var(--ink); cursor: pointer; text-align: left; }
.pa-wallet:hover { border-color: var(--ink); }
.pa-wallet img { width: 22rem; height: 22rem; object-fit: contain; flex: none; }
.pa-dot { width: 22rem; height: 22rem; border: var(--hairline) solid var(--hair); flex: none; }
.pa-wallet-name { flex: 1; }
.pa-wallet-go { color: var(--body); }

.pa-empty, .pa-status { font-family: var(--mono); font-size: max(10px, 11rem);
  line-height: 1.5; color: var(--body); margin: 0; }
.pa-status.bad { color: var(--down); }