.payment-breakdown{width:100%;min-width:0}.payment-chart{width:100%;margin:10px 0 12px;position:relative}.payment-bar{align-items:stretch;width:100%;height:34px;display:flex}.payment-segment{cursor:help;background:0 0;border:0;flex-basis:0;align-items:center;min-width:2px;padding:12px 0;display:flex;position:relative}.payment-segment-fill{background:var(--payment-color);width:100%;height:10px;transition:height .12s;display:block;box-shadow:inset 0 0 0 1px #31547450}.payment-segment:first-child .payment-segment-fill{border-radius:3px 0 0 3px}.payment-segment:last-child .payment-segment-fill{border-radius:0 3px 3px 0}.payment-segment:only-child .payment-segment-fill{border-radius:3px}.payment-segment.is-active .payment-segment-fill{height:14px}.payment-segment:focus-visible{outline:2px solid var(--ink);outline-offset:2px;z-index:1;border-radius:3px}.payment-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 1px #203f5f40}.payment-row-label{align-items:center;gap:10px;min-width:0;line-height:1.6;display:flex}.payment-rows>div{align-items:center;gap:16px}.payment-rows strong{white-space:nowrap}.payment-rows .payment-loan-row{border-top:1px solid var(--line);margin-top:3px;padding-top:14px}.payment-tooltip{color:#f1f5fc;pointer-events:none;z-index:10;background:#071328;border:1px solid #536c8a;border-radius:7px;width:max-content;max-width:100%;padding:12px 15px;font-size:.875rem;line-height:1.55;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #07132825}.payment-tooltip>strong{align-items:center;gap:9px;font-size:.875rem;font-weight:600;display:flex}.payment-tooltip>span{color:#c6d4e7;margin-top:4px;font-size:.8125rem;display:block}@media (prefers-reduced-motion:reduce){.payment-segment-fill{transition:none}}