.net-position,.net-strip{--tone-free:var(--green);--tone-locked:#5f7f92;--tone-pledged:var(--amber);--tone-owed:#a34a3c}.net-position{margin:4px 0 18px}.net-position>ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.net-position>ul>li{border-bottom:1px solid var(--line);grid-template-columns:minmax(150px,1.1fr) minmax(80px,2fr) minmax(90px,auto);align-items:center;gap:3px 18px;padding:12px 0;display:grid}.net-position-label{font-size:14px;font-weight:650}.net-position-bar{border-left:1px solid #b8c4b3;height:9px;display:block}.net-position-bar>span{background:var(--tone-free);border-radius:0 4px 4px 0;min-width:3px;height:100%;display:block}.tone-locked .net-position-bar>span{background:var(--tone-locked)}.tone-pledged .net-position-bar>span{background:var(--tone-pledged)}.tone-owed .net-position-bar>span{background:var(--tone-owed)}.net-position-amount{text-align:right;font-variant-numeric:tabular-nums;font-size:15px}.tone-owed .net-position-amount{color:var(--tone-owed)}.net-position-meaning{color:var(--muted);grid-column:1/-1;font-size:12.5px;line-height:1.5}.net-position-meaning .text-button{vertical-align:baseline;align-items:center;gap:3px;font-size:12.5px;display:inline-flex}.net-position>ul>li.net-position-total{border-bottom:0;padding-top:14px}.net-position-total .net-position-label{font-size:15px}.net-position-sum{color:var(--muted);grid-column:2;font-size:12.5px}.net-position-total .net-position-amount{font-size:18px}.net-strip{gap:7px;display:grid}.net-strip-bar{border-radius:4px;gap:2px;height:8px;display:flex;overflow:hidden}.net-strip-bar>span{background:var(--tone-free)}.net-strip-bar>.tone-locked{background:var(--tone-locked)}.net-strip-bar>.tone-pledged{background:var(--tone-pledged)}.net-strip>ul{color:var(--muted);flex-wrap:wrap;gap:3px 14px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.net-strip>ul>li:before{content:"";background:var(--tone-free);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.net-strip>ul>.tone-locked:before{background:var(--tone-locked)}.net-strip>ul>.tone-pledged:before{background:var(--tone-pledged)}.net-strip>ul>.tone-owed:before{background:var(--tone-owed)}.net-strip>ul strong{color:var(--ink);font-variant-numeric:tabular-nums}@media (max-width:640px){.net-position>ul>li{grid-template-columns:minmax(0,1fr) auto}.net-position-bar{grid-area:2/1/auto/-1}.net-position-meaning{grid-row:3}.net-position-sum{grid-column:1}}