.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 ); }

.vertical-tablist-splitter {
  height: 100%; }
  .vertical-tablist-splitter .vertical-tab-item {
    overflow: hidden;
    padding: 8px 0px 8px 12px;
    margin: 1px;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent; }
    .vertical-tablist-splitter .vertical-tab-item:hover {
      background-color: rgba( 244, 244, 244 ,  1 );
      background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }
    .vertical-tablist-splitter .vertical-tab-item.is-selected {
      background-color: rgba( 239, 246, 252 ,  1 );
      background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 ); }
    .vertical-tablist-splitter .vertical-tab-item:focus {
      outline: 1px solid rgba(0, 120, 212, 1);
      outline: 1px solid var(--communication-background,rgba(0, 120, 212, 1)); }
  .vertical-tablist-splitter .vertical-tablist-left-section,
  .vertical-tablist-splitter .vertical-tablist-right-section {
    overflow: auto;
    height: 100%; }
  .vertical-tablist-splitter .vertical-tablist-right-pane {
    min-width: 600px;
    background-color: rgba( 244, 244, 244 ,  1 );
    background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }
  .vertical-tablist-splitter .vertical-tablist-right-pane, .vertical-tablist-splitter .vertical-tablist-left-pane {
    height: 100%; }