.cost-flow-title,.cost-flow-row{grid-template-columns:minmax(270px,1fr) 145px 190px}.cost-flow-title>div:nth-child(2),.cost-flow-title>div:nth-child(3){text-align:right}.cost-flow-percent,.cost-flow-value{height:100%;display:flex;align-items:center;justify-content:flex-end;padding:4px 10px;border-left:2px solid #c7d2cc;font-weight:750}.cost-flow-percent:empty{background:#f4f6f5}.direct-percent-input{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:5px}.direct-percent-input input{width:92px;border:1px solid #b9c8c0;border-radius:5px;padding:4px 7px;text-align:right;font-weight:750;background:#fff;color:var(--ink)}.direct-percent-input input:focus{outline:2px solid #80aa98;border-color:var(--green)}.direct-percent-input span{font-weight:800;color:#52625a}.percentage-row:focus-within{background:#eef7f2}.percentage-row .cost-flow-value{font-size:.72rem;color:#52625a}@media(max-width:850px){.cost-flow-title,.cost-flow-row{grid-template-columns:minmax(170px,1fr) 110px 135px}.direct-percent-input input{width:72px}}