.noora-line-divider {
  --noora-content-divider-line: light-dark(
    var(--noora-neutral-light-400),
    var(--noora-neutral-dark-900)
  );

  --noora-content-divider-label: light-dark(
    var(--noora-neutral-light-700),
    var(--noora-neutral-dark-500)
  );
  display: flex;
  flex-direction: row;

  align-items: center;
  z-index: 1;
  width: 100%;

  & [data-part="line"] {
    transform: translateY(-0.5px);
    background-color: var(--noora-content-divider-line);
    width: 100%;
    height: 1px;
  }

  & [data-part="text"] {
    display: inline-flex;
    flex-shrink: 0;
    padding: var(--noora-spacing-0) var(--noora-spacing-2);
    color: var(--noora-content-divider-label);
    font: var(--noora-font-weight-regular) var(--noora-font-body-xsmall);
  }
}