@layer screens{.coin-book{gap:16px;display:grid}@media (min-width:768px){.coin-book{max-width:880px}}@media (min-width:1080px){.coin-book{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:32px;max-width:none}.coin-book-state,.coin-book>.global-coin-note{grid-column:1/-1}}.coin-book-state{color:var(--muted);text-align:center;margin:0;padding:24px 0}.coin-book-panel h2{font-size:var(--text-14);margin:0 0 10px}.coin-book-sides{grid-template-columns:1fr 1fr;gap:12px;display:grid}.coin-book-side h3{font-size:var(--text-12);color:var(--muted);margin:0 0 6px;font-weight:600}.coin-book-head,.coin-book-side li,.coin-book-tape li{font-size:var(--text-12);font-variant-numeric:tabular-nums;grid-template-columns:1fr 1fr;gap:8px;display:grid}.coin-book-tape-head,.coin-book-tape li{grid-template-columns:1.2fr 1fr .8fr}.coin-book-head{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:4px}.coin-book-head span:last-child,.coin-book-side li span:last-child,.coin-book-tape-head span:nth-child(2),.coin-book-tape li span:nth-child(2){text-align:end}.coin-book-side ul,.coin-book-tape{margin:0;padding:0;list-style:none}.coin-book-side li{isolation:isolate;padding:3px 0;position:relative}.coin-book-side li:before{content:"";width:var(--depth,0%);background:color-mix(in srgb, var(--tone) 16%, transparent);border-radius:3px;position:absolute;inset-block:1px;inset-inline-end:0}.coin-book-side[data-side=bid],.coin-book-tape li[data-side=bid]{--tone:var(--gain)}.coin-book-side[data-side=ask],.coin-book-tape li[data-side=ask]{--tone:var(--loss)}.coin-book-side li span{position:relative}.coin-book-side li span:first-child,.coin-book-tape li span:first-child{color:var(--tone)}.coin-book-tape li{padding:3px 0}.coin-book-tape li time{text-align:end;color:var(--muted)}.coin-book-spread{font-size:var(--text-12);color:var(--muted);margin:8px 0 0}@media (max-width:359px){.coin-book-sides{grid-template-columns:1fr}}}