@font-face{font-family:BinanceNova;src:url('/assets/fonts/binance-nova/Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:BinanceNova;src:url('/assets/fonts/binance-nova/Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:BinanceNova;src:url('/assets/fonts/binance-nova/SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}

/* Native-size specimens from the user's 1179 × 2556 BNBUSDC reference. */
.mobile-app:not(.device-android),#trade-dialog.x-sheet:not(.device-android){--reference-font:BinanceNova,'PingFang SC',sans-serif;font-family:var(--reference-font);font-variant-numeric:normal}
.mobile-app:not(.device-android) .x-position :is(button,span,b,strong,small,em){font-family:var(--reference-font);letter-spacing:0;font-variant-numeric:normal}
.mobile-app:not(.device-android) .x-position-title>b{font-family:var(--reference-font);font-size:16px;font-weight:500;line-height:20px;letter-spacing:0;transform:none}
.mobile-app:not(.device-android) .x-position .x-pnl strong{font-family:var(--reference-font);font-size:18px;font-weight:600;line-height:24px;letter-spacing:0}
.mobile-app:not(.device-android) .x-position .x-position-grid{font-family:var(--reference-font);transform:none}
.mobile-app:not(.device-android) .x-position .x-position-grid span{font-family:var(--reference-font);font-size:14px;font-weight:400;line-height:18px;transform:none}
.mobile-app:not(.device-android) .x-position .x-realized{font-family:var(--reference-font)}
.mobile-app:not(.device-android) :is(.x-contract-header,.x-book-row,.x-last,.x-mark,.x-funding,.x-price,.x-amount,.x-available,.x-capacity,.x-balance-number,.x-fiat,.x-today,.x-wallet-stats,.x-history-grid,.x-history-times,.x-history-updated,.x-ledger-card,.d-order-card,.d-chart-summary,.d-chart-canvas){font-family:var(--reference-font)}
.mobile-app:not(.device-android) :is(.x-contract-header,.x-book-row,.x-last,.x-mark,.x-funding,.x-price,.x-amount,.x-available,.x-capacity,.x-balance-number,.x-fiat,.x-today,.x-wallet-stats,.x-history-grid,.x-history-times,.x-history-updated,.x-ledger-card,.d-order-card,.d-chart-summary,.d-chart-canvas) :is(input,button,span,b,strong,small,em,dd,time,svg){font-family:var(--reference-font);font-variant-numeric:normal}
#trade-dialog.x-sheet:not(.device-android) :is(.p-close-summary,.p-close-totals,.p-close-amount,.x-detail-list) :is(b,em,span,input){font-family:var(--reference-font)}
/* iPhone references have no overview card; the Android v2 reference does. */
.reference-preview:not(.device-android) .v2-overview-card{display:none}

/* Baselines measured against identical reference values, with no glyph scaling. */
.mobile-app:not(.device-android) .x-position .x-pnl{margin-bottom:7.667px}
.mobile-app:not(.device-android) .x-position .x-pnl strong{margin-top:-.333px}
.mobile-app:not(.device-android) .x-position .x-position-grid{row-gap:11px}
.mobile-app:not(.device-android) .x-position .x-position-grid small{height:16px;line-height:16px}
.mobile-app:not(.device-android) .x-position .x-position-grid>div:first-child .x-dotted{border-bottom:0}
.mobile-app:not(.device-android) .x-position .x-realized{margin-top:12px;gap:6px}
.mobile-app:not(.device-android) .x-position .x-brackets{font-family:var(--reference-font)}
.mobile-app:not(.device-android) .x-position{position:relative;border-bottom-color:transparent}
.mobile-app:not(.device-android) .x-position::after{content:'';position:absolute;left:15px;right:15px;bottom:0;height:.333px;background:var(--m-line);pointer-events:none}
.mobile-app:not(.device-android) .x-position-title .adl-meter svg{width:12px;height:12px}
.mobile-app:not(.device-android) .x-contract-header b{font-size:18px;font-weight:600}
.mobile-app:not(.m-dark):not(.device-android),#trade-dialog.x-sheet:not(.m-dark):not(.device-android){--m-text:#000;--m-muted:#757575}
.mobile-app:not(.device-android) .x-position .x-dotted{border-bottom-width:.667px!important}
.mobile-app:not(.device-android) .x-position .x-position-grid>div:first-child .x-dotted{border-bottom:0!important}