.ctd-solana-wallets__provider,
.ctd-solana-wallet-picker {
  --ctd-solana-surface: var(--cointacted-ui-surface, var(--ctbc-surface, var(--snapweb-color-surface, var(--snapweb-ui-surface, var(--snapweb-community-surface, var(--fcom-primary-bg, var(--wp--preset--color--base, transparent)))))));
  --ctd-solana-surface-muted: var(--cointacted-ui-surface-muted, var(--ctbc-surface-muted, var(--snapweb-color-surface-muted, var(--snapweb-color-canvas, var(--snapweb-community-surface-muted, var(--fcom-secondary-bg, color-mix(in srgb, currentColor 7%, var(--ctd-solana-surface))))))));
  --ctd-solana-text: var(--cointacted-ui-text, var(--ctbc-text, var(--snapweb-color-heading, var(--snapweb-ui-heading, var(--snapweb-community-text, var(--fcom-primary-text, var(--wp--preset--color--contrast, currentColor)))))));
  --ctd-solana-muted: var(--cointacted-ui-text-muted, var(--ctbc-muted, var(--snapweb-color-text, var(--snapweb-ui-text, var(--snapweb-community-muted, var(--fcom-secondary-text, color-mix(in srgb, currentColor 68%, transparent)))))));
  --ctd-solana-border: var(--cointacted-ui-border, var(--ctbc-border, var(--snapweb-color-border, var(--snapweb-ui-border, var(--snapweb-community-border, var(--fcom-primary-border, color-mix(in srgb, currentColor 18%, transparent)))))));
  color-scheme: inherit;
  font-family: var(--cointacted-ui-font-family, inherit);
}

.ctd-solana-wallets__provider {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px;
  color: var(--ctd-solana-text);
  background: var(--ctd-solana-surface);
  border: 1px solid var(--ctd-solana-border);
  border-radius: var(--cointacted-ui-button-radius, var(--ctbc-button-radius, var(--snapweb-button-radius, var(--fcom-border-radius, 8px))));
  cursor: pointer;
  text-align: left;
}

.ctd-solana-wallets__provider:hover,
.ctd-solana-wallets__provider:focus-visible {
  color: var(--ctd-solana-text);
  background: var(--ctd-solana-surface-muted);
  border-color: color-mix(in srgb, var(--ctd-solana-text) 28%, var(--ctd-solana-border));
  outline: none;
}

.ctd-solana-wallets__provider:focus-visible,
.ctd-solana-wallet-picker button:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in srgb, #14f195 32%, transparent);
}

.ctd-solana-wallets__provider:disabled {
  cursor: wait;
  opacity: .66;
}

.ctd-solana-wallets__provider-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--ctd-solana-border);
  border-radius: var(--cointacted-ui-button-radius, var(--ctbc-button-radius, var(--snapweb-button-radius, var(--fcom-border-radius, 8px))));
  background: #11131a;
}

.ctd-solana-wallets__provider-icon img {
  display: block;
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.ctd-solana-wallets__provider strong,
.ctd-solana-wallets__provider small {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ctd-solana-wallets__provider strong {
  font-size: 14px;
  line-height: 1.25;
}

.ctd-solana-wallets__provider small {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.25;
  opacity: .76;
}

.ctd-solana-wallet-picker-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgb(5 8 15 / 68%);
  backdrop-filter: blur(5px);
}

.ctd-solana-wallet-picker {
  --ctd-solana-surface: var(--cointacted-ui-surface, var(--ctbc-surface, var(--snapweb-color-surface, var(--snapweb-ui-surface, var(--snapweb-community-surface, var(--fcom-primary-bg, var(--wp--preset--color--base, Canvas)))))));
  --ctd-solana-text: var(--cointacted-ui-text, var(--ctbc-text, var(--snapweb-color-heading, var(--snapweb-ui-heading, var(--snapweb-community-text, var(--fcom-primary-text, var(--wp--preset--color--contrast, CanvasText)))))));
  --ctd-solana-muted: var(--cointacted-ui-text-muted, var(--ctbc-muted, var(--snapweb-color-text, var(--snapweb-ui-text, var(--snapweb-community-muted, var(--fcom-secondary-text, color-mix(in srgb, var(--ctd-solana-text) 68%, transparent)))))));
  width: min(420px, 100%);
  max-height: min(620px, calc(100dvh - 40px));
  overflow: auto;
  padding: 20px;
  color: var(--ctd-solana-text);
  background: var(--ctd-solana-surface);
  border: 1px solid var(--ctd-solana-border);
  border-radius: var(--cointacted-ui-radius, var(--ctbc-surface-radius, var(--snapweb-radius-md, var(--fcom-border-radius, 14px))));
  box-shadow: var(--cointacted-ui-shadow, 0 24px 80px rgb(0 0 0 / 28%));
}

.ctd-solana-wallet-picker h2 {
  margin: 0;
  color: inherit;
  font-size: 20px;
  line-height: 1.25;
}

.ctd-solana-wallet-picker > p {
  margin: 7px 0 16px;
  color: var(--ctd-solana-muted);
  font-size: 13px;
  line-height: 1.5;
}

.ctd-solana-wallet-picker__list {
  display: grid;
  gap: 8px;
}

.ctd-solana-wallet-picker__wallet,
.ctd-solana-wallet-picker__cancel {
  width: 100%;
  min-height: 46px;
  color: inherit;
  background: var(--ctd-solana-surface);
  border: 1px solid var(--ctd-solana-border);
  border-radius: var(--cointacted-ui-button-radius, var(--ctbc-button-radius, var(--snapweb-button-radius, var(--fcom-border-radius, 9px))));
  cursor: pointer;
  font: inherit;
}

.ctd-solana-wallet-picker__wallet {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 8px 12px;
  font-weight: 650;
  text-align: left;
}

.ctd-solana-wallet-picker__wallet img {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
  border-radius: 7px;
}

.ctd-solana-wallet-picker__wallet:hover,
.ctd-solana-wallet-picker__wallet:focus-visible,
.ctd-solana-wallet-picker__cancel:hover,
.ctd-solana-wallet-picker__cancel:focus-visible {
  background: var(--ctd-solana-surface-muted);
  outline: none;
}

.ctd-solana-wallet-picker__cancel {
  margin-top: 12px;
  padding: 9px 12px;
  color: var(--ctd-solana-muted);
}

html[data-snapweb-color-mode="dark"] :is(.ctd-solana-wallets__provider, .ctd-solana-wallet-picker),
:is(html.fcom-dark, html.fcom-dark-mode, html.fc-dark-mode, html[data-theme="dark"], html[data-color-mode="dark"], body.cointacted-social-terminal-dark, .fcom_dark, .fcom_dark_mode, .fcom_dark_theme) :is(.ctd-solana-wallets__provider, .ctd-solana-wallet-picker) { color-scheme: dark; }

html[data-snapweb-color-mode="light"] :is(.ctd-solana-wallets__provider, .ctd-solana-wallet-picker),
:is(html.fcom-light, html.fcom-light-mode, html.fc-light-mode, html[data-theme="light"], html[data-color-mode="light"], .fcom_light, .fcom_light_mode, .fcom_light_theme) :is(.ctd-solana-wallets__provider, .ctd-solana-wallet-picker) { color-scheme: light; }

@media (max-width: 520px) {
  .ctd-solana-wallet-picker-backdrop {
    align-items: end;
    padding: 12px;
  }

  .ctd-solana-wallet-picker {
    width: 100%;
    max-height: calc(100dvh - 24px);
    padding: 18px;
    border-radius: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ctd-solana-wallet-picker-backdrop {
    backdrop-filter: none;
  }
}