:host {
  --grow: 1;
  --basis: 0%;
  padding-left: var(--gutter-x);
  padding-right: var(--gutter-x);
  margin-left: var(--offset, 0px);
  flex: var(--grow) 0 var(--basis);
  width: var(--basis);
  min-width: 0;
  max-width: 100%;
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  :host {
    padding-left: unset;
    padding-right: unset;
    -webkit-padding-start: var(--gutter-x);
    padding-inline-start: var(--gutter-x);
    -webkit-padding-end: var(--gutter-x);
    padding-inline-end: var(--gutter-x);
  }
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  :host {
    margin-left: unset;
    -webkit-margin-start: var(--offset, 0px);
    margin-inline-start: var(--offset, 0px);
  }
}