:host {
  /**
   * @prop --gutter-x: Horizontal space between columns
   * @prop --gutter-y: Vertical space between rows
   */
  --gutter-x: 8px;
  --gutter-y: 8px;
  margin-left: calc(var(--gutter-x) * -1);
  margin-right: calc(var(--gutter-x) * -1);
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  :host {
    margin-left: unset;
    margin-right: unset;
    -webkit-margin-start: calc(var(--gutter-x) * -1);
    margin-inline-start: calc(var(--gutter-x) * -1);
    -webkit-margin-end: calc(var(--gutter-x) * -1);
    margin-inline-end: calc(var(--gutter-x) * -1);
  }
}