.cx #checkout{max-width:760px;margin:40px auto;scroll-margin-top:90px;display:block}.cx #checkout>article{min-width:0;padding:24px}.checkout-steps{color:#64748b;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;font-size:12px;list-style:none;display:flex}.checkout-steps [aria-current=step]{color:#2458cf;font-weight:700}.checkout-selection{background:#fff;border:1px solid #dce4f0;border-radius:10px;gap:7px;margin:16px 0;padding:16px;display:grid}.checkout-selection strong{overflow-wrap:anywhere;font-size:18px}.checkout-selection b{color:#2458cf;font-size:21px}.cx #checkout .checkout-login{text-align:center;justify-content:center;align-items:center;width:100%;min-height:52px;margin:16px 0 8px;font-size:16px;font-weight:700;display:flex}.checkout-help{margin:16px 0;font-size:13px;line-height:1.8}.checkout-help summary{cursor:pointer;color:#2458cf;font-weight:700}.checkout-help ol{padding-left:22px}.checkout-help a{color:#2458cf;text-decoration:underline}.checkout-help button{margin:8px 8px 8px 0}.checkout-feedback{overflow-wrap:anywhere;scroll-margin:100px 0 120px}.checkout-feedback:empty{display:none}.cx #checkout .checkout-feedback p{margin:8px 0}.cx #checkout .checkout-feedback .cx-error{color:#9d3030;padding:14px}.cx #checkout h2{margin-top:0}.cx #checkout .checkout-footnotes{border-top:1px solid #dce4f0;margin-top:18px}.cx #checkout .checkout-footnotes p{font-size:12px}@media (max-width:600px){.cx #checkout>article{padding:20px 16px}.cx #checkout h2{font-size:22px}.checkout-steps{gap:5px;font-size:11px}.cx #checkout input,.cx #checkout select{font-size:16px}}.cx .signature-guide{color:#142a49;margin:24px 0}.cx .signature-guide>h3{margin:0 0 16px;font-size:21px;font-weight:800;line-height:1.5}.cx .signature-step{background:#fff;border:1px solid #cddcfb;border-radius:16px;min-width:0;margin:0 0 12px;padding:18px}.cx .signature-step header{align-items:center;gap:10px;display:flex}.cx .signature-number{color:#fff;background:#285ce6;border-radius:50%;flex:0 0 32px;place-items:center;height:32px;font-size:18px;font-weight:800;display:grid}.cx .signature-step h4{flex:1;margin:0;font-size:17px;font-weight:800;line-height:1.5}.cx .signature-step h4 small{color:#536682;letter-spacing:.04em;font-size:12px;font-weight:500;display:block}.cx .signature-network{color:#2852a0;background:#eef3ff;border-radius:20px;padding:5px 8px;font-size:11px}.cx .signature-total{background:#eff4ff;border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;margin:18px 0 12px;padding:14px;display:flex}.cx .signature-total>span{font-size:14px;font-weight:700}.cx .signature-total strong{color:#2458d9;overflow-wrap:anywhere;text-align:right;font-size:32px;line-height:1.3}.cx .signature-total strong small{font-size:16px}.cx .signature-breakdown{gap:8px;margin:0;font-size:13px;display:grid}.cx .signature-breakdown>div{justify-content:space-between;gap:12px;display:flex}.cx .signature-breakdown dt{color:#536682}.cx .signature-breakdown dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:700}.cx .signature-permit{background:#f5fcf9;border-color:#b9ded5}.cx .signature-permit .signature-number{background:#087c62}.cx .signature-guide .signature-allowance{color:#08624e;gap:6px;margin:16px 0 8px;line-height:1.5;display:grid}.cx .signature-allowance strong{font-size:25px}.cx .signature-allowance span{font-size:13px;font-weight:700}.cx .signature-guide .signature-expiry{color:#48635b;margin:0;font-size:12px;line-height:1.6}.cx .signature-guide .signature-notice{color:#774800;background:#fff5df;border-radius:10px;align-items:center;gap:10px;margin:14px 0;padding:12px;font-size:14px;line-height:1.6;display:flex}.cx .signature-notice>span{color:#fff;background:#995f00;border-radius:50%;flex:0 0 23px;place-items:center;height:23px;font-weight:800;display:grid}.cx .signature-details{border-top:1px solid #d8e1ed;padding-top:12px;font-size:12px}.cx .signature-details summary{cursor:pointer;color:#294c83;padding:4px 0;font-size:13px;font-weight:700}.cx .signature-details dl{margin:14px 0}.cx .signature-details dt{margin-top:12px;font-weight:700}.cx .signature-details dd{overflow-wrap:anywhere;margin:4px 0 0;font-family:monospace}.cx .signature-details p{margin:10px 0;font-size:12px;line-height:1.6}@media (max-width:400px){.cx .signature-step{padding:14px}.cx .signature-step h4{font-size:16px}.cx .signature-total strong{font-size:28px}.cx .signature-network{padding:4px 6px;font-size:10px}}.cx .payment-progress{color:#142a49;margin:20px 0}.cx .payment-progress-state{background:#edf3ff;border:1px solid #cfdefb;border-radius:16px;align-items:flex-start;gap:12px;padding:20px 16px;display:flex}.cx .payment-progress-icon{color:#fff;background:#285ce6;border-radius:50%;flex:0 0 38px;place-items:center;height:38px;font-size:28px;line-height:1;display:grid}.cx .payment-progress-label{color:#3d5a86;font-size:12px;font-weight:700}.cx .payment-progress h3{color:#173b79;margin:4px 0 8px;font-size:22px;font-weight:800;line-height:1.5}.cx .payment-progress-state p{color:#324d76;margin:0;font-size:14px;line-height:1.7}.cx .payment-progress-warning{color:#774800;background:#fff3d9;border-radius:10px;align-items:center;gap:10px;margin:14px 0;padding:14px;font-size:16px;line-height:1.5;display:flex}.cx .payment-progress-warning>span{color:#fff;background:#995f00;border-radius:50%;flex:0 0 24px;place-items:center;height:24px;font-weight:800;display:grid}.cx .payment-progress>button.cx-primary{width:100%;min-height:46px;font-size:15px}.cx .payment-progress-return{color:#51627a;margin:12px 0 20px;font-size:13px;line-height:1.7}.cx .payment-progress-summary{background:#fff;border:1px solid #dce4ef;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding:16px;display:flex}.cx .payment-progress-summary>span{font-size:14px;font-weight:700}.cx .payment-progress-summary strong{color:#2458d9;overflow-wrap:anywhere;font-size:28px}.cx .payment-progress-summary strong small{font-size:15px}.cx .payment-progress-summary p{flex-basis:100%;margin:0;font-size:13px;line-height:1.6}.cx .payment-progress-link{margin:14px 0;font-size:14px;font-weight:700;display:block}.cx .payment-progress-details{border-top:1px solid #dbe3ef;margin-top:16px;padding-top:14px}.cx .payment-progress-details summary{cursor:pointer;color:#294c83;font-size:13px;font-weight:700}.cx .payment-progress-details p{font-size:12px;line-height:1.7}.cx .payment-progress-details span{overflow-wrap:anywhere;font-family:monospace}@media (max-width:400px){.cx .payment-progress h3{font-size:19px}.cx .payment-progress-state{padding:16px 12px}.cx .payment-progress-warning{font-size:14px}}
