.sob{display:flex;flex-direction:column;gap:8px}.sob-tabs{display:flex;gap:6px}.sob-tab{flex:1;padding:6px 0;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid var(--line,rgba(255,255,255,.1));color:var(--text-faint);font-size:12px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.sob-tab.is-active{color:#fff;border-color:var(--sob-team,var(--lime,#54ce31));background:color-mix(in srgb,var(--sob-team,#54ce31) 10%,transparent)}.sob-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sob-col-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.sob-col-tag{font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.sob-col-tag.bid{color:#54ce31}.sob-col-tag.ask{color:#ff5470}.sob-col-spec{font-size:9.5px;color:var(--text-faint);letter-spacing:.02em}.sob-row{position:relative;display:flex;justify-content:space-between;align-items:center;padding:3px 6px;font-size:12px;font-variant-numeric:tabular-nums;overflow:hidden;border-radius:4px}.sob-depth{position:absolute;top:0;bottom:0;right:0;z-index:0;opacity:.14}.sob-depth.bid{background:#54ce31}.sob-depth.ask{background:#ff5470}.sob-price{position:relative;z-index:1;font-weight:700}.sob-price.bid{color:#54ce31}.sob-price.ask{color:#ff5470}.sob-size{position:relative;z-index:1;color:var(--text-dim,rgba(255,255,255,.6))}