.payment-received-main { background: var(--color-canvas); color: var(--color-ink); }
.payment-received { min-height: 685px; padding-block: 144px 164px; }
.payment-received__inner { display: flex; width: min(calc(100% - 144px), 1296px); flex-direction: column; align-items: center; margin-inline: auto; }
.payment-received__tick { width: 64px; height: 64px; color: var(--color-accent); font-family: var(--font-body); font-weight: 400; line-height: 1; }
.payment-received__title { max-width: 900px; min-width: 0; margin-top: 32px; overflow-wrap: anywhere; white-space: normal; }
.payment-received__body { max-width: 640px; min-width: 0; margin-top: 18px; color: var(--color-warm-grey); font-size: var(--font-size-body-lg); font-weight: 400; line-height: 1.7; text-align: center; overflow-wrap: anywhere; }
.payment-received__body-mobile, .payment-received__receipt-mobile { display: none; }
.payment-received__receipt { max-width: 100%; min-width: 0; margin-top: 22px; padding: 9px 20px; border-radius: 999px; background: #f2f0ea; color: #615e58; font-size: var(--font-size-supporting-text); line-height: normal; letter-spacing: -.01em; text-align: center; overflow-wrap: anywhere; }
.payment-received__actions { display: flex; max-width: 100%; min-width: 0; align-items: center; justify-content: center; gap: 12px; margin-top: 34px; }
.payment-received__back { max-width: 100%; font-size: var(--font-size-inline-link); letter-spacing: -.01em; text-decoration: none; white-space: normal; overflow-wrap: anywhere; }
.payment-received__back-label { min-width: 0; overflow-wrap: anywhere; }
.payment-received__back .site-cta__chip img { width: 11px; height: 9px; }
.payment-received__download { max-width: 100%; padding: 14px 24px; border-color: #3f7460; background: transparent; color: #003a24; font: inherit; font-size: var(--font-size-inline-link); line-height: 1.07143; letter-spacing: -.01em; white-space: normal; overflow-wrap: anywhere; cursor: not-allowed; }
.payment-received__back:focus-visible, .payment-received__download:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 3px; }
html.payment-received-motion-boot .payment-received__tick,
html.payment-received-motion-boot .payment-received__title,
html.payment-received-motion-boot .payment-received__body,
html.payment-received-motion-boot .payment-received__receipt,
html.payment-received-motion-boot .payment-received__actions { visibility: hidden; }
@media (max-width: 1366px) {
  .payment-received { min-height: 0; padding-block: 120px; }
  .payment-received__inner { width: min(calc(100% - 96px), 1296px); }
}
@media (max-width: 1024px) {
  .payment-received__inner { width: min(calc(100% - 72px), 1296px); }
  .payment-received__title { font-size: var(--font-size-confirmation-tablet); }
  .payment-received__body { font-size: var(--font-size-body-medium); }
}
@media (max-width: 640px) {
  .payment-received { min-height: 513px; padding-block: 92px 104px; }
  .payment-received__inner { width: min(calc(100% - 48px), 1296px); }
  .payment-received__tick { width: 56px; height: 56px; }
  .payment-received__title { margin-top: 26px; font-size: var(--font-size-heading-compact); line-height: 1.1; }
  .payment-received__body { margin-top: 14px; font-size: var(--font-size-body); line-height: 1.72; }
  .payment-received__body-desktop, .payment-received__receipt-desktop { display: none; }
  .payment-received__body-mobile, .payment-received__receipt-mobile { display: inline; }
  .payment-received__receipt { margin-top: 18px; padding: 9px 16px; font-size: var(--font-size-caption); }
  .payment-received__actions { width: max-content; max-width: calc(100vw - 16px); margin-top: 26px; }
}
@media (max-width: 374px) {
  .payment-received__actions { width: min(100%, 342px); flex-wrap: wrap; }
}
@media (max-width: 359px) {
  .payment-received__inner { width: min(calc(100% - 40px), 1296px); }
  .payment-received__title { font-size: var(--font-size-heading-ultra-narrow); }
}
@media (min-width: 901px) and (max-width: 1366px) and (max-height: 650px) {
  .payment-received { padding-block: 80px 100px; }
}
@media (prefers-reduced-motion: reduce) {
  .payment-received__back, .payment-received__download { transition-duration: .01ms; }
}