:local .Funnel {
  color: var(--color-text-medium);
}

:local .FunnelStep {
  width: 100%;
  min-width: 20px;
  border-right: 1px solid var(--color-border);
}

:local .FunnelStep.Initial {
  min-width: unset;
  width: unset;
}

/* Display information for the initial blox */
:local .Start {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: right;
  flex-grow: 1;

  padding-right: 0.5em;
  font-size: 24px;
}

:local .Start .Title {
  font-weight: bold;
  color: black;
}

:local .Start .TitleNight {
  font-weight: bold;
  color: #ffffffe0;
}

:local .Start .Subtitle {
  font-size: 0.6875em;
}

/* Head information */
:local .Head {
  text-align: right;
  padding: 0.5em;
  min-width: 0;
}

/* Plot graph element */
:local .Graph {
  flex-grow: 1;
}

/* Information at the end of the step */
:local .Infos {
  text-align: right;
  padding: 0.5em 0.5em 0 0.5em;
  font-size: 16px;
}

:local .Infos .Title {
}

:local .Infos .TitleNight {
  color: #ffffffe0;
}

:local .Infos .Subtitle {
  font-size: 0.6875em;
  margin-top: 1em;
}

/* Narrow version */
:local .Funnel--narrow .Head {
  font-size: 12px;
}
:local .Funnel--narrow .Infos {
  font-size: 12px;
}

:local .Funnel--narrow .Infos .Subtitle {
  font-size: 0.875em;
}

:local .Funnel--narrow .Start .Title {
  font-size: 0.75em;
}

:local .Funnel--narrow .Start .TitleNight {
  color: #ffffffe0;
}

:local .Funnel--narrow .Start .Subtitle {
  font-size: 0.5em;
}
