/* =========================
   Divider
   Figma: Divider Container.
========================= */

@use "../kit-deps" as *;

.divider {
  display: block;
  width: 100%;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: $neutral-100;

  &[data-variant="strong"] {
    background-color: $neutral-300;
  }

  &[data-variant="dark"] {
    background-color: $neutral-800;
  }

  &[data-orientation="vertical"] {
    display: inline-block;
    width: 1px;
    height: 100%;
    min-height: $space-6;
    vertical-align: middle;
  }
}