trend-chart{display:block}trend-chart svg{display:block;width:100%;height:auto;overflow:visible}trend-chart rect{fill:#d8f0ed}trend-chart line{stroke:var(--ds-linea-fuerte);stroke-width:1.5;stroke-dasharray:5 5}trend-chart polyline{stroke:var(--ds-tinta);stroke-width:2.5}trend-chart circle{fill:var(--ds-papel);stroke:var(--ds-tinta);stroke-width:2.5;transform-box:fill-box;transform-origin:center}trend-chart circle[pos=last]{fill:var(--ds-tinta)}trend-chart circle[state=fuera]{stroke:var(--ds-fuera);fill:var(--ds-fuera-velo)}trend-chart circle[state=fuera][pos=last]{fill:var(--ds-fuera)}chart-axis{display:flex;justify-content:space-between;margin-top:var(--ds-e2);font-family:var(--ds-fuente-dato);font-size:var(--ds-menuda);color:var(--ds-ceniza)}chart-labs{display:flex;flex-wrap:wrap;gap:var(--ds-e2) var(--ds-e6);margin-top:var(--ds-e4);padding-top:var(--ds-e3);border-top:1px solid var(--ds-linea)}chart-lab{display:flex;align-items:baseline;gap:var(--ds-e2);font-size:var(--ds-etiqueta)}lab-name{font-weight:600;color:var(--ds-tinta)}lab-name:before{content:"";display:inline-block;width:.7em;height:.7em;margin-right:.45em;border-radius:var(--ds-radio-xs);background:#d8f0ed;box-shadow:inset 0 0 0 1px #a9d9d4}lab-ref{font-family:var(--ds-fuente-dato);font-size:var(--ds-menuda);color:var(--ds-ceniza)}chart-warning{display:block;margin-top:var(--ds-e3);padding:var(--ds-e3) var(--ds-e4);border-radius:var(--ds-radio-md);background:var(--ds-limite-velo);color:var(--ds-limite-tinta);font-size:var(--ds-etiqueta);line-height:1.5}@media(prefers-reduced-motion:no-preference){trend-chart polyline{stroke-dasharray:1400;stroke-dashoffset:1400}trend-chart[reveal=on] polyline{transition:stroke-dashoffset 1.1s var(--ds-ease-estandar);stroke-dashoffset:0}trend-chart circle{opacity:0}trend-chart[reveal=on] circle{animation:punto-entra var(--ds-dur-2) var(--ds-ease-resorte) forwards}trend-chart[reveal=on] circle:nth-of-type(2){animation-delay:.16s}trend-chart[reveal=on] circle:nth-of-type(3){animation-delay:.32s}trend-chart[reveal=on] circle:nth-of-type(4){animation-delay:.48s}trend-chart[reveal=on] circle:nth-of-type(5){animation-delay:.64s}trend-chart[reveal=on] circle:nth-of-type(6){animation-delay:.8s}trend-chart[reveal=on] circle:nth-of-type(7){animation-delay:.96s}@keyframes punto-entra{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}}