:host {
  -webkit-columns: 3 15rem;
          columns: 3 15rem;
  grid-column-gap: 2rem;
  -webkit-column-gap: 2rem;
          column-gap: 2rem;
}

:host([ruled]) {
  -webkit-column-rule: 1px solid #eee;
          column-rule: 1px solid #eee;
}

:slotted(.item) {
  display: inline-block;
  width: 100%;
  -webkit-column-break-inside: avoid;
          break-inside: avoid-column;
}
:slotted(.item[margined]) {
  margin: 1rem 0;
}