@layer components{.token-avatar{color:#fff;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;display:inline-grid}.pair-avatars{align-items:center;min-width:59px;display:flex}.pair-avatars .token-avatar+.token-avatar{border:3px solid var(--background);width:30px;height:30px;margin-top:16px;margin-left:-15px;font-size:13px}.live-trade{align-self:start}.swap-token{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);flex-shrink:0;align-items:center;gap:8px;max-width:58%;min-height:40px;padding:6px 12px 6px 6px;font-size:13px;display:inline-flex}.swap-token .token-avatar{width:24px;height:24px;font-size:12px}.price-chart{border-radius:20px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.price-chart-plot{border-radius:var(--radius-md);touch-action:pan-y;background:0 0;height:320px;margin-top:10px;margin-bottom:26px;position:relative}.price-chart-plot:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.price-chart-plot svg{width:100%;height:100%;display:block;overflow:visible}.price-chart-grid{stroke:var(--border);stroke-width:1px;stroke-opacity:.6}.price-chart-cursor{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 4}.price-chart-axis-y{background:var(--surface);font-variant-numeric:tabular-nums;color:var(--muted);pointer-events:none;border-radius:4px;margin-top:-8px;padding:1px 5px;font-size:11px;line-height:1.4;position:absolute;right:6px;transform:translateY(-100%)}.price-chart-axis-x{height:18px;color:var(--muted);pointer-events:none;font-size:11px;position:absolute;inset:auto 0 -28px}.price-chart-axis-x>span{white-space:nowrap;font-variant-numeric:tabular-nums;position:absolute}.price-chart-dot{border:2px solid var(--surface);width:16px;height:16px;box-shadow:0 0 0 5px color-mix(in srgb, var(--foreground) 10%, transparent);pointer-events:none;border-radius:50%;margin:-8px 0 0 -8px;position:absolute}.price-chart-tip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow-wrap:anywhere;pointer-events:none;flex-direction:column;gap:2px;width:max-content;max-width:calc(100% - 8px);padding:7px 10px;font-size:11px;display:flex;position:absolute;top:8px;transform:translate(-50%)}.price-chart-tip strong{font-size:13px;font-weight:500}.price-chart-tip span{color:var(--muted)}.price-chart-empty{border-radius:var(--radius-md);background:var(--surface-alt);height:300px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:10px;padding:24px;font-size:13px;display:flex}.price-chart-line{transition:stroke .2s}@media (prefers-reduced-motion:reduce){.price-chart-line{transition:none}}@media (max-width:620px){.price-chart-plot,.price-chart-empty{height:230px}}.price-chart-empty p{max-width:42ch;margin:0}.price-chart-controls{max-width:100%;margin:4px 0 12px;display:flex;overflow-x:auto}.price-chart-controls button:disabled{opacity:.4;cursor:not-allowed}}