.ds-order-book{font-variant-numeric:tabular-nums}.ds-order-book-head,.ds-order-book-row{grid-template-columns:56px minmax(64px,.6fr) 1fr 1fr;align-items:center;column-gap:10px;display:grid}.ds-order-book-head{min-height:32px;font-size:var(--font-size-body-t12);line-height:var(--line-height-body-t12);letter-spacing:.04em;text-transform:uppercase;color:var(--label-secondary);padding:0 12px}.ds-order-book-head>:not(:first-child){text-align:right}.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-viewport{overscroll-behavior:contain;position:relative;overflow-y:auto}.ds-order-book-row{min-height:40px;padding:0 12px;position:relative}.ds-order-book-depth{pointer-events:none;position:absolute;inset-block:0;inset-inline-start:0}.ds-order-book-row--ask .ds-order-book-depth{background:color-mix(in srgb, var(--destructive-500) 15%, transparent)}.ds-order-book-row--bid .ds-order-book-depth{background:color-mix(in srgb, var(--green-500) 15%, transparent)}.ds-order-book-side,.ds-order-book-price{font-size:var(--font-size-body-t14);line-height:var(--line-height-body-t14);font-weight:var(--font-weight-semibold);position:relative}.ds-order-book-row--ask .ds-order-book-side,.ds-order-book-row--ask .ds-order-book-price{color:var(--destructive-500)}.ds-order-book-row--bid .ds-order-book-side,.ds-order-book-row--bid .ds-order-book-price{color:var(--green-500)}.ds-order-book-price,.ds-order-book-contracts,.ds-order-book-total{text-align:right;position:relative}.ds-order-book-contracts,.ds-order-book-total{font-size:var(--font-size-body-t14);line-height:var(--line-height-body-t14);color:var(--label-secondary)}.ds-order-book-spread{border-block:1px solid var(--neutral-100);min-height:40px;font-size:var(--font-size-body-t14);line-height:var(--line-height-body-t14);color:var(--label-secondary);justify-content:space-between;align-items:center;padding:0 12px;display:flex}.ds-order-book-empty{height:160px;font-size:var(--font-size-body-t14);line-height:var(--line-height-body-t14);color:var(--label-secondary);justify-content:center;align-items:center;margin:0;display:flex}.ds-order-book--skeleton .ds-order-book-head,.ds-order-book--skeleton .ds-order-book-row{justify-items:end}.ds-order-book--skeleton .ds-order-book-head>:first-child,.ds-order-book--skeleton .ds-order-book-side{justify-self:start}.ds-order-book--skeleton .ds-order-book-spread{border-color:var(--fill-quarternary)}