.payment-choice{margin-top:28px;background:var(--paper-deep)}
.payment-choice h3{font-size:30px;margin-bottom:10px}
.payment-choice>p{max-width:65ch}
.payment-consent{display:flex;gap:12px;align-items:flex-start;cursor:pointer;margin-top:24px}
.payment-consent input{flex:none;width:20px;height:20px;margin:4px 0}
.payment-consent input[aria-invalid=true]{outline:2px solid #923321;outline-offset:3px}
.payment-consent>span{min-width:0}
.payment-consent a{font-weight:700}
#consentError{margin:12px 0 0 32px}
#paymentError{margin-top:24px}
.payment-status{max-width:760px;margin-block:48px 72px}
.payment-status h1{font-size:clamp(36px,5vw,56px);margin-block:24px 16px}
.payment-status>p{max-width:65ch}
.payment-status-mark{width:64px;height:64px;border-radius:50%;background:var(--paper-deep);padding:8px;color:var(--counter)}
.payment-status-mark svg{display:block;width:100%;height:100%}
.payment-tick{display:none}
.payment-status[data-state=paid] .payment-tick{display:block}
.payment-status[data-state=paid] .payment-clock{display:none}
.payment-status .support-review-details{margin-top:28px}
.payment-status .support-review-details dd{overflow-wrap:anywhere}
.payment-status .support-review-actions{margin-top:28px}
.payment-status .support-review-actions>*{max-width:100%}
@media(max-width:600px){.payment-status{margin-top:32px}.payment-status .support-review-details>div{grid-template-columns:1fr;gap:4px}.payment-choice{padding:20px}#reviewView .support-review-actions>.button--primary,.payment-status .support-review-actions>.button--primary{flex-basis:100%;order:-1}#reviewView .support-review-actions>.button--secondary{flex-grow:1}}