:root {
  --chart-axis-color: #1a1d23;
}

.z-chart-wrapper .axis line,
.z-chart-wrapper .chart-label line {
  stroke: var(--chart-axis-color) !important;
}

.z-chart-wrapper .legend-dataset-label, .z-chart-wrapper .legend-dataset-value, .z-chart-wrapper .graph-svg-tip.comparison .title, .z-chart-wrapper .graph-svg-tip.comparison li .tooltip-label, .z-chart-wrapper .chart-label, .z-chart-wrapper .axis text, .z-chart-wrapper .y-regions .chart-label {
  fill: #52575c !important;
  --tw-text-opacity: 1 !important;
  color: rgba(192, 193, 195, var(--tw-text-opacity)) !important;
}

.z-chart-wrapper .graph-svg-tip.comparison .title {
  font-weight: 700;
  fill: #ffffff;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  letter-spacing: 0.05em;
}

.z-chart-wrapper .graph-svg-tip.comparison li .tooltip-label {
  font-weight: 400;
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.z-chart-wrapper .graph-svg-tip.comparison li .tooltip-value, .z-chart-wrapper .graph-svg-tip.comparison .title strong {
  --tw-text-opacity: 1 !important;
  color: rgba(238, 238, 238, var(--tw-text-opacity)) !important;
}

.z-chart-wrapper .graph-svg-tip {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(26, 29, 35, var(--tw-bg-opacity)) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgba(42, 46, 55, var(--tw-border-opacity)) !important;
  border-width: 1px !important;
  -webkit-backdrop-filter: blur(0.5rem) !important;
          backdrop-filter: blur(0.5rem) !important;
}

@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .z-chart-wrapper .graph-svg-tip {
    --tw-bg-opacity: 0.25 !important;
  }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .z-chart-wrapper .graph-svg-tip {
    --tw-bg-opacity: 0.9 !important;
  }
}

.z-chart-wrapper .graph-svg-tip .svg-pointer {
  display: none !important;
}

.z-chart-wrapper .graph-svg-tip .tooltip-legend {
  margin-top: 0.375rem !important;
}

.z-chart-wrapper .graph-svg-tip .tooltip-value {
  font-weight: 400 !important;
  font-size: 1.75rem !important;
}

.z-chart-wrapper .axis, .z-chart-wrapper .chart-label {
  fill: #c0c1c3 !important;
}
