.lemon-valley-chart {
  color: var(--color-text);
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.lemon-valley-chart__subtitle {
  text-align: left;
  margin-top: 0.5rem;
}

.text-muted.lemon-valley-chart__subtitle {
  text-align: left;
}

.lemon-valley-chart__svg {
  display: block;
  width: 100%;
  height: auto;
}

.lemon-valley-chart__path {
  fill: none;
  stroke: currentColor;
  stroke-width: 4;
}

.lemon-valley-chart__wall {
  stroke: currentColor;
  stroke-width: 3;
  opacity: 0.35;
}

.lemon-valley-chart__handle {
  fill: var(--color-link);
  stroke: var(--color-bg);
  stroke-width: 2;
  cursor: grab;
}

.lemon-valley-chart__handle:active {
  cursor: grabbing;
}

.lemon-valley-chart__deal-dot {
  fill: var(--lemon-chart-color, #c7f9cc);
  stroke: var(--color-bg);
  stroke-width: 2.5;
  cursor: pointer;
}

.lemon-valley-chart__deal {
  cursor: pointer;
}

.lemon-valley-chart__deal:nth-of-type(6n + 1) {
  --lemon-chart-color: #c9f99d;
}

.lemon-valley-chart__deal:nth-of-type(6n + 2) {
  --lemon-chart-color: #a7f3d0;
}

.lemon-valley-chart__deal:nth-of-type(6n + 3) {
  --lemon-chart-color: #fde68a;
}

.lemon-valley-chart__deal:nth-of-type(6n + 4) {
  --lemon-chart-color: #c4b5fd;
}

.lemon-valley-chart__deal:nth-of-type(6n + 5) {
  --lemon-chart-color: #bae6fd;
}

.lemon-valley-chart__deal:nth-of-type(6n + 6) {
  --lemon-chart-color: #fbcfe8;
}

.lemon-valley-chart__label {
  fill: currentColor;
  font-size: 12px;
  font-weight: 700;
}

.lemon-valley-chart__caption {
  fill: currentColor;
  opacity: 0.7;
  font-size: 10px;
  font-weight: 600;
}

.lemon-valley-chart__stage {
  fill: currentColor;
  font-size: 11px;
  font-weight: 700;
  opacity: 0.7;
}