h1.metric-letter,
.pill-statement-icon-container i {
  color: var(--line-darker); }

.is-pill-view .mono-comparison .statement-value span {
  color: var(--text-dark-bg) !important; }

.statement-report-container .brightcharts {
  text-align: center; }

.statement-report-container {
  padding: 0.5rem 1rem;
  flex: 1 1;
  display: flex;
  flex-direction: column; }
  .statement-report-container .icon-image {
    width: 1rem;
    height: 1rem; }
  .statement-report-container .statement-txt {
    color: var(--text-light); }
  .statement-report-container .current-period-label {
    white-space: nowrap; }
  .statement-report-container.no-pill {
    margin-bottom: 1rem;
    min-width: fit-content;
    width: 100%;
    max-width: 100%; }

.statement-report-container .statement-metric-title {
  width: 100%;
  color: var(--text-light);
  border-bottom: 1px solid var(--line-dark);
  margin-bottom: 5px; }
  .statement-report-container .statement-metric-title .popper-trigger {
    display: inline-block;
    width: auto;
    white-space: nowrap; }

.statement-report-container .statement-headline-values-row .statement-headline-value-item {
  position: relative; }
  .statement-report-container .statement-headline-values-row .statement-headline-value-item-value {
    color: var(--text-black);
    font-family: var(--font-semibold-font-family); }
  .statement-report-container .statement-headline-values-row .statement-headline-value-item .current-period-value {
    font-size: var(--text-size-large);
    line-height: var(--text-line-height-large);
    font-family: var(--font-semibold-font-family); }
  .statement-report-container .statement-headline-values-row .statement-headline-value-item .statement-value img {
    width: 32px;
    height: 32px;
    margin-right: 6px;
    display: inline-block;
    margin-top: -6px; }
  .statement-report-container .statement-headline-values-row .statement-headline-value-item .statement-value i {
    opacity: 0.4;
    padding-right: 8px; }
  .statement-report-container .statement-headline-values-row .statement-headline-value-item .vertical-gauge {
    position: absolute;
    opacity: 0.7;
    left: -40px; }

.statement-linear-gauge rect {
  transition: all 200ms ease-in; }

.statement-report-container .threshold-container .uplift-element {
  color: var(--text-dark-bg); }

.statement-report-container .threshold-container .no-highlights .uplift-element {
  color: var(--text-light); }

.statement-report-container .statement-breakdown-row {
  cursor: pointer; }
  .statement-report-container .statement-breakdown-row .breakdown-dval-title {
    color: var(--text-light);
    font-size: var(--text-size-small);
    white-space: nowrap; }
  .statement-report-container .statement-breakdown-row .dval-name {
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block; }
    .statement-report-container .statement-breakdown-row .dval-name.drillable {
      margin-right: 10px;
      text-decoration: underline; }
  .statement-report-container .statement-breakdown-row .dval-value {
    float: right;
    display: inline-block;
    margin-left: 1em; }
  .statement-report-container .statement-breakdown-row:hover {
    background: var(--bg); }
    .statement-report-container .statement-breakdown-row:hover span.main {
      opacity: 0;
      display: none; }
    .statement-report-container .statement-breakdown-row:hover span.alt {
      opacity: 1;
      display: inline; }
  .statement-report-container .statement-breakdown-row .statement-breakdown-comparison-item .uplift > i {
    margin-right: 3px; }
  .statement-report-container .statement-breakdown-row .statement-breakdown-comparison-item .main,
  .statement-report-container .statement-breakdown-row .statement-breakdown-comparison-item .alt {
    float: right;
    transition: all 200ms ease-in; }
  .statement-report-container .statement-breakdown-row .statement-breakdown-comparison-item .main {
    opacity: 1;
    display: inline; }
  .statement-report-container .statement-breakdown-row .statement-breakdown-comparison-item .alt {
    opacity: 0;
    display: none; }

.statement-pill-view {
  margin: 0.5rem;
  border-radius: 6px;
  border: 1px solid var(--line-darker); }
  .statement-pill-view .threshold-label {
    display: block;
    text-align: center; }
  .statement-pill-view .pill-statement-icon-container {
    flex: 0 0 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: #f1f1f1; */ }
    .statement-pill-view .pill-statement-icon-container i {
      font-size: 4em !important; }
    .statement-pill-view .pill-statement-icon-container h1.metric-letter {
      margin: auto;
      font-size: 40px; }
    .statement-pill-view .pill-statement-icon-container img.icon-image {
      align-self: center;
      width: 90%;
      height: auto; }
  .statement-pill-view .statement-report-container {
    border: none; }
    .statement-pill-view .statement-report-container .utility {
      display: none; }
      .statement-pill-view .statement-report-container .utility.comparisons {
        display: block; }
      .statement-pill-view .statement-report-container .utility.comparison-blocks-container {
        display: flex; }
  .statement-pill-view.mono-comparison {
    border-width: 0;
    /* .pill-statement-icon-container { background: none; } */ }
    .statement-pill-view.mono-comparison .statement-txt,
    .statement-pill-view.mono-comparison .statement-txt i,
    .statement-pill-view.mono-comparison .statement-txt h1.metric-letter,
    .statement-pill-view.mono-comparison .current-period-value,
    .statement-pill-view.mono-comparison .current-period-value i,
    .statement-pill-view.mono-comparison .current-period-value h1.metric-letter,
    .statement-pill-view.mono-comparison .pill-statement-icon-container,
    .statement-pill-view.mono-comparison .pill-statement-icon-container i,
    .statement-pill-view.mono-comparison .pill-statement-icon-container h1.metric-letter {
      color: var(--text-white); }
    .statement-pill-view.mono-comparison .statement-report-container {
      padding-top: 11px;
      padding-bottom: 11px; }
      .statement-pill-view.mono-comparison .statement-report-container .vertical-gauge .v-gauge-hold {
        stroke: var(--text-white); }
      .statement-pill-view.mono-comparison .statement-report-container .bc-gauge-widget path {
        stroke: var(--line-darker); }

.metric-threshold-comp {
  font-size: var(--text-size-small);
  line-height: var(--text-line-height-small); }
  .metric-threshold-comp .threshold-value {
    white-space: nowrap; }