@layer components{.market-rate-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:start}.market-rate-grid-single{grid-template-columns:minmax(0,1fr)}.market-rate-strip{margin:0}.market-rate-strip+.market-rate-strip{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border-soft)}.market-rate-plot{--gutter: 84px;--band-top: 30px;position:relative;height:84px;margin-top:4px}.market-rate-plot-no-own{--band-top: 8px;height:64px}.market-rate-band{position:absolute;top:var(--band-top);height:10px;left:calc(var(--gutter) + (100% - 2 * var(--gutter)) * var(--x1));width:calc((100% - 2 * var(--gutter)) * (var(--x2) - var(--x1)));background:var(--color-wire);border-radius:4px}.market-rate-median{position:absolute;top:calc(var(--band-top) - 5px);height:20px;width:2px;margin-left:-1px;left:calc(var(--gutter) + (100% - 2 * var(--gutter)) * var(--x));background:var(--color-fg);border-radius:1px;box-shadow:0 0 0 2px var(--color-surface)}.market-rate-end{position:absolute;top:calc(var(--band-top) - 12px);width:calc(var(--gutter) - 10px)}.market-rate-end-lo{left:0;text-align:right}.market-rate-end-hi{right:0;text-align:left}.market-rate-mid{position:absolute;top:calc(var(--band-top) + 20px);left:calc(var(--gutter) + (100% - 2 * var(--gutter)) * var(--x));transform:translate(-50%);text-align:center;white-space:nowrap}.market-rate-own{position:absolute;top:0;left:calc(var(--gutter) + (100% - 2 * var(--gutter)) * var(--x));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap}.market-rate-own-mark{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--color-fg);margin-top:2px}@media(max-width:900px){.market-rate-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.market-rate-plot{--gutter: 0px;height:88px}.market-rate-plot-no-own{height:68px}.market-rate-end,.market-rate-mid{top:calc(var(--band-top) + 18px);width:auto}.market-rate-end-lo{text-align:left}.market-rate-end-hi{text-align:right}}@media(forced-colors:active){.market-rate-band,.market-rate-median{background:CanvasText}.market-rate-median{box-shadow:0 0 0 2px Canvas}.market-rate-own-mark{border-top-color:CanvasText}}}