.gx-ax{--gx-ax-h:34px;padding:2px 0 0}
.gx-ax [data-at]{--at:50%}
.gx-ax [data-w]{--w:50%}
.gx-ax__top,.gx-ax__bot{position:relative;height:40px}
.gx-ax__bot{height:64px}
.gx-ax__lab{position:absolute;inset-inline-start:var(--at);transform:translateX(calc(50% + var(--nudge, 0px)));
display:flex;flex-direction:column;align-items:center;gap:1px;white-space:nowrap;
font-size:.8125rem;line-height:1.35;color:var(--fnv-ink-3);text-align:center}
[dir="ltr"] .gx-ax__lab{transform:translateX(calc(-50% + var(--nudge, 0px)))}
.gx-ax__top .gx-ax__lab{bottom:4px}
.gx-ax__bot .gx-ax__lab{top:6px}
.gx-ax__lab b{font-weight:700;color:var(--fnv-ink-2)}
.gx-ax__lab i{font-style:normal;font-family:var(--fnv-font-mono);font-weight:800;font-size:.875rem;color:var(--fnv-ink)}
.gx-ax__lab em{font-style:normal;font-family:var(--fnv-font-mono);font-size:.8125rem;color:var(--fnv-ink-3)}
.gx-ax__lab--spot b{color:var(--fnv-ink)}
.gx-ax__lab--put b{color:var(--fnv-gamma-neg-text)}
.gx-ax__lab--call b{color:var(--fnv-gamma-pos)}
.gx-ax__track{position:relative;display:flex;height:var(--gx-ax-h);border:2px solid var(--fnv-ink);background:var(--fnv-surface)}
.gx-ax__zone{flex:0 0 var(--w);height:100%}
.gx-ax__zone.neg{background:var(--fnv-gamma-neg);opacity:.22}
.gx-ax__zone.pos{background:var(--fnv-gamma-pos);opacity:.22}
.gx-ax__tick{position:absolute;inset-block:-2px;inset-inline-start:var(--at);width:2px;margin-inline-start:-1px;background:var(--fnv-ink-3)}
.gx-ax__tick--flip{width:2px;background:var(--fnv-ink);inset-block:-8px}
.gx-ax__tick--put{background:var(--fnv-gamma-neg-text)}
.gx-ax__tick--call{background:var(--fnv-gamma-pos)}
.gx-ax__spot{position:absolute;inset-block:-10px;inset-inline-start:var(--at);width:5px;margin-inline-start:-2.5px;background:var(--fnv-ink)}
.gx-ax .gx-bar__read{margin-top:6px}
@media(max-width:640px){
.gx-ax__lab{font-size:.8125rem}
.gx-ax__lab i{font-size:.8125rem}
.gx-ax__lab em{display:none}
}
.gx-ax__none{margin:0;font-size:.8125rem;color:var(--fnv-ink-3);}
.gx-ax__top.is-stacked{height:78px}
.gx-ax__bot.is-stacked{height:96px}
.gx-ax__top .gx-ax__lab.is-shift{bottom:42px}
.gx-ax__bot .gx-ax__lab.is-shift{top:50px}
.gx-ax__lab.is-shift::after{content:"";position:absolute;inset-inline-start:50%;top:100%;width:1px;height:6px;background:var(--fnv-ink-3)}