.environment-deployment-attempt-timeline {
  padding-top: 20px;
}

.environment-deployment-attempt-timeline .approval-rejected,
.environment-deployment-attempt-timeline .gate-failed,
.environment-deployment-attempt-timeline .gate-canceled,
.environment-deployment-attempt-timeline .deployment-failed,
.environment-deployment-attempt-timeline .trigger-failed {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.environment-deployment-attempt-timeline .environment-triggered,
.environment-deployment-attempt-timeline .approval-approved,
.environment-deployment-attempt-timeline .gate-succeeded,
.environment-deployment-attempt-timeline .deployment-succeeded {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.environment-deployment-attempt-timeline .approval-default,
.environment-deployment-attempt-timeline .gate-default,
.environment-deployment-attempt-timeline .bowtie-build-queue,
.environment-deployment-attempt-timeline .deployment-default {
  color: rgba(0, 120, 212, 1);
  color: var(--status-info-foreground,rgba(0, 120, 212, 1));
}

.environment-deployment-attempt-timeline .deployment-partially-succeeded {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.environment-deployment-attempt-timeline .now-at-node-icon {
  color: rgba( 234, 234, 234 ,  1 );
  color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.environment-deployment-attempt-timeline .timeline-snapshot-icon {
  padding-top: 2px;
}