.artifact-comparison-first-release-info {
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  padding: 16px 15px;
}

.vertical-separator {
  border-left:  2px solid;
  border-left-color: rgba( 166, 166, 166 ,  1 );
  border-left-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  margin-left: 15px;
  margin-right: 15px;
}

.artifact-comparison-info {
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  padding: 1px 16px;
}

.artifact-comparison-info .dtc-collapsible-expanded {
  margin-bottom: 10px !important;
}

.artifact-comparison-info .description-text {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.artifact-comparison-info .description-text .release-name {
  font-weight: 700;
}

.artifact-comparison-info .collapsed-description-region {
  display: inline-flex;
}

.artifact-comparison-info .change-button {
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  font-size: 14px;
  height: 16px;
  padding-left: 0px;
  border-left-width: 0px;
}

.artifact-comparison-info .change-button .change-icon {
  margin-left: 0px;
}

.artifact-comparison-info .change-button .button-text {
  font-weight: 600;
  margin-left: 2px;
  margin-bottom: 2px;
}

.artifact-comparison-info .artifact-comparison-content {
  padding-bottom: 15px;
}

.artifact-comparison-info .artifact-comparison-content .comparison-content-with-decoration .artifact-comparison-text {
  padding-bottom: 6px;
}

.artifact-comparison-info .artifact-comparison-content .comparison-content-with-decoration .decorative-icon {
  font-size: 7px;
  margin-right: 15px;
  float: left;
}

.artifact-comparison-info .artifact-comparison-content .comparison-content-with-decoration .decorative-icon.bowtie-dot {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.artifact-comparison-info .artifact-comparison-content .comparison-content-with-decoration .artifact-description {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  font-size: 12px;
}

.artifact-comparison-info .artifact-comparison-content .comparison-content-with-decoration .base-artifact {
  padding-bottom: 20px;
}

.artifact-comparison-info .artifact-comparison-content .comparison-content-with-decoration .base-artifact .base-artifact-details {
  display: flex;
}

.artifact-comparison-info .artifact-comparison-content .comparison-content-with-decoration .base-artifact:after {
  content: ' ';
  width: 1px;
  height: 35px;
  position: absolute;
  top: 65px;
  left: 19px;
  border-left: 1px;
  border-left-style: dashed;
}

.artifact-comparison-info .artifact-comparison-content .comparison-content-with-decoration .comparable-artifact {
  display: inline-flex;
  line-height: 16px;
}

.artifact-comparison-info .artifact-comparison-content .comparison-content-with-decoration .comparable-artifact .decorative-icon {
  font-size: 6px;
  margin-left: 1px;
}

.artifact-comparison-info .artifact-comparison-content .comparison-content-with-decoration .comparable-artifact .link {
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}