.bx--cc--axes g.axis g.ticks.invisible {
  visibility: hidden;
}
.bx--cc--axes g.axis g.tick text {
  fill: #bebebe;
  font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
}
.bx--cc--axes g.axis g.tick line {
  display: none;
}
.bx--cc--axes g.axis path.domain {
  stroke: #6f6f6f;
}
.bx--cc--chart-svg g.callouts {
  stroke: #bebebe;
}

.bx--cc--grid rect.chart-grid-backdrop {
  fill: #171717;
  stroke: #3d3d3d;
}
.bx--cc--grid g.x.grid g.tick line,
.bx--cc--grid g.y.grid g.tick line {
  pointer-events: none;
  stroke-width: 1px;
  stroke: #3d3d3d;
}
.bx--cc--grid g.x.grid g.tick.active line,
.bx--cc--grid g.y.grid g.tick.active line {
  stroke-dasharray: 2px;
  stroke: #ffffff;
}

.bx--cc--ruler line.ruler-line {
  stroke: #ffffff;
  stroke-width: 1px;
  stroke-dasharray: 2;
  pointer-events: none;
}
.bx--cc--ruler text.axis-tooltip-text {
  fill: #ffffff;
  dominant-baseline: middle;
  text-anchor: middle;
}

.bx--cc--skeleton rect.chart-skeleton-backdrop {
  fill: #171717;
}
.bx--cc--skeleton .shimmer-effect-lines {
  stroke-width: 1px;
  stroke: url(#shimmer-lines);
}
.bx--cc--skeleton .empty-state-lines {
  stroke-width: 1px;
  stroke: #3d3d3d;
}
.bx--cc--skeleton #shimmer-lines .stop-bg-shimmer {
  stop-color: #3d3d3d;
}
.bx--cc--skeleton #shimmer-lines .stop-shimmer {
  stop-color: #ffffff;
}
.bx--cc--skeleton .shimmer-effect-areas {
  fill: url(#shimmer-areas);
}
.bx--cc--skeleton .empty-state-areas {
  fill: rgba(127, 127, 127, 0.1);
}
.bx--cc--skeleton #shimmer-areas .stop-bg-shimmer {
  stop-color: rgba(127, 127, 127, 0.1);
}
.bx--cc--skeleton #shimmer-areas .stop-shimmer {
  stop-color: rgba(255, 255, 255, 0.15);
}

.bx--cc--zero-line line.domain {
  stroke: #6f6f6f;
}

.bx--cc--chart-svg svg.layout-child {
  overflow: visible;
}

g.bx--cc--legend {
  user-select: none;
}
g.bx--cc--legend g.legend-item rect.checkbox {
  stroke-width: 1px;
  stroke-opacity: 1;
}
g.bx--cc--legend g.legend-item rect.checkbox:not(.active) {
  stroke: #bebebe;
  fill: #171717;
}
g.bx--cc--legend g.legend-item rect.checkbox:not(.active) ~ g.check {
  display: none;
}
g.bx--cc--legend g.legend-item rect.hover-stroke {
  fill: none;
  stroke: #0f62fe;
  stroke-width: 2;
}
g.bx--cc--legend g.legend-item g.check > svg path {
  fill: #171717;
  stroke: #171717;
}
g.bx--cc--legend g.legend-item text {
  font-size: 12px;
  fill: #bebebe;
}
g.bx--cc--legend.clickable g.legend-item:hover {
  cursor: pointer;
}

.bx--cc--title text.title {
  fill: #f3f3f3;
  font-size: 16px;
  font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 600;
}

.bx--cc--tooltip {
  background-color: #3d3d3d;
  pointer-events: none;
  transition: opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
  display: inline;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  word-wrap: break-word;
  z-index: 1059;
  font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
}
.bx--cc--tooltip.hidden {
  opacity: 0;
  transition: opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}
.bx--cc--tooltip .content-box {
  color: #f3f3f3;
}
.bx--cc--tooltip .content-box .title-tooltip {
  line-height: 16px;
  font-size: 12px;
  padding: 4px;
  min-width: 20px;
}
.bx--cc--tooltip .content-box .datapoint-tooltip,
.bx--cc--tooltip .content-box .total-val {
  display: flex;
  padding: 4px;
  flex-flow: row nowrap;
  width: auto;
  min-width: 20px;
  justify-content: flex-start;
  align-items: center;
}
.bx--cc--tooltip .content-box .datapoint-tooltip p,
.bx--cc--tooltip .content-box .total-val p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  font-size: 12px;
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
}
.bx--cc--tooltip .content-box .datapoint-tooltip p.label,
.bx--cc--tooltip .content-box .total-val p.label {
  flex: 1;
  margin-right: 8px;
}
.bx--cc--tooltip .content-box .datapoint-tooltip p.value,
.bx--cc--tooltip .content-box .total-val p.value {
  width: auto;
}
.bx--cc--tooltip .content-box .total-val {
  font-weight: 600;
}
.bx--cc--tooltip .content-box .total-val .label {
  margin-left: 4px;
}
.bx--cc--tooltip .content-box ul.multi-tooltip {
  margin: 0;
  padding: 0;
}
.bx--cc--tooltip .content-box ul.multi-tooltip li {
  list-style: none;
  position: relative;
}
.bx--cc--tooltip .content-box ul.multi-tooltip li:not(:last-child) {
  border-bottom: 1px solid #3d3d3d;
}
.bx--cc--tooltip .tooltip-color {
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
}
.bx--cc--tooltip .tooltip-color + p.label {
  margin-left: 4px;
}

.bx--cc--threshold line.threshold-line {
  stroke: #fa4d56;
  stroke-width: 1;
  stroke-dasharray: 4;
  cursor: pointer;
  pointer-events: none;
}
.bx--cc--threshold.active line.threshold-line {
  stroke-width: 2;
}
.bx--cc--threshold rect.threshold-hoverable-area {
  height: 20px;
  transform: translate(0, -10px);
  cursor: pointer;
  fill: transparent;
}
.bx--cc--threshold rect.threshold-hoverable-area.rotate {
  transform: rotate(90deg) translate(0, -10px);
}

.bx--cc--threshold--label {
  background-color: #fa4d56;
  pointer-events: none;
  transition: opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
  display: inline;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  word-wrap: break-word;
  z-index: 1059;
  font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
  color: #f3f3f3;
  line-height: 16px;
  font-size: 12px;
  padding: 4px;
  min-width: 20px;
}
.bx--cc--threshold--label.hidden {
  opacity: 0;
  transition: opacity 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}

.bx--cc--area path.area,
.bx--cc--area-stacked path.area {
  pointer-events: none;
}

g.bx--cc--bubble circle.dot.hovered {
  fill-opacity: 1;
  transition: all 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}
g.bx--cc--bubble circle.dot.unfilled {
  fill: #282828;
}
g.bx--cc--bubble g.lines path.line {
  mix-blend-mode: multiply;
}

.bx--cc--line path.line {
  fill: none;
  stroke-width: 1.5;
}
.bx--cc--line path.line.hovered {
  cursor: pointer;
  stroke-width: 3px;
}

g.bx--cc--scatter circle.dot.hovered {
  fill-opacity: 1;
  transition: all 0.1s;
  transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
}
g.bx--cc--scatter circle.dot.unfilled {
  fill: #282828;
  stroke-width: 1.5;
}
g.bx--cc--scatter circle.dot.threshold-anomaly {
  stroke-width: 3;
}
g.bx--cc--scatter g.lines path.line {
  mix-blend-mode: multiply;
}

.bx--cc--radar .blobs path {
  stroke-width: 1.5px;
}
.bx--cc--radar .y-axes path,
.bx--cc--radar .x-axes line {
  stroke-width: 1px;
  stroke: #3d3d3d;
}
.bx--cc--radar .x-axes line.hovered {
  stroke: #ffffff;
}

.bx--cc--gauge path.arc-background {
  fill: #282828;
}
.bx--cc--gauge .gauge-delta-arrow.status--danger {
  fill: #fb4b53;
}
.bx--cc--gauge .gauge-delta-arrow.status--warning {
  fill: #fdd13a;
}
.bx--cc--gauge .gauge-delta-arrow.status--success {
  fill: #3dbb61;
}

svg.bx--cc--chart-svg {
  font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
}
svg.bx--cc--chart-svg text {
  font-size: 12px;
  font-weight: 400;
  fill: #bebebe;
}

.bx--chart-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #171717;
}

svg.bx--cc--chart-svg {
  overflow: visible;
}

/*# sourceMappingURL=styles-g100.css.map */