@layer components{.etf-chart{border:1px solid var(--linha);border-radius:var(--raio);background:radial-gradient(60% 120% at 100% 0%, #6751a438, transparent 60%), var(--cartao);box-shadow:inset 0 1px 0 var(--linha-roxa);margin:32px 0 40px;padding:28px 28px 20px}.etf-chart-title{letter-spacing:.08em;text-transform:uppercase;color:var(--cinza-2);margin-bottom:18px;font-size:13px;font-weight:500}.etf-chart svg{width:100%;height:220px;display:block}.etf-chart rect{fill:#3a3a3e;transition:opacity .2s var(--curva)}.etf-chart rect[data-up]{fill:var(--roxo-100)}.etf-chart rect:hover{opacity:.75}.etf-zero{stroke:#ffffff2e;stroke-width:1px;vector-effect:non-scaling-stroke}.etf-chart-ends{color:var(--cinza-2);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:12px;font-size:12.5px;display:flex}.etf-signed{color:var(--roxo-100)}.etf-signed[data-down]{color:var(--cinza-1)}.etf-ticker{min-width:52px;color:var(--roxo-100);letter-spacing:.02em;text-align:center;background:#b99af81f;border-radius:8px;padding:4px 8px;font-size:12.5px;font-weight:700}.etf-fund{text-overflow:ellipsis;max-width:320px;overflow:hidden}}