.prosemirror-flat-list {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 32px;
  padding: 0;
  list-style: none;
  display: list-item;
  position: relative;
}

.prosemirror-flat-list.ProseMirror-selectednode {
  outline: none;
}

.prosemirror-flat-list.ProseMirror-selectednode:after {
  content: "";
  pointer-events: none;
  border: 2px solid #8cf;
  position: absolute;
  inset: -2px -2px -2px -32px;
}

.prosemirror-flat-list[data-list-kind="bullet"] {
  list-style: outside;
}

.prosemirror-flat-list[data-list-kind="ordered"] > * {
  contain: style;
}

.prosemirror-flat-list[data-list-kind="ordered"]:before {
  font-variant-numeric: tabular-nums;
  content: counter(prosemirror-flat-list-counter, decimal) ". ";
  position: absolute;
  right: 100%;
}

.prosemirror-flat-list[data-list-kind="ordered"] {
  counter-increment: prosemirror-flat-list-counter;
}

.prosemirror-flat-list[data-list-kind="ordered"]:first-child, :not(.prosemirror-flat-list[data-list-kind="ordered"]) + .prosemirror-flat-list[data-list-kind="ordered"] {
  counter-reset: prosemirror-flat-list-counter;
}

@supports (counter-set: prosemirror-flat-list-counter 1) {
  :is(.prosemirror-flat-list[data-list-kind="ordered"]:first-child, :not(.prosemirror-flat-list[data-list-kind="ordered"]) + .prosemirror-flat-list[data-list-kind="ordered"])[data-list-order] {
    counter-set: prosemirror-flat-list-counter
            var(--prosemirror-flat-list-order);
  }
}

@supports not (counter-set: prosemirror-flat-list-counter 1) {
  :is(.prosemirror-flat-list[data-list-kind="ordered"]:first-child, :not(.prosemirror-flat-list[data-list-kind="ordered"]) + .prosemirror-flat-list[data-list-kind="ordered"])[data-list-order] {
    counter-increment: prosemirror-flat-list-counter
            var(--prosemirror-flat-list-order);
  }
}

.prosemirror-flat-list[data-list-kind="task"] > .list-marker {
  text-align: center;
  width: 1.5em;
  width: 1lh;
  position: absolute;
  right: 100%;
}

.prosemirror-flat-list[data-list-kind="task"] > .list-marker, .prosemirror-flat-list[data-list-kind="task"] > .list-marker * {
  cursor: pointer;
}

.prosemirror-flat-list[data-list-kind="toggle"] > .list-marker {
  text-align: center;
  width: 1.5em;
  width: 1lh;
  position: absolute;
  right: 100%;
}

.prosemirror-flat-list[data-list-kind="toggle"] > .list-marker:before {
  content: "⏷";
}

.prosemirror-flat-list[data-list-kind="toggle"][data-list-collapsable][data-list-collapsed] > .list-marker:before {
  content: "⏵";
}

.prosemirror-flat-list[data-list-kind="toggle"][data-list-collapsable] > .list-marker {
  cursor: pointer;
}

.prosemirror-flat-list[data-list-kind="toggle"]:not([data-list-collapsable]) > .list-marker {
  opacity: .4;
  pointer-events: none;
}

.prosemirror-flat-list[data-list-kind="toggle"][data-list-collapsable][data-list-collapsed] > .list-content > :nth-child(n+2) {
  display: none;
}