@layer ed-utilities {
  /* Apply Flexbox with 0 specificity to ensure a flex wrap util produces a visible change */
  :where(.ed-flex-wrap, .ed-flex-nowrap, .ed-flex-wrap-reverse) {
    display: flex;
  }

  /* The display above beats the user-agent [hidden] rule. until-found hides by content-visibility
     and keeps its box. */
  :where(.ed-flex-wrap, .ed-flex-nowrap, .ed-flex-wrap-reverse)[hidden]:not([hidden='until-found' i]) {
    display: none;
  }

  .ed-flex-wrap {
    flex-wrap: wrap;
  }
  .ed-flex-nowrap {
    flex-wrap: nowrap;
  }
  .ed-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
}