/* View-dependent visibility helpers. They key off the closest ed-app's view state and
   therefore only work in the light DOM below an ed-app - which is also why this is the
   one utility without a shadow mirror: a shadow-root selector can never see the ed-app
   ancestor, so a mirror would be dead code by construction. */
@layer ed-utilities {
  /* Hide mobile-only elements when the page is in desktop view */
  ed-app[view='desktop'] .ed-mobile-only {
    display: none !important;
  }

  /* Hide desktop-only elements when the page is in mobile view */
  ed-app[view='mobile'] .ed-desktop-only {
    display: none !important;
  }
}