main.wallets {
  .holdings {
    display: grid;
    gap: 1rem;

    :is(h2, p) {
      margin: 0;
    }

    h2 {
      color: var(--white);
      font-size: var(--font-size-lg);
      font-weight: 400;
      line-height: var(--line-height-lg);
    }

    > p {
      color: var(--gray);
      font-size: var(--font-size-sm);
      line-height: var(--line-height-sm);
    }

    > ol {
      display: grid;
      gap: 0.25rem;
      margin: 0;
      padding: 0;
      list-style: none;

      > li {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 0.25rem 1rem;
        align-items: center;
        padding: 0.875rem 0;
        border-bottom: 1px solid color-mix(
          in oklch,
          var(--gray) 18%,
          transparent
        );

        @media (max-width: 34rem) {
          grid-template-columns: 1fr;
        }

        > header {
          display: flex;
          gap: 1rem;
          align-items: baseline;
          justify-content: space-between;
          min-width: 0;

          strong {
            color: var(--white);
            font-weight: 500;
          }
        }

        > p {
          min-width: 0;
          color: var(--gray);
          font-size: var(--font-size-sm);
          line-height: var(--line-height-sm);

          code {
            color: inherit;
            font-family: inherit;
          }
        }

        > .address-cell {
          grid-column: 1 / -1;
        }
      }
    }
  }
}