.time-series-chart.svelte-vrlfxi{position:relative;width:100%;display:flex;flex-direction:column;background:var(--background);border-radius:16px}.chart-wrapper.svelte-vrlfxi{position:relative;width:100%}.value-overlay.svelte-vrlfxi{position:absolute;top:0;left:0;z-index:10;display:flex;flex-direction:column;gap:.25rem;pointer-events:none}.chart-title.svelte-vrlfxi{font-family:Basel,sans-serif;font-size:var(--text-md);font-weight:500;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em}.value-display.svelte-vrlfxi{font-family:Basel,sans-serif;font-size:36px;line-height:44px;font-weight:500;color:var(--foreground)}.value-change.svelte-vrlfxi{font-family:Basel,sans-serif;font-size:17px;line-height:22px;font-weight:485;padding:.25rem .5rem;border-radius:8px;width:fit-content}.value-change.positive.svelte-vrlfxi{color:var(--color-bullish);background:oklch(from var(--color-bullish) l c h / .12)}.value-change.negative.svelte-vrlfxi{color:var(--color-bearish);background:oklch(from var(--color-bearish) l c h / .12)}.value-change.neutral.svelte-vrlfxi{color:var(--muted-foreground);background:var(--muted)}.chart-area.svelte-vrlfxi{width:100%;height:356px;position:relative;background-image:radial-gradient(circle,oklch(from var(--muted-foreground) l c h / .2) 1px,transparent 1px);background-size:20px 20px;background-position:0 0}.hover-beam.svelte-vrlfxi{position:absolute;top:10%;transform:translate(-50%);background:#ffffff0d;border-radius:8px;pointer-events:none;z-index:1}.fees-tooltip.svelte-vrlfxi{position:absolute;z-index:100;background:var(--popover);border:1px solid var(--border);border-radius:12px;padding:.5rem .75rem;pointer-events:none;box-shadow:0 4px 12px #00000026;transform:translateY(-100%);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.fees-tooltip-label.svelte-vrlfxi{font-family:Basel,sans-serif;font-size:var(--text-base);font-weight:485;color:var(--muted-foreground)}.fees-tooltip-value.svelte-vrlfxi{font-family:Basel,sans-serif;font-size:var(--text-base);font-weight:500;color:var(--foreground)}.chart-controls.svelte-vrlfxi{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;gap:.5rem}.controls-right.svelte-vrlfxi{display:flex;align-items:center;gap:.5rem}@media(max-width:768px){.value-display.svelte-vrlfxi{font-size:28px;line-height:36px}}