.btn.list-handle__wrapper {
  position: fixed;
  border-radius: 0 var(--op-radius-medium) var(--op-radius-medium) 0;
  padding: var(--op-space-x-small) var(--op-space-x-small) var(--op-space-x-small) var(--op-space-2x-small);
  box-shadow: var(--op-shadow-x-small);
  font-size: var(--op-space-small);
  background-color: var(--op-color-neutral-plus-max);
  left: 0;

  @media only screen and (max-width: 712px) {
    display: none;
  }
}

.list-handle__wrapper--position-1 {
  top: 20%;
  border-right: solid var(--op-border-width-large) var(--op-color-alerts-warning-base);
}

.list-handle__wrapper--position-2 {
  top: 30%;
  border-right: solid var(--op-border-width-large) var(--op-color-alerts-notice-minus-one);
}

.list-handle__wrapper--position-3 {
  border-right: solid var(--op-border-width-large) var(--op-color-alerts-info-minus-one);
  top: 40%;
}

.list-image {
  height: 50%;
}

.list-item {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  width: 100%;
  padding: var(--op-space-x-small) var(--op-space-x-small);
  border-radius: var(--op-radius-small);
  &:hover {
    background-color: var(--op-color-neutral-plus-seven);
  }
}

.list-item__body {
  display: flex;
  gap: var(--op-space-medium);
  width: 100%;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;

  @media only screen and (max-width: 712px) {
    flex-wrap: wrap;
  }
}

.list-entry {
  width: 100%;
  trix-toolbar { display: none; }

  trix-editor {
    background-color: var(--op-color-neutral-plus-eight);
    border: unset;
    min-height: 32rem;

    &:focus-visible {
      outline: none;
      box-shadow: none;
    }
  }
}