.layout-flex.layout-flex > * {
  flex: var(--flex-m, 0 1 auto);
  min-width: 0;
}

@media (width >= 750px) {
  .layout-flex.layout-flex > * {
    flex: var(--flex-d, var(--flex-m, 0 1 auto));
  }
}

@media (width < 750px) {
  .layout-flex.layout-flex:where(:has(> [style*="--flex-m: 1 1 0"])) > :where([style*="--basis-m"]) {
    flex: 0 1 var(--basis-m);
  }
}

@media (width >= 750px) {
  .layout-flex.layout-flex:where(:has(> [style*="--flex-d: 1 1 0"])) > :where([style*="--basis-d"]) {
    flex: 0 1 var(--basis-d);
  }
}