.debt-diagram{--brand:#af2631;--sub:#555b63;--ink:#25282c;--rule:#d9dde1;margin-top:auto;padding:1.25rem 1.4rem 1.4rem;font-size:1rem;line-height:1.5}.debt-diagram p{margin:0}.debt-diagram strong,.debt-diagram span{word-break:keep-all;overflow-wrap:anywhere}.debt-diagram .diagram-kicker{color:var(--sub);padding-bottom:1.1rem;font-weight:700}.debt-diagram .debt-parties{justify-content:space-between;gap:1rem;display:flex}.debt-diagram .debt-parties>div{border:2px solid var(--ink);text-align:center;min-width:36%;padding:.65rem .7rem}.debt-diagram .debt-parties strong{font-size:1.55rem;font-weight:800;display:block}.debt-diagram .debt-parties span{margin-top:.2rem;display:block}.debt-diagram .debt-lane{flex-direction:column;align-items:center;padding:1.15rem 0;display:flex}.debt-diagram .debt-lane strong{font-size:1.5rem;font-weight:800}.debt-diagram .debt-lane>span{margin-top:.2rem;font-size:1.063rem}.debt-diagram .debt-payable{color:var(--brand);padding-bottom:.55rem}.debt-diagram .debt-receivable{color:#344f68;padding-top:.55rem}.debt-diagram .debt-arrow{background:currentColor;width:calc(100% - 24px);height:7px;margin:1rem 12px;display:block;position:relative}.debt-diagram .debt-arrow:after{content:"";border-top:11px solid #0000;border-bottom:11px solid #0000;position:absolute;top:-8px}.debt-diagram .arrow-right:after{border-left:16px solid;right:-12px}.debt-diagram .arrow-left:after{border-right:16px solid;left:-12px}.debt-diagram .diagram-takeaway{border-top:1px solid var(--rule);text-align:center;margin-top:1.3rem;padding-top:1rem;font-size:1.3rem;font-weight:750;line-height:1.55}.debt-diagram .diagram-takeaway em{color:var(--brand);font-style:normal}.debt-diagram .setoff-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.8rem;display:grid}.debt-diagram .balance-heading{grid-column:1/-1;padding-bottom:.65rem;font-size:1.35rem;font-weight:800}.debt-diagram .balance-heading span{margin-left:.25rem;font-size:1rem;font-weight:500}.debt-diagram .balance-piece{border:2px solid var(--ink);text-align:center;flex-direction:column;justify-content:center;min-height:7rem;padding:.85rem .5rem;display:flex}.debt-diagram .balance-piece strong{font-size:1.125rem;font-weight:800}.debt-diagram .balance-piece span{margin-top:.35rem;font-size:1rem;display:block}.debt-diagram .matched{background:#f5f1ee;border-style:dashed}.debt-diagram .remainder{background:var(--brand);border-color:var(--brand);color:#fff}.debt-diagram .setoff-pair{color:#555b63;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-height:56px;display:flex}.debt-diagram .pair-link{border-left:2px dashed #555b63;flex:1;width:0;min-height:12px}.debt-diagram .setoff-pair strong{font-size:1rem;font-weight:700}.debt-diagram .remainder-path{justify-content:center;display:flex}.debt-diagram .remainder-path span{background:var(--brand);width:4px;height:100%;display:block}.debt-diagram .setoff-result{text-align:center;flex-wrap:wrap;place-content:center;gap:0 .35rem;padding-top:.65rem;display:flex}.debt-diagram .cancel-mark{font:500 2rem/1.2 var(--font-body)}.debt-diagram .setoff-result strong{font-size:1.35rem}.debt-diagram .setoff-result>span:last-child{flex-basis:100%;font-size:1.063rem;font-weight:700}.debt-diagram .repayment-result{text-align:center;color:var(--brand);flex-direction:column;justify-content:center;padding:1.1rem .2rem 0;display:flex;position:relative}.debt-diagram .repayment-result:before{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-top:12px solid var(--brand);position:absolute;top:0;left:calc(50% - 9px)}.debt-diagram .repayment-result strong{font-size:1.125rem;font-weight:800}.debt-diagram .repayment-result span{margin-top:.3rem;font-size:1rem}
