{m["about.donate.title"]()}

{m["about.donate.description"]()}

{#each presetAmounts as preset, i} {/each}
{ if (e.key === "Enter") { paymentClick(); } }} onclick={paymentClick} class={clsx( "btn flex-1 p-3 relative rounded-3xl bg-accent-red border-2 border-accent-red h-14 text-black", { "h-[450px] rounded-2xl bg-transparent cursor-auto !scale-100 -mt-10 -mb-2": paymentState !== "prepay", "!scale-100": !$effects, }, )} style="transition: height {payDuration}ms {transition}, border-radius {payDuration}ms {transition}, background-color {payDuration}ms {transition}, transform {payDuration}ms {transition}, margin {payDuration}ms {transition}; will-change: height, border-radius, background-color, transform, margin;" >
{#if paymentState !== "prepay"}
{#if stripe && clientSecret} { enablePay = e.detail.complete; }} /> {/if}
{:else}
{m["about.donate.pay_now"]()}
{/if}

{#if isOfficial} {m["about.donate.donation_notice_official"]()} {:else} {@html sanitize( link( "official_link", m["about.donate.donation_notice_unofficial"](), "https://vert.sh", true, "", ), )} {/if}