.a-divider {
  --color: var(--lens-semantic-color-ui-divider-default);
  --width: var(--lens-semantic-border-width-thin);
  --style: var(--lens-core-border-style-solid);
  border: 0;
  margin: 0;
  &:not(.a-divider--vertical) {
    border-block-start-style: var(--a-divider-style, var(--style));
    border-block-start-width: var(--a-divider-width, var(--width));
    border-block-start-color: var(--a-divider-color, var(--color));
    width: 100%;
  }
  &.a-divider--vertical {
    border-inline-start-style: var(--a-divider-style, var(--style));
    border-inline-start-width: var(--a-divider-width, var(--width));
    border-inline-start-color: var(--a-divider-color, var(--color));
    width: auto;
    height: 100%;
    min-height: 1rem;
  }
  &.a-divider--dashed {
    --style: var(--lens-core-border-style-dashed);
  }
  &.a-divider--secondary {
    --color: var(--lens-semantic-color-ui-divider-secondary);
  }
}