.divider {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  color: light-dark(var(--color-gray-200), var(--color-zinc-800));
}

.divider--md {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.divider--md-mt {
  margin-top: 1rem;
  margin-bottom: 0rem;
}

.divider--sm-mt {
  margin-top: 0.5rem;
  margin-bottom: 0rem;
}

.divider--no-margin {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.divider--mini {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.vertical-divider {
  height: 1.5rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border: 1px solid light-dark(var(--color-gray-200), var(--color-zinc-800));
}

.divided > :not(:last-child) {
  border-bottom: 1px solid
    light-dark(var(--color-gray-200), var(--color-zinc-700));
}

.divider-right {
  border-right: 1px solid
    light-dark(var(--color-gray-200), var(--color-zinc-700));
}

@media (min-width: 1024px) {
  .divider-right {
    border-right: none;
  }
}

.divider-left {
  border-left: none;
}

@media (min-width: 1024px) {
  .divider-left {
    border-left: 1px solid
      light-dark(var(--color-gray-200), var(--color-zinc-700));
  }
}