.mini-index-chart{min-width:0;background:#101a29;border:1px solid #24364c;border-radius:8px;padding:6px 7px;overflow:hidden}
.mix-canvas{position:relative}.mix-day-separators{position:absolute;left:0;top:0;overflow:hidden;pointer-events:none;z-index:3}.mix-day-line{position:absolute;top:0;height:100%;border-left:1px dashed #8b9dbb80;pointer-events:none}.mix-day-line span{position:absolute;top:3px;left:4px;color:#bacbe0;background:#101a29bf;font-size:9px;line-height:14px;white-space:nowrap;padding:0 2px}
.mix-head{display:flex;justify-content:space-between;align-items:center;gap:5px;color:#9fb5cf;font-size:10px}.mix-head b{font-weight:500}.mix-head button{font:inherit;background:#1c2b40;color:#c7daf2;border:1px solid #38506c;border-radius:5px;padding:2px 7px;min-height:24px;cursor:pointer}
.mix-head button:focus-visible,.mix-canvas:focus-visible{outline:2px solid #72b5ff;outline-offset:2px}.mix-canvas{height:150px;min-width:0;touch-action:pan-y}.mix-readout,.mix-state{font-size:9px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#a7bad0}.mix-readout{min-height:27px;margin-top:3px;color:#d4e2f3}.mix-state{border-top:1px solid #24364c;padding-top:3px}.mini-index-chart[data-status=stale] .mix-state,.mini-index-chart[data-status=partial] .mix-state{color:#ffcc66}
@media(max-width:600px){.mix-canvas{height:145px}.mix-head button{min-height:30px;padding:3px 10px}}