.thread-line {
  height: 2px;
  position: relative;
  width: 100%;
}

.thread-line--draft {
  background-image: repeating-linear-gradient(
    90deg,
    currentColor 0,
    currentColor 4px,
    transparent 4px,
    transparent 8px
  );
  opacity: 0.4;
}

.thread-line--pending {
  background: currentColor;
  opacity: 0.6;
  animation: thread-pulse 3s ease-in-out infinite;
}

.thread-line--published {
  background: currentColor;
  opacity: 1;
}

@keyframes thread-pulse {
  0%, 100% {
    opacity: 0.5;
  }

  50% {
    opacity: 0.7;
  }
}