.trendline-chart-note{color:var(--color-text,#201e1d);margin:.75rem 0 1.5rem;padding:0 .125rem;font-size:.9375rem;line-height:1.6}.trendline-chart-toolbar{justify-content:flex-end;margin-bottom:.375rem;display:flex}.trendline-chart-canvas{width:100%}.trendline-chart-expand-btn{border:1px solid var(--color-divider,#dcd3c4);background:var(--color-surface,#ebddc5);width:2.25rem;min-width:44px;height:2.25rem;min-height:44px;color:var(--color-accent-800,#643312);cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;transition:border-color .15s;display:flex}.trendline-chart-expand-btn:hover{border-color:var(--color-accent,#c67139)}.trendline-chart-expand-btn svg{width:1.125rem;height:1.125rem}.trendline-chart-modal-backdrop{z-index:1000;background:#201e1d8c;justify-content:stretch;align-items:stretch;display:flex;position:fixed;inset:0}.trendline-chart-modal{width:100%;height:100vh;background:var(--color-surface,#ebddc5);border-radius:0;height:100dvh;padding:3.5rem .75rem 1.25rem;position:relative;overflow-y:auto}.trendline-chart-modal-close{border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);width:2.25rem;min-width:44px;height:2.25rem;min-height:44px;color:var(--color-accent-800,#643312);cursor:pointer;border-radius:.625rem;justify-content:center;align-items:center;display:flex;position:absolute;top:.75rem;right:.75rem}.trendline-chart-modal-close:hover{border-color:var(--color-accent,#c67139)}.trendline-chart-modal .trendline-pure-legend{font-size:.9375rem}.trendline-chart-canvas-modal{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;width:100%;max-width:100%;margin-top:.75rem;padding-bottom:.5rem;overflow:auto hidden}.trendline-chart-canvas-modal>.trendline-kline-svg{width:48rem;max-width:none;height:auto}@media (min-width:40rem){.trendline-chart-modal-backdrop{justify-content:center;align-items:center;padding:1.5rem}.trendline-chart-modal{width:min(64rem,100vw - 3rem);max-width:none;height:auto;max-height:calc(100vh - 3rem);border-radius:var(--radius-lg,1rem);border:1px solid var(--color-divider,#dcd3c4);max-height:calc(100dvh - 3rem);padding:4.75rem 2rem 2rem;overflow-y:auto}.trendline-chart-modal-close{top:1.25rem;right:1.25rem}.trendline-chart-canvas-modal{margin-top:.75rem;padding-bottom:0;overflow:visible}.trendline-chart-canvas-modal>.trendline-kline-svg{width:100%;max-width:100%}}