/* Figma 53040:19755 / 53040:19718: only the marked account information. */
@media (min-width: 769px) {
  body[data-recharge-tab="coin"] .mobile-recharge-coin-user {
    top: 144px;
    width: max-content;
    max-width: 320px;
    height: 56px;
    padding: 0;
    gap: 16px;
    border-radius: 0;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body[data-recharge-tab="coin"] .mobile-recharge-coin-user > img {
    width: 56px;
    height: 56px;
    border: 2.333px solid rgba(0,0,0,.3);
  }

  body[data-recharge-tab="coin"] .mobile-recharge-coin-user > span {
    width: auto;
    min-width: 0;
    gap: 4px;
  }

  body[data-recharge-tab="coin"] .mobile-recharge-coin-user__identity {
    max-width: 100%;
    height: 32px;
    gap: 8px;
  }

  body[data-recharge-tab="coin"] .mobile-recharge-coin-user strong {
    min-width: 0;
    overflow: hidden;
    color: rgba(255,255,255,.9);
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  body[data-recharge-tab="coin"] .mobile-recharge-shell .mobile-recharge-coin-user em {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    height: 18px;
    padding: 1px 6px;
    border: 1px solid rgba(255,255,255,.55);
    background: transparent;
    color: rgba(255,255,255,.55);
    font-size: 10px;
    line-height: 16px;
  }

  body[data-recharge-tab="coin"] .mobile-recharge-shell.has-member .mobile-recharge-coin-user em {
    border: 0;
    background: linear-gradient(160.91deg, #ffe580 0%, #facc15 100%);
    color: #3b2d00;
    font-weight: 600;
  }

  body[data-recharge-tab="coin"] .mobile-recharge-shell .mobile-recharge-coin-user small {
    width: auto;
    color: rgba(255,255,255,.55);
    font-size: 12px;
    line-height: 18px;
  }

  body[data-recharge-tab="coin"] .mobile-recharge-coin-user small a {
    color: #ffc000;
    font-weight: 400;
  }
}
