.la-akoma-ntoso-with-gutter {
  display: flex;
  flex-direction: row;
}
.la-akoma-ntoso-with-gutter > la-akoma-ntoso {
  flex: 80%;
  max-width: 80%;
  position: relative;
  padding-right: 0.5rem;
}
.la-akoma-ntoso-with-gutter > la-gutter {
  flex: 20%;
  max-width: 20%;
  position: relative;
  overflow-y: hidden;
  background-color: rgba(0, 0, 0, 0.05);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

la-gutter > la-gutter-item {
  position: absolute;
  left: 1rem;
  width: calc(100% - 1.5rem);
  transition: top ease-out 100ms, left ease-out 100ms;
  z-index: 2;
}
la-gutter > la-gutter-item[active] {
  left: 0.5rem;
  z-index: 3;
}