* {
  box-sizing: border-box;
}

content-grid-formatter {
  width: 100%;
  align-items: var(--align-items, flex-start);
  justify-content: var(--justify-content);
  grid-template-columns: repeat(var(--columns), 1fr);
  column-gap: var(--column-gap, 0);
  row-gap: var(--row-gap, 0);
}
content-grid-formatter * {
  box-sizing: border-box;
}
content-grid-formatter[type=grid] {
  display: grid;
}
content-grid-formatter[type=flex] {
  display: flex;
  flex-wrap: wrap;
}
content-grid-formatter[type=flex] > * {
  overflow: auto;
  flex: 0 0 auto;
  width: calc(100% / var(--columns));
}
content-grid-formatter > [flex-shrink=true] {
  width: auto;
  flex-shrink: 1;
}
content-grid-formatter[flex-shrink=true] > * {
  flex-shrink: 1;
}
content-grid-formatter[flex-grow=true] > * {
  flex-grow: 1;
}
content-grid-formatter > [flex-grow=true] {
  width: auto;
  flex-grow: 1;
}