/***BEGIN DurationMetricsTrendCard.css***/
.ax-unavailable-error-message {
  font-weight: 600;
  font-size: 0.875rem; }

.card-area-chart-container {
  margin: 0 -28px 0 -28px; }

.duration-metrics-trend-container .pipeline-duration-trend {
  margin: 10px 0;
  width: calc(100% - 360px);
  min-width: 350px; }
  @media only screen and (max-width: 900px) {
    .duration-metrics-trend-container .pipeline-duration-trend {
      width: calc(100% - 40px); } }

.duration-metrics-trend-container .duration-trend {
  margin-bottom: 6px;
  margin-left: 12px; }
  .duration-metrics-trend-container .duration-trend .trend-icon {
    margin-right: 4px; }

.duration-metrics-trend-container .duration-metrics-element {
  margin-right: 20px;
  min-width: 150px;
  overflow-y: auto; }

.duration-metrics-trend-container .positive-color {
  color: rgba(16, 124, 16, 1);
  color: var(--status-success-foreground,rgba(16, 124, 16, 1)); }

.duration-metrics-trend-container .negative-color {
  color: rgba(218, 10, 0, 1);
  color: var(--status-error-text,rgba(218, 10, 0, 1)); }

.duration-metrics-trend-container .duration-metrics-insight {
  overflow-wrap: break-word;
  width: 330px;
  margin: 10px 0 10px 0; }
  .duration-metrics-trend-container .duration-metrics-insight .duration-metric-insight-icon {
    color: rgba(0, 120, 212, 1);
    color: var(--communication-background,rgba(0, 120, 212, 1)); }
  .duration-metrics-trend-container .duration-metrics-insight .duration-metrics-insight-text {
    margin-left: 4px;
    color: rgba(0, 0, 0, .9);
    color: var(--text-primary-color,rgba(0, 0, 0, .9)); }

.duration-metrics-trend-container .duration-trend-summary {
  width: 350px;
  margin-right: 10px; }

.duration-metrics-trend-container .nopipeline-suggestion {
  margin-bottom: 5px; }
/***END DurationMetricsTrendCard.css***/