.ob-spread{border-bottom:1px solid var(--rule);align-items:flex-end;gap:4px;height:7rem;padding-top:1.4rem;display:flex}.ob-spread-bar{background:var(--ob-teal);border-radius:2px 2px 0 0;flex:1 1 0;min-width:6px;max-width:3rem;position:relative}.ob-spread-bar.is-mine{background:var(--accent)}.ob-spread-value{font-variant-numeric:tabular-nums;color:var(--text-2);padding-bottom:2px;font-size:.75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.ob-spread-bar.is-mine .ob-spread-value{color:var(--text);font-weight:700}.ob-spread--screen{gap:.6vw;height:clamp(8rem,22vh,18rem);padding-top:2.2rem}.ob-spread--screen .ob-spread-bar{max-width:5rem}.ob-spread--screen .ob-spread-value{font-size:clamp(.9rem,1.1vw,1.4rem)}