/* Explicit scoped layout also ships with the independently deployed widget. */
.mnx-quality-timeline {
  list-style: none;
  margin: 0;
  padding: 0 0.25rem 0 0;
  max-height: 13rem;
  overflow-y: auto;
}

.mnx-quality-timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: 14px minmax(0, 1fr) auto;
  align-items: start;
  column-gap: 0.5rem;
  padding-bottom: 0.75rem;
}

.mnx-quality-timeline-item:last-child {
  padding-bottom: 0;
}

.mnx-quality-timeline-rail {
  position: relative;
  display: flex;
  align-self: stretch;
  justify-content: center;
}

.mnx-quality-timeline-line {
  position: absolute;
  top: 0.75rem;
  bottom: -0.75rem;
  width: 1px;
  background: var(--border);
}

.mnx-quality-timeline-dot {
  position: relative;
  margin-top: 0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: var(--primary);
}