.divider {
  @apply my-4 h-4 whitespace-nowrap;
  &:before,
  &:after {
    @apply bg-base-content/10;
  }
  &:not(:empty) {
    @apply gap-4;
  }
  &-neutral:before,
  &-neutral:after {
    @apply bg-neutral;
  }
  &-primary:before,
  &-primary:after {
    @apply bg-primary;
  }
  &-secondary:before,
  &-secondary:after {
    @apply bg-secondary;
  }
  &-accent:before,
  &-accent:after {
    @apply bg-accent;
  }
  &-success:before,
  &-success:after {
    @apply bg-success;
  }
  &-warning:before,
  &-warning:after {
    @apply bg-warning;
  }
  &-info:before,
  &-info:after {
    @apply bg-info;
  }
  &-error:before,
  &-error:after {
    @apply bg-error;
  }
}
