main.wallets {
  .wallets__summary {
    min-height: 5rem;
  }

  .wallets__metric {
    display: grid;
    gap: 0.375rem;
    margin: 0;

    strong {
      min-width: 0;
      overflow-wrap: anywhere;
      color: var(--white);
      font-size: 1.5rem;
      font-weight: 620;
      line-height: 1;
    }

    span {
      color: var(--gray);
      font-size: var(--font-size-xs);
      line-height: var(--line-height-xs);
      text-transform: uppercase;
    }
  }

  .wallets__balance {
    gap: 0.5rem;

    strong {
      font-size: 3rem;
    }

    span {
      font-size: var(--font-size-lg);
      line-height: var(--line-height-lg);
      text-transform: none;
    }
  }
}

@media (max-width: 34rem) {
  main.wallets {
    .wallets__balance {
      strong {
        font-size: 2.25rem;
      }
    }
  }
}