.ob-wrap[data-v-b7c067fe]{background:#0a0a12b3;border:1px solid hsla(0,0%,100%,.08);border-radius:14px;font-family:Courier New,Courier,monospace;margin:auto;max-width:380px;overflow:hidden;width:100%}.ob-header[data-v-b7c067fe]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);display:flex;justify-content:space-between;padding:12px 16px}.ob-title[data-v-b7c067fe]{color:#ffffff80;font-size:.62rem;font-weight:600;letter-spacing:.14em}.ob-pair[data-v-b7c067fe]{color:#34fbffb3;font-size:.62rem;letter-spacing:.06em}.ob-side[data-v-b7c067fe]{display:flex;flex-direction:column;padding:4px 0}.ob-row[data-v-b7c067fe]{display:grid;font-size:.68rem;grid-template-columns:1fr 1fr 1fr;line-height:1.4;overflow:hidden;padding:4px 16px;position:relative;transition:background .25s}.ob-depth[data-v-b7c067fe]{border-radius:2px 0 0 2px;bottom:0;opacity:.12;pointer-events:none;position:absolute;right:0;top:0;transition:width .6s ease}.ask-depth[data-v-b7c067fe]{background:#f55}.bid-depth[data-v-b7c067fe]{background:#34fbff}.ob-price[data-v-b7c067fe]{font-weight:600;position:relative;z-index:1}.ask-price[data-v-b7c067fe]{color:#ff6b6b}.bid-price[data-v-b7c067fe]{color:#34fbff}.ob-amount[data-v-b7c067fe],.ob-total[data-v-b7c067fe]{color:#ffffff73;position:relative;text-align:right;transition:color .25s;z-index:1}.ob-amount.flash[data-v-b7c067fe]{color:#ffffffe6}.ob-spread[data-v-b7c067fe]{align-items:center;background:#ffffff08;border-bottom:1px solid hsla(0,0%,100%,.05);border-top:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;padding:6px 16px}.ob-spread-pct[data-v-b7c067fe]{color:#fff9;font-size:.65rem;font-weight:600;transition:color .3s}.ob-spread-label[data-v-b7c067fe]{color:#ffffff47;font-size:.55rem;letter-spacing:.12em}.ob-spread-mid[data-v-b7c067fe]{color:#ffffff73;font-size:.65rem;transition:color .3s}.ob-footer[data-v-b7c067fe]{align-items:center;border-top:1px solid hsla(0,0%,100%,.06);display:flex;gap:8px;justify-content:center;padding:10px 16px}.ob-badge[data-v-b7c067fe]{color:#34fbff80;font-family:Courier New,monospace;font-size:.55rem;letter-spacing:.1em}.ob-live-dot[data-v-b7c067fe]{animation:pulse-dot-b7c067fe 1.4s ease-in-out infinite;background:#34fbff;border-radius:50%;height:6px;width:6px}@keyframes pulse-dot-b7c067fe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@media (max-width:640px){.ob-wrap[data-v-b7c067fe]{max-width:300px}.ob-row[data-v-b7c067fe]{font-size:.6rem;padding:3px 12px}.ob-footer[data-v-b7c067fe],.ob-header[data-v-b7c067fe],.ob-spread[data-v-b7c067fe]{padding-left:12px;padding-right:12px}}