@layer properties,theme,base;@layer components{._root_1su0r_11{border-radius:inherit;--_u:calc(var(--pui-space-1) / var(--pui-space-scale,1));--_row:var(--pui-order-book-row-height,var(--_pui-order-book-row-height,calc(var(--_u) * 6)));--_pad:var(--pui-space-3);overflow:clip;container-type:inline-size}._root_1su0r_11[data-density=default]{--_row:var(--pui-order-book-row-height,calc(var(--_u) * 6))}._root_1su0r_11[data-density=compact]{--_row:var(--pui-order-book-row-height,calc(var(--_u) * 5))}._root_1su0r_11[data-density=comfortable]{--_row:var(--pui-order-book-row-height,calc(var(--_u) * 7))}._cols_1su0r_33{align-items:center;column-gap:var(--pui-space-2);padding-inline:var(--_pad);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}._head_1su0r_41{padding-bottom:var(--pui-space-1);color:var(--pui-ink-3);font-size:var(--pui-text-2xs)}._row_1su0r_49{height:var(--_row);cursor:pointer;font-family:var(--pui-font-numeric);font-size:var(--pui-text-xs);font-variant-numeric:tabular-nums;outline-offset:-2px;transition:background-color var(--pui-motion-out) var(--pui-ease-default);position:relative}._row_1su0r_49:hover,._row_1su0r_49[data-in-range]{transition-duration:0s}._row_1su0r_49[data-in-range]{background-color:color-mix(in oklab, var(--pui-hover) 60%, transparent)}._row_1su0r_49:hover,._row_1su0r_49[data-probe]{background-color:var(--pui-hover)}._row_1su0r_49[data-probe]{box-shadow:inset 0 -1px 0 var(--pui-line-strong)}._root_1su0r_11[data-layout=stacked] ._row_1su0r_49[data-probe][data-side=ask]{box-shadow:inset 0 1px 0 var(--pui-line-strong)}._row_1su0r_49:active{background-color:var(--pui-hover-2)}._row_1su0r_49>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;position:relative;overflow:hidden}._row_1su0r_49[data-side=bid] ._price_1su0r_88{color:var(--pui-up)}._row_1su0r_49[data-side=ask] ._price_1su0r_88{color:var(--pui-down)}._row_1su0r_49[data-best] ._price_1su0r_88{font-weight:var(--pui-weight-medium)}._size_1su0r_98,._value_1su0r_99,._total_1su0r_100{text-align:end}._row_1su0r_49 ._size_1su0r_98{color:var(--pui-ink-2);border-radius:var(--pui-radius-chip)}._row_1su0r_49 ._value_1su0r_99,._row_1su0r_49 ._total_1su0r_100{color:var(--pui-ink-3)}._value_1su0r_99{display:none}@container (width>=28rem){._value_1su0r_99{display:block}}@container (width<16rem){._total_1su0r_100{display:none}}._bar_1su0r_126{width:100%;transform:scaleX(var(--_depth));transform-origin:100%;background:color-mix(in oklab, var(--pui-up) 16%, transparent);pointer-events:none;position:absolute;inset-block:1px;inset-inline-end:0}._bar_1su0r_126:dir(rtl){transform-origin:0}._row_1su0r_49[data-side=ask] ._bar_1su0r_126{background:color-mix(in oklab, var(--pui-down) 16%, transparent)}._picked_1su0r_147{background:var(--pui-accent-tint);box-shadow:inset 0 0 0 1px var(--pui-accent);pointer-events:none;animation:_picked_1su0r_147 calc(var(--pui-fade-out) * 3) var(--pui-ease-standard) both;position:absolute;inset:0}@keyframes _picked_1su0r_147{0%{opacity:1}to{opacity:0}}._sides_1su0r_166{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}._side_1su0r_166{container-type:inline-size}._side_1su0r_166[data-side=bid]{border-inline-end:1px solid var(--pui-line-soft)}._side_1su0r_166[data-side=bid] ._price_1su0r_88{text-align:end;order:4}._side_1su0r_166[data-side=bid] ._size_1su0r_98{order:3}._side_1su0r_166[data-side=bid] ._value_1su0r_99{order:2}._side_1su0r_166[data-side=bid] ._total_1su0r_100{text-align:start;order:1}._side_1su0r_166[data-side=ask] ._bar_1su0r_126{transform-origin:0;inset-inline:0 auto}._side_1su0r_166[data-side=ask] ._bar_1su0r_126:dir(rtl){transform-origin:100%}._spread_1su0r_198{align-items:baseline;gap:var(--pui-space-3);min-width:0;min-height:calc(var(--_row) + var(--pui-space-2));padding:var(--pui-space-1) var(--_pad);border-block:1px solid var(--pui-line-soft);font-family:var(--pui-font-numeric);font-variant-numeric:tabular-nums;display:flex}._root_1su0r_11[data-layout=split] ._spread_1su0r_198{border-top:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}._root_1su0r_11[data-layout=split] ._last_1su0r_215,._root_1su0r_11[data-layout=split] ._mid_1su0r_216{grid-column:2}._root_1su0r_11[data-layout=split] ._readings_1su0r_219{grid-column:3}._last_1su0r_215{margin-inline:calc(var(--pui-space-1) * -1);padding-inline:var(--pui-space-1);border-radius:var(--pui-radius-chip);color:var(--pui-ink);font-size:var(--pui-text-base);font-weight:var(--pui-weight-medium);flex-shrink:0}._last_1su0r_215[data-trend=up]{color:var(--pui-up)}._last_1su0r_215[data-trend=down]{color:var(--pui-down)}._mid_1su0r_216{color:var(--pui-ink-2);font-size:var(--pui-text-sm);flex-shrink:0}._readings_1su0r_219{min-width:0;color:var(--pui-ink-3);font-size:var(--pui-text-2xs);text-align:end;margin-inline-start:auto;display:grid}._spreadValue_1su0r_252,._readout_1su0r_253{text-overflow:ellipsis;white-space:nowrap;min-width:0;transition:opacity var(--pui-motion-out) var(--pui-ease-default);grid-area:1/1;overflow:hidden}._readout_1su0r_253{justify-content:flex-end;gap:var(--pui-space-2);color:var(--pui-ink-2);opacity:0;display:flex}._root_1su0r_11[data-probing] ._readout_1su0r_253{opacity:1;transition-duration:0s}._root_1su0r_11[data-probing] ._spreadValue_1su0r_252{opacity:0;transition-duration:0s}@container (width<22rem){._spreadPct_1su0r_277,._readoutValue_1su0r_278{display:none}}@container (width<13rem){._spreadWord_1su0r_283{display:none}}}@layer utilities;
