.ds-order-book{font-variant-numeric:tabular-nums;grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.ds-order-book-head,.ds-order-book-row{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;display:grid}.ds-order-book-head{z-index:1;background:var(--ds-book-ground,var(--bg-z1));border-block-end:1px solid var(--neutral-100);min-height:36px;font-size:var(--font-size-body-t11);line-height:var(--line-height-body-t11);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--label-secondary);position:sticky;top:0}.ds-order-book-head>:nth-child(3),.ds-order-book-head>:nth-child(4){text-align:end}.ds-order-book-head>:nth-child(4),.ds-order-book-total{padding-inline-end:8px}.ds-order-book-head>:nth-child(2){text-align:start}.ds-order-book-corner{align-items:center;gap:4px;min-width:0;padding-inline-start:8px;display:inline-flex}.ds-order-book-recenter{color:var(--label-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px;display:inline-flex}.ds-order-book-recenter:hover{background:var(--fill-quarternary);color:var(--label-primary)}.ds-order-book-corner .ds-tooltip-body{letter-spacing:normal;text-transform:none;font-size:var(--font-size-body-t12)}.ds-order-book-viewport{grid-column:1/-1;grid-template-columns:subgrid;overscroll-behavior:contain;overflow-anchor:none;display:grid;position:relative;overflow-y:auto}.ds-order-book-row{min-height:36px;scroll-margin-block-start:36px;position:relative}.ds-order-book-depth{width:calc(var(--ds-book-depth,0) * (40% - 19px));pointer-events:none;position:absolute;inset-block:0;inset-inline-start:0}.ds-order-book-row--ask .ds-order-book-depth{background:var(--destructive-alpha200)}.ds-order-book-row--bid .ds-order-book-depth{background:var(--accent-alpha200)}.ds-order-book-row--press{cursor:pointer}.ds-order-book-row--press.ds-order-book-row--ask:hover{background:color-mix(in srgb, var(--destructive-500) 8%, transparent)}.ds-order-book-row--press.ds-order-book-row--bid:hover{background:color-mix(in srgb, var(--green-500) 8%, transparent)}.ds-order-book-side{position:relative}.ds-order-book-pill{height:20px;font-size:var(--font-size-body-t11);line-height:var(--line-height-body-t11);font-weight:var(--font-weight-medium);border-radius:7px;align-items:center;margin-inline-start:8px;padding:0 6px;display:inline-flex}.ds-order-book-row--ask .ds-order-book-pill{background:var(--destructive-500);color:var(--btn-destructive-filled-text)}.ds-order-book-row--bid .ds-order-book-pill{background:var(--green-500);color:var(--btn-accent-filled-text)}.ds-order-book-price{font-size:var(--font-size-body-t14);line-height:var(--line-height-body-t14);font-weight:var(--font-weight-semibold);align-items:center;display:flex;position:relative}.ds-order-book-figure{text-align:start;flex:none;min-inline-size:48px}.ds-order-book-sub{font-size:var(--font-size-body-t12);line-height:var(--line-height-body-t12);font-weight:var(--font-weight-regular);color:var(--label-secondary);flex:none;margin-inline-start:6px}.ds-order-book-marks{flex:none;align-items:center;gap:4px;margin-inline-start:6px;display:inline-flex}.ds-order-book-row--ask .ds-order-book-price{color:var(--destructive-500)}.ds-order-book-row--bid .ds-order-book-price{color:var(--green-500)}.ds-order-book-contracts,.ds-order-book-total{text-align:end;font-size:var(--font-size-body-t13);line-height:var(--line-height-body-t13);color:var(--label-primary);position:relative}.ds-order-book-spread{grid-column:1/-1;grid-template-columns:subgrid;border-block:1px solid var(--neutral-100);min-height:36px;font-size:var(--font-size-body-t12);line-height:var(--line-height-body-t12);font-weight:var(--font-weight-semibold);color:var(--label-secondary);align-items:center;display:grid}.ds-order-book-last{grid-column:1;padding-inline-start:8px}.ds-order-book-spreadcell{grid-column:2/-1}.ds-order-book-empty{height:144px;font-size:var(--font-size-body-t14);line-height:var(--line-height-body-t14);color:var(--label-secondary);grid-column:1/-1;justify-content:center;align-items:center;margin:0;display:flex}.ds-order-book--skeleton .ds-order-book-head>:nth-child(3),.ds-order-book--skeleton .ds-order-book-head>:nth-child(4),.ds-order-book--skeleton .ds-order-book-row>:nth-child(3),.ds-order-book--skeleton .ds-order-book-row>:nth-child(4){justify-self:end}.ds-order-book--skeleton .ds-order-book-head>:nth-child(4),.ds-order-book--skeleton .ds-order-book-row>:nth-child(4){margin-inline-end:8px;padding-inline-end:0}.ds-order-book--skeleton .ds-order-book-spread{border-color:var(--fill-quarternary)}
