.indicator-control-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: clamp(8px, 2vw, 24px);
  flex-wrap: wrap;
  background-color: white !important;
}

.indicator-controls-container {
  padding: 0 50px;
  margin-bottom: 24px;
}

.indicator-control-label {
  font-size: clamp(14px, 1.2vw + 0.5rem, 18px);
  font-weight: 400;
}

.indicator-control-options {
  margin: 0;
  font-size: clamp(14px, 1.2vw + 0.5rem, 18px);
}

.indicator-graph {
  padding: 0 20px 24px 20px;
}

.indicator-graph .legend text {
  font-size: clamp(10px, 1.2vw + 0.3rem, 18px) !important;
}

.indicator-graph .legendtitle text {
  font-size: clamp(10px, 1.2vw + 0.3rem, 18px) !important;
  font-weight: 400;
}


Snap lines/text to pixel grid in the cartesian plot
/* .indicator-graph .cartesianlayer .gridlayer line,
.indicator-graph .cartesianlayer .zerolinelayer line,
.indicator-graph .cartesianlayer .overaxes-above .xtick > line,
.indicator-graph .cartesianlayer .overaxes-above .ytick > line {
  shape-rendering: crispEdges;
}

.indicator-graph .cartesianlayer .overaxes-above .xtick > text,
.indicator-graph .cartesianlayer .overaxes-above .ytick > text {
  text-rendering: geometricPrecision;
}

 */

.indicator-graph .cartesianlayer .gridlayer line,
.indicator-graph .cartesianlayer .zerolinelayer line {
  shape-rendering: crispEdges;
}
.indicator-graph .cartesianlayer .overaxes-above .xtick>text,
.indicator-graph .cartesianlayer .overaxes-above .ytick>text {
  text-rendering: geometricPrecision;
}