/* FuelDash V414 — closed periods and the current-time label in the price graph. */
#app .fuel-chart.is-detail .chart-opening-closed-bands {
  pointer-events: none;
}

#app .fuel-chart.is-detail .chart-opening-closed-band {
  fill: #ff3b30;
  fill-opacity: .16;
  pointer-events: none;
}

#app .fuel-chart.is-detail .chart-selection-line {
  stroke-width: 2px !important;
}

#app .fuel-chart.is-detail .chart-canvas svg {
  height: 188px !important;
}

#app .fuel-chart.is-detail .chart-scale {
  height: 188px !important;
  padding: 0 !important;
}

#app .detail-chart,
#app .detail-chart .fuel-chart,
#app .detail-chart .chart-layout,
#app .detail-chart .chart-fixed {
  min-width: 0;
  max-width: 100%;
}

#app .detail-chart .chart-selection-readout {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

#app .detail-chart .chart-selection-readout > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

#app .fuel-chart.is-detail .chart-selection-today {
  stroke-width: 1.75px !important;
}

#app .fuel-chart.is-detail .chart-selection-now-label {
  fill: #ff3b30;
  font-size: 8px;
  font-weight: 750;
  letter-spacing: .01em;
  paint-order: stroke;
  stroke: #08080a;
  stroke-width: .9px;
  stroke-linejoin: round;
}

#app .fuel-chart.is-detail .chart-selection-now-label {
  pointer-events: none;
}

#app .fuel-chart.is-detail .chart-current-point {
  stroke: #08080a;
  stroke-width: 2px;
  filter: drop-shadow(0 0 3px rgba(255, 59, 48, .8));
}

@media (prefers-reduced-motion: reduce) {
  #app .fuel-chart.is-detail .chart-selection-today,
  #app .fuel-chart.is-detail .chart-current-point {
    filter: none;
  }
}