/* These colors apply to the Buy/Sell word only. A symbol, timeframe or row never inherits them. */
:root{--trade-direction-buy:#65dea5;--trade-direction-sell:#ff8091}
html[data-theme=light]{--trade-direction-buy:#087a4d;--trade-direction-sell:#bd2d3d}
.trade-direction{display:inline;font:inherit;font-weight:inherit;line-height:inherit;white-space:nowrap}
.trade-direction[data-direction=buy]{color:var(--trade-direction-buy)}
.trade-direction[data-direction=sell]{color:var(--trade-direction-sell)}