@layer base {
  :host .dds-divider {
    /* display: block;
    border: none;
    border-top: var(--dds-divider-border-width, var(--dds-size-1)) solid
      var(--dds-divider-border-color, var(--dds-color-neutral-300));
    margin: 0; */
  }
}

@layer orientations {
  :host([direction="block"]) {
    display: block;
    border-block-start: var(--dds-divider-size) solid var(--dds-divider-color);
  }

  :host([direction="inline"]) {
    display: inline-block;
    min-block-size: 100%;
    border-inline-start: var(--dds-divider-size) solid var(--dds-divider-color);
  }
}

@layer reset, base, orientations;
