main.wallets {
  --offset: 4rem;
  --content-width: 72rem;

  display: grid;
  gap: 1.5rem;
  align-content: start;
  width: min(100%, var(--content-width));
  margin-inline: auto;
  padding: var(--offset) var(--page-x);
  scroll-padding-top: var(--offset);

  output {
    display: block;
    min-height: var(--line-height-sm);
    margin: 0;
    color: var(--gray);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
  }

  :is(input, select, textarea) {
    appearance: none;
    min-width: 0;
    border: 0;
    border-radius: 0.375rem;
    padding: 0.75rem 0.875rem;
    color: var(--white);
    background: color-mix(in oklch, var(--black) 72%, var(--white));
    font: inherit;
    line-height: 1;
  }

  textarea {
    min-height: 7rem;
    resize: vertical;
    line-height: var(--line-height-sm);
  }

  :is(input, select, textarea):focus-visible {
    outline: 2px solid var(--orange);
    outline-offset: 2px;
  }

  :is(input, textarea)::placeholder {
    color: color-mix(in oklch, var(--gray) 70%, transparent);
  }
}