.sidebar-divider-next {
  border: 0;
  height: 1px;
  box-sizing: border-box;
  padding-top: var(--wds-sidebar-divider-padding-top, 8px);
  padding-bottom: var(--wds-sidebar-divider-padding-bottom, var(--wds-space-150, 9px));
  padding-inline: var(--wds-sidebar-divider-padding-inline, 20px);
  width: 100%;
  transition: width 0.3s ease-in-out;

  /* the old sheet rendered `fullWidth` as a separate class next to the root,
     so it keeps the root's weight rather than becoming a nested modifier */
  &#{&}--full-width {
    padding: 0;
  }

  /* the divider slot sits on Divider's root node: doubled so it outranks
     Divider's own background, the way the Stylable state selector did */
  & &__divider#{&}__divider--skin-dark {
    background-color: #42454c;
  }

  & &__divider#{&}__divider--skin-neutral {
    background-color: var(
      --wds-sidebar-divider-fill-neutral-default,
      var(--wds-color-black-550, var(--wsr-color-D60, #dfe5eb))
    );
  }
}