hr {
  @apply border-none outline-none bg-def-3 self-stretch;

  &.inverted {
    @apply bg-inv-2;
  }

  &[data-orientation="horizontal"] {
    @apply w-full h-px;
  }

  &[data-orientation="vertical"] {
    @apply h-full w-px;
  }
}
