.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-task-list-container {
  margin: 16px; }
  .logs-task-list-container .task-log-step-component-container:focus {
    outline: 1px solid rgba(0, 120, 212, 1);
    outline: 1px solid var(--communication-background,rgba(0, 120, 212, 1)); }
    @media (forced-colors: active) {
      .logs-task-list-container .task-log-step-component-container:focus {
        outline: 2px dashed windowtext;
        margin-top: 3px; }
        .logs-task-list-container .task-log-step-component-container:focus .task-log-step-content {
          border-top-width: 1px; } }
  .logs-task-list-container .task-log-step-component-container .task-log-step-content {
    border-top-width: 0;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05); }
  .logs-task-list-container .task-log-step-component-container.task-state-inprogress {
    margin-top: 16px;
    margin-bottom: 16px; }
  .logs-task-list-container .task-log-step-component-container.task-log-step-component-container-1 .task-log-step-content {
    border-top-width: 1px; }