.swap-rate{gap:16px;min-width:0;display:grid}.swap-rate__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 24px;display:flex}.swap-rate__current{gap:8px;min-width:0;display:grid}.swap-rate__value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:22px}.swap-rate__chart-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.swap-rate__chart{width:100%;min-width:0;height:240px}.swap-rate__placeholder{text-align:center;min-height:240px;color:var(--color-text-secondary);background:var(--color-layer-soft);border-radius:8px;place-items:center;padding:16px;font-size:13px;line-height:1.6;display:grid}.swap-rate__tooltip{background:var(--color-surface-raised);border:1px solid var(--color-border-default);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;border-radius:8px;gap:6px;max-width:calc(100vw - 64px);padding:12px;font-size:12px;display:grid}.swap-rate__tooltip p{margin:0}.swap-rate__tooltip small{color:var(--color-text-secondary)}@media (max-width:600px){.swap-rate__chart,.swap-rate__placeholder{height:200px;min-height:200px}}