/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
/**
    Margin Section
*/
/**
    Padding Section
*/
/**
    Color section
*/
/**
    Info icon
*/
/**
    Font
*/
.now-at-loading {
  display: inline-block;
  padding-top: 5px;
}

.environment-timeline-snapshot .snapshot-header {
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  padding: 2px 2px 0 2px;
}

.environment-timeline-snapshot .snapshot-header.header-link {
  height: 26px;
}

.environment-timeline-snapshot .snapshot-header.header-link:hover {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
  text-decoration: underline;
}

.environment-timeline-snapshot .snapshot-header.now-at-header {
  display: flex;
}

.environment-timeline-snapshot .snapshot-header.now-at-header .now-at-message-link {
  padding: 0 4px;
}

.environment-timeline-snapshot .snapshot-description {
  padding: 0 2px;
  font-size: 13px;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  display: flex;
}

.environment-timeline-snapshot .snapshot-description .description-icon {
  font-size: 11px;
  padding-right: 3px;
  line-height: 17px;
}

.environment-timeline-snapshot .snapshot-description .description-icon.error {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.environment-timeline-snapshot .snapshot-description .date-user-description .canceled-by-persona {
  display: inline-block;
  vertical-align: bottom;
}

.environment-timeline-snapshot .snapshot-description .duration-container {
  display: flex;
}

.environment-timeline-snapshot .snapshot-description .duration-container .description-separator {
  margin: 0 10px;
  font-weight: 900;
}

.environment-timeline-snapshot .snapshot-description .duration-container .description-duration {
  display: flex;
}

.environment-timeline-snapshot .snapshot-description .artifacts-description-link {
  padding: 0 3px;
  height: 18px;
}

.environment-timeline-snapshot .snapshot-description .now-at-description {
  display: flex;
}

.environment-timeline-snapshot .snapshot-description .now-at-description .now-at-message-link {
  padding: 0 3px;
}

.environment-timeline-snapshot .snapshot-content {
  padding: 10px 2px 30px 2px;
}

.environment-timeline-snapshot .snapshot-content .artifact-conditions-section {
  padding-bottom: 10px;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .artifact-conditions-section .inline-icon {
  padding-left: 3px;
  padding-right: 3px;
  font-weight: 400;
}

.environment-timeline-snapshot .snapshot-content .artifact-conditions-section .artifact-conditions-header {
  display: flex;
}

.environment-timeline-snapshot .snapshot-content .artifact-conditions-section .artifact-name, .environment-timeline-snapshot .snapshot-content .artifact-conditions-section .branch-name, .environment-timeline-snapshot .snapshot-content .artifact-conditions-section .tag-filter, .environment-timeline-snapshot .snapshot-content .artifact-conditions-section .tags-list {
  padding-right: 3px;
  display: flex;
}

.environment-timeline-snapshot .snapshot-content .artifact-conditions-section .tag-filter {
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
}

.environment-timeline-snapshot .snapshot-content .artifact-conditions-section .artifact-condition-text {
  padding-left: 10px;
  display: flex;
}

.environment-timeline-snapshot .snapshot-content .pr-trigger-details {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .deploy-manually-text {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .deploy-manually-text .deploy-link {
  padding: 5px 2px;
  height: 25px;
}

.environment-timeline-snapshot .snapshot-content .deployment-issues-content {
  padding-bottom: 7px;
}

.environment-timeline-snapshot .snapshot-content .execution-summary {
  padding: 7px 0;
}

.environment-timeline-snapshot .snapshot-content .summary-header {
  font-weight: 600;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-succeeded {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-canceled, .environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-canceling, .environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-failed, .environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-rejected {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-queued, .environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-inprogress, .environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-pending, .environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-preapprovalpending, .environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-postapprovalpending, .environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-preevaluatinggates, .environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-postevaluatinggates, .environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-evaluatinggatesphase {
  color: rgba(0, 120, 212, 1);
  color: var(--status-info-foreground,rgba(0, 120, 212, 1));
}

.environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-notdeployed, .environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-deferred, .environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-undefined, .environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-scheduled {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .summary-header .summary-header-status.state-partiallysucceeded {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .summary-header .deployment-status-common-color {
  color: secondary-text;
}

.environment-timeline-snapshot .snapshot-content .execution-action-button {
  padding-top: 5px;
}

.environment-timeline-snapshot .snapshot-content .agent-loading {
  margin: 5px 0;
  display: inline-block;
}

.environment-timeline-snapshot .snapshot-content .agent-queue-container {
  margin: 0;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .agent-queue-container .agent-prerequisite-section {
  width: 100%;
}

.environment-timeline-snapshot .snapshot-content .execution-status-text {
  font-size: 13px;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .dg-target-count-view {
  margin: 5px 0;
  height: 100%;
}

.environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table {
  display: inline-flex;
}

.environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container {
  padding: 0 15px;
  border-right: 1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-succeeded {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-canceled, .environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-canceling, .environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-failed, .environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-rejected {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-queued, .environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-inprogress, .environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-pending, .environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-preapprovalpending, .environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-postapprovalpending, .environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-preevaluatinggates, .environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-postevaluatinggates, .environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-evaluatinggatesphase {
  color: rgba(0, 120, 212, 1);
  color: var(--status-info-foreground,rgba(0, 120, 212, 1));
}

.environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-notdeployed, .environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-deferred, .environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-undefined, .environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-scheduled {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .count-text.state-partiallysucceeded {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container .status-text {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container.first {
  padding-left: 0px;
}

.environment-timeline-snapshot .snapshot-content .dg-target-count-view .status-count-table .status-count-container.last {
  border-right: 0px;
}

.environment-timeline-snapshot .snapshot-content .dg-target-count-view:hover, .environment-timeline-snapshot .snapshot-content .dg-target-count-view:focus {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.environment-timeline-snapshot .snapshot-content .dg-target-count-view .inprogress-status-text {
  padding-top: 5px;
}

.environment-timeline-snapshot .text-highlight {
  font-weight: 600;
}

.environment-timeline-snapshot:hover .snapshot-header.header-link {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.environment-timeline-snapshot:not(.is-header-button) {
  padding-top: 5px;
}

.environment-timeline-snapshot:not(.is-header-button) .snapshot-description {
  padding-top: 1px;
}