.timeline hr {
  @apply h-1;
}
:where(.timeline hr) {
  @apply bg-base-300;
}
:where(.timeline:has(.timeline-middle) hr) {
  &:first-child {
    @apply rounded-e-badge rounded-s-none;
  }
  &:last-child {
    @apply rounded-s-badge rounded-e-none;
  }
}
:where(.timeline:not(:has(.timeline-middle)) :first-child hr:last-child) {
  @apply rounded-s-badge rounded-e-none;
}
:where(.timeline:not(:has(.timeline-middle)) :last-child hr:first-child) {
  @apply rounded-e-badge rounded-s-none;
}
.timeline-box {
  @apply rounded-box bg-base-100 border-base-300 border px-4 py-2 shadow-sm;
}
