.topup{gap:var(--space-sm);max-width:34rem;display:grid}.topup__presets{gap:var(--space-2xs);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.topup__preset{font-variant-numeric:tabular-nums;width:100%}.topup__custom{gap:var(--space-3xs);display:grid}.topup__label{font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-ink)}.topup__input-wrap{border:1px solid var(--color-ink);border-radius:var(--radius-input);background:var(--color-sheet);align-items:center;display:flex}.topup__input-wrap:focus-within{box-shadow:var(--focus-ring)}.topup__currency{padding:0 0 0 var(--space-xs);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-display);color:var(--color-muted)}.topup__input-wrap input{min-width:0;padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-2xs);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-display);font-variant-numeric:lining-nums tabular-nums;color:var(--color-ink);background:0 0;border:0;flex:1}.topup__input-wrap input:focus{outline:none}.topup__input-wrap input[aria-invalid=true]{color:var(--color-danger)}.topup__hint{font-family:var(--font-reading);font-size:var(--text-reading);line-height:var(--leading-reading);color:var(--color-ink-2);margin:0}.topup__submit{width:100%}.topup__terms{font-size:var(--text-xs);line-height:var(--leading-reading);color:var(--color-muted);margin:0}.topup__error{padding:var(--space-xs) var(--space-sm);border-left:3px solid var(--color-danger);font-size:var(--text-sm);color:var(--color-danger);margin:0}@media (max-width:40rem){.topup__presets{grid-template-columns:repeat(2,minmax(0,1fr))}}