.performance-chart-wrapper{width:100%;max-width:480px;margin:0 auto;padding:2rem 0}.performance-chart__heading{text-align:center;font-size:1.25rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin:0 0 1rem;color:inherit}.performance-chart{width:100%;aspect-ratio:1 / 1;min-width:250px;position:relative}.performance-chart svg{width:100%;height:100%;display:block}.perf-chart__grid-line{fill:none;stroke:#00000014;stroke-width:1}.perf-chart__axis{stroke:#0000001f;stroke-width:1}.perf-chart__data-polygon{fill:#2d6a4f2e;stroke:#2d6a4f;stroke-width:2;stroke-linejoin:round;transition:fill .3s ease}.perf-chart__data-polygon--animated{animation:perf-chart-fill-in .8s cubic-bezier(.25,.46,.45,.94) forwards}.perf-chart__data-point{fill:#2d6a4f;stroke:#fff;stroke-width:2;r:4;transition:r .2s ease,fill .2s ease;cursor:pointer}.perf-chart__data-point:hover{r:6;fill:#1b4332}.perf-chart__label{font-family:inherit;font-size:11px;font-weight:600;fill:currentColor;text-anchor:middle;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.perf-chart__value-label{font-family:inherit;font-size:12px;font-weight:700;fill:#2d6a4f;text-anchor:middle;opacity:0;transition:opacity .2s ease;pointer-events:none}.perf-chart__axis-group:hover .perf-chart__value-label{opacity:1}.perf-chart__scale-value{font-family:inherit;font-size:9px;fill:#0000004d;text-anchor:middle}.perf-chart__tooltip{position:absolute;background:#1b4332;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;pointer-events:none;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:10}.perf-chart__tooltip--visible{opacity:1;transform:translateY(0)}@keyframes perf-chart-fill-in{0%{opacity:0;transform:scale(0);transform-origin:center}to{opacity:1;transform:scale(1);transform-origin:center}}.perf-chart__data-polygon--draw{stroke-dasharray:1000;stroke-dashoffset:1000;animation:perf-chart-draw 1s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes perf-chart-draw{to{stroke-dashoffset:0}}.perf-chart__data-fill{opacity:0;animation:perf-chart-fade .5s ease .6s forwards}@keyframes perf-chart-fade{to{opacity:1}}.perf-chart__data-point--animated{r:0;animation:perf-chart-point-pop .3s ease forwards}.perf-chart__data-point--animated:nth-child(1){animation-delay:.6s}.perf-chart__data-point--animated:nth-child(2){animation-delay:.7s}.perf-chart__data-point--animated:nth-child(3){animation-delay:.8s}.perf-chart__data-point--animated:nth-child(4){animation-delay:.9s}@keyframes perf-chart-point-pop{0%{r:0}60%{r:5}to{r:4}}@media screen and (max-width:749px){.performance-chart-wrapper{max-width:360px;padding:1.5rem 0}.perf-chart__label{font-size:10px}.perf-chart__value-label{font-size:11px}}@media screen and (max-width:400px){.performance-chart-wrapper{max-width:280px}.perf-chart__label{font-size:9px}}@media print{.perf-chart__data-polygon--animated,.perf-chart__data-polygon--draw,.perf-chart__data-fill,.perf-chart__data-point--animated{animation:none;opacity:1}.perf-chart__data-point--animated{r:4}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/performance-chart.css.map */