.payment-form__heading{margin:.75rem;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold-600);line-height:1.6;letter-spacing:-.025rem;color:var(--text-color-strong)}.payment-form__heading--purple{color:var(--purple-600);display:block;font-size:var(--font-size-xl);margin-top:.5rem;line-height:1.2;letter-spacing:-.03rem}.payment-form__submitting-heading{margin:2.5rem 0 0;font-size:var(--font-size-lg);text-align:center;font-weight:var(--font-weight-bold-600);line-height:1.6;color:var(--text-color-strong)}.payment-form__step{margin-top:2rem}.payment-form .submit-button{max-width:18.0625rem;width:100%}.payment-form__amount-selection{padding:2.5rem 1.25rem}.payment-form__amount .input{margin-bottom:1rem}.payment-form__amount .input__label{text-align:center;font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-lg);margin-bottom:1rem;line-height:1.625;letter-spacing:-.025rem}.payment-form__amount .input__input{font-size:var(--font-size-xxl);line-height:1.2;border:0;border-radius:0;border-bottom:2px solid;max-width:200px;padding:0;font-weight:var(--font-weight-bold-600);color:var(--text-color-strong);text-align:center;margin:0 auto 1rem}.payment-form__amount .input__input:focus{border-color:var(--brand-teal)}.payment-form__amount .input__hint{font-size:var(--font-size-md);line-height:1.625;text-align:center;margin:0 auto}.payment-form__description .input__label{margin-bottom:.5rem;letter-spacing:-.02125rem}.payment-form__payment-options{padding:1.5rem .75rem}.payment-form__payment-options-title{font-weight:var(--font-weight-bold-600);font-size:var(--font-size-lg);margin:0 0 1rem;padding:0;letter-spacing:-.0225rem;line-height:1.6}.payment-form__card-button{width:100%}.payment-form__button-group{display:grid;gap:1.5rem;margin-top:1.5rem}.payment-form__button-group p{text-align:center;margin:0;font-weight:var(--font-weight-bold-600);color:var(--text-color-weak);letter-spacing:-.02rem;line-height:1.6}.payment-form__details{padding:1.5rem 1rem}.payment-form__details-group .input+.input{margin-top:1.5rem}.payment-form__card-details{padding:1.5rem 1rem}.payment-status__card{gap:0}.payment-status__icon{display:flex;align-items:center;justify-content:center;margin:0 auto;width:100%;height:100%}.payment-status__icon--success{background-color:var(--brand-teal);color:var(--brand-teal)}.payment-status__icon--failure{background-color:var(--warning-red);color:var(--warning-red)}.payment-status__tick{--path-length: 18;stroke-dasharray:var(--path-length);stroke-dashoffset:var(--path-length);animation:draw 1s 1s forwards;color:var(--brand-purple)}.payment-status__cross--one{--path-length: 15;stroke-dasharray:var(--path-length);stroke-dashoffset:var(--path-length);animation:draw .5s 1s forwards}.payment-status__cross--two{--path-length: 15;stroke-dasharray:var(--path-length);stroke-dashoffset:var(--path-length);animation:draw .5s 1.25s forwards}@keyframes draw{0%{stroke-dashoffset:var(--path-length)}to{stroke-dashoffset:0}}.payment-status__heading{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold-600);text-align:center}.payment-status__copy{margin:2rem 0 0;font-size:var(--font-size-md);line-height:1.625;text-align:center}.payment-status__button{margin:2rem auto 0}@media screen and (min-width: 768px){.payment-form__heading{line-height:1.2;font-size:var(--font-size-xl);letter-spacing:-.03rem}.payment-form__heading--purple{font-size:var(--font-size-xxl);margin-top:1rem;letter-spacing:-.045rem}.payment-form__step{margin-top:2.5rem}.payment-form__payment-options{padding:1.5rem 1.25rem}.payment-form__payment-options-title{margin:0 0 1.5rem}.payment-form__button-group{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.payment-form__details{padding:1.5rem 1.25rem}.payment-form__details-group .input+.input{margin:0 0 0 1rem}.payment-form__details-group{display:flex;align-items:flex-start}.payment-form__card-details{padding:1.5rem 1.25rem}}
