/* Shared geometry for the direction badge and the contract-name row. */
.mobile-app .x-position-title{align-items:center;gap:3px}
.mobile-app .x-position-title>.x-direction{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;padding:0;font-size:13px;font-weight:400;line-height:16px}
.mobile-app:not(.device-android) .x-position-title>b{font-family:system-ui,'PingFang SC',sans-serif;font-size:15.25px;font-weight:500;line-height:18px;letter-spacing:.2px;margin-left:2px;transform:translateY(-.667px)}
.mobile-app:not(.device-android) .x-position-title>em{box-sizing:border-box;display:inline-flex;align-items:center;height:16px;border:0;box-shadow:inset 0 0 0 .333px var(--m-line);padding:0 4.833px;margin-left:-.667px;font-size:11px;font-weight:400;line-height:14px;letter-spacing:0;flex-shrink:0}
@media(max-width:374px){.mobile-app:not(.device-android) .x-position-title>b{font-size:14px}.mobile-app:not(.device-android) .x-position-title>em{font-size:10px}}

.mobile-app:not(.device-android) .x-position-title>.x-direction{font-size:12px;border-radius:1.667px}
.mobile-app:not(.device-android) .x-position-title>.x-direction>span{display:block;transform:translateY(-.667px)}

.mobile-app:not(.device-android) .x-position-title>em>span{display:block;transform:translateY(-.667px)}