.ellipsis-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal; }

.log-task-state.state-success {
  color: rgba(16, 124, 16, 1);
  color: var(--status-success-foreground,rgba(16, 124, 16, 1)); }

.log-task-state.state-cancelled, .log-task-state.state-failed {
  color: rgba(205, 74, 69, 1);
  color: var(--status-error-foreground,rgba(205, 74, 69, 1)); }

.log-task-state.state-inProgress {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1)); }

.log-task-state.state-pending, .log-task-state.state-skipped {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }

.log-task-state.state-partially-success {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 ); }

.logs-issues-list-container,
.logs-phase-error-step-component-container {
  margin: 16px; }

.logs-phase-error-step-component-content {
  border:  1px dashed;
  border-color: rgba( 200, 200, 200 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 ) !important;
  background: rgba( 244, 244, 244 ,  1 ) !important;
  background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ) !important; }