.timeline-vertical > li > hr {
  @apply w-1;
}

:where(.timeline-vertical:has(.timeline-middle) > li > hr) {
  &:first-child {
    @apply rounded-b-badge rounded-t-none;
  }
  &:last-child {
    @apply rounded-t-badge rounded-b-none;
  }
}
:where(.timeline-vertical:not(:has(.timeline-middle)) :first-child > hr:last-child) {
  @apply rounded-t-badge rounded-b-none;
}
:where(.timeline-vertical:not(:has(.timeline-middle)) :last-child > hr:first-child) {
  @apply rounded-b-badge rounded-t-none;
}

/* horizontal */
.timeline-horizontal > li > hr {
  @apply h-1;
}
:where(.timeline-horizontal:has(.timeline-middle) > li > hr) {
  &:first-child {
    @apply rounded-e-badge rounded-s-none;
  }
  &:last-child {
    @apply rounded-s-badge rounded-e-none;
  }
}
:where(.timeline-horizontal:not(:has(.timeline-middle)) :first-child > hr:last-child) {
  @apply rounded-s-badge rounded-e-none;
}
:where(.timeline-horizontal:not(:has(.timeline-middle)) :last-child > hr:first-child) {
  @apply rounded-e-badge rounded-s-none;
}
