.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(> .flex-item--fill-m)) > :where(.flex-item--percent-m) {
    flex: 0 1 var(--basis-m);
  }
}

@media (width >= 750px) {
  .layout-flex.layout-flex:where(:has(> .flex-item--fill-d)) > :where(.flex-item--percent-d) {
    flex: 0 1 var(--basis-d);
  }
}