/* View-dependent visibility helpers. They key off the view state of an enclosing ed-app 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. Desktop is the default view and
     carries no attribute, so this matches every view but the one other value. */
  ed-app:not([view='mobile']) .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;
  }
}