.MetricChart__Plot{position:relative;width:calc(100% + 32px);margin-right:-32px}@media screen and (max-width:62em){.MetricChart__Plot{width:calc(100% + 16px);margin-right:-16px}}.MetricChart__Empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:.8125rem;color:var(--chakra-colors-gray-500)}.MetricChart__Svg{display:block}.MetricChart__Svg--Stale{opacity:.4;transition:opacity .2s}.MetricChart__Ghost{display:block;width:100%;height:100%}.MetricChart__GhostGrid{stroke:hsla(0,0%,100%,.06);stroke-width:1px}.MetricChart__GhostLine{stroke:rgba(var(--chakra-colors-gray-500-rgb,122,132,137),.25);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.MetricChart__GhostScan{stroke:rgba(var(--chakra-colors-brand-light-rgb),.5);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:12 88;animation:MetricChartGhostDash 5s linear infinite}.MetricChart__GhostBar{fill:rgba(var(--chakra-colors-brand-normal-rgb),.14);animation:MetricChartGhostBar 1.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.MetricChart__GhostScan{animation:none;stroke-dasharray:none;opacity:.3}.MetricChart__GhostBar{animation:none}}.MetricChart__Grid{stroke:hsla(0,0%,100%,.06);stroke-width:1}.MetricChart__Tick{font-family:var(--chakra-fonts-mono);font-size:.625rem;fill:var(--chakra-colors-gray-500)}.MetricChart__Tick--Y{text-anchor:end}.MetricChart__Tick--X{text-anchor:middle}.MetricChart__Area{stroke:none}.MetricChart__AreaTop{stop-color:rgba(var(--chakra-colors-brand-normal-rgb),.28)}.MetricChart__AreaBottom{stop-color:rgba(var(--chakra-colors-brand-normal-rgb),0)}.MetricChart__Line{fill:none;stroke:var(--chakra-colors-brand-normal);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.MetricChart__Bar{fill:rgba(var(--chakra-colors-brand-normal-rgb),.55);stroke:var(--chakra-colors-brand-normal);stroke-width:1}.MetricChart__HoverLine{stroke:rgba(var(--chakra-colors-brand-light-rgb),.5);stroke-width:1;stroke-dasharray:2 2}.MetricChart__HoverDot{fill:var(--chakra-colors-brand-light);stroke:#fff;stroke-width:1.5}.MetricChart__Tooltip{position:absolute;transform:translate(-50%,calc(-100% - 10px));pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 8px;border-radius:6px;white-space:nowrap;background:var(--chakra-colors-gray-800);border:1px solid rgba(var(--chakra-colors-brand-normal-rgb),.4);z-index:2}.MetricChart__TipValue{font-family:var(--chakra-fonts-mono);font-size:.75rem;color:#fff}.MetricChart__TipDate{font-size:.5625rem;color:var(--chakra-colors-gray-500)}@keyframes MetricChartGhostDash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes MetricChartGhostBar{0%,to{opacity:.5}50%{opacity:1}}.Skeleton{display:inline-block;flex-shrink:0;background:linear-gradient(90deg,rgba(var(--chakra-colors-brand-normal-rgb),.1) 25%,rgba(var(--chakra-colors-brand-normal-rgb),.28) 50%,rgba(var(--chakra-colors-brand-normal-rgb),.1) 75%);background-size:200% 100%;animation:SkeletonShimmer 1.6s linear infinite}@keyframes SkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.Skeleton{animation:none;background:rgba(var(--chakra-colors-brand-normal-rgb),.15)}}