.trend-area{cursor:crosshair;touch-action:pan-y;outline:none}.trend-area:focus-visible{box-shadow:0 0 0 2px var(--ink-24);border-radius:6px}.trend-area-guide{border-left:1px dashed var(--ink-24);pointer-events:none;width:0;position:absolute;top:0;bottom:0}.trend-area-dot{border:2px solid var(--paper);pointer-events:none;border-radius:999px;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}.trend-area-tip{border:1px solid var(--ink-12);background:var(--paper);white-space:nowrap;pointer-events:none;border-radius:.5rem;flex-direction:column;gap:1px;padding:.35rem .55rem;font-size:.75rem;line-height:1.3;display:flex;position:absolute;bottom:calc(100% + 6px);box-shadow:0 6px 18px #0000001f}.trend-area-tip[data-side=right]{transform:translate(-12%)}.trend-area-tip[data-side=left]{transform:translate(-88%)}.trend-area:has(.trend-area-days){margin-bottom:1.25rem}.trend-area-days{pointer-events:none;height:1rem;position:absolute;top:calc(100% + .3rem);left:0;right:0}.trend-area-days span{font-family:var(--font-mono);color:var(--ink-48);white-space:nowrap;font-size:.625rem;position:absolute;transform:translate(-50%)}.trend-area-days span:first-child{transform:none}.trend-area-days span:last-child{transform:translate(-100%)}