.k-trendline{--tl:var(--secondary);--tl-wash:var(--chrome);width:100%;height:36px;display:block;overflow:visible}.k-trendline.is-lg{height:96px}.k-trendline.is-up{--tl:var(--rise);--tl-wash:var(--rise-wash)}.k-trendline.is-down{--tl:var(--fall);--tl-wash:var(--fall-wash)}.k-trendline.is-thin{--tl:var(--muted);--tl-wash:transparent}.k-trendline :is(path,polyline){vector-effect:non-scaling-stroke}.k-trendline-base{stroke:var(--line);stroke-width:1px}.k-trendline-warm{fill:none;stroke:var(--rule);stroke-width:1.2px;stroke-dasharray:2 3;stroke-linecap:round}.k-trendline-warm-dot{fill:none;stroke:var(--rule);stroke-width:3.4px;stroke-linecap:round}.k-trendline-area{fill:var(--tl-wash);opacity:.8}.k-trendline-line{fill:none;stroke:var(--tl);stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round}.k-trendline.is-lg .k-trendline-line{stroke-width:2.2px}.k-trendline-halo{fill:none;stroke:var(--elevated);stroke-width:8px;stroke-linecap:round}.k-trendline-dot{fill:none;stroke:var(--tl);stroke-width:5.2px;stroke-linecap:round}.k-trendline.is-lg .k-trendline-halo{stroke-width:11px}.k-trendline.is-lg .k-trendline-dot{stroke-width:8px}@media (prefers-reduced-motion:no-preference){.k-trendline-line,.k-trendline-area{animation:k-trendline-draw .9s var(--ease-out) both}.k-trendline-halo,.k-trendline-dot{animation:k-trendline-dot .3s .7s var(--ease-out) both}}@keyframes k-trendline-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes k-trendline-dot{0%{opacity:0}}