/* Translate only the paint layer: document height and anchor spacing do not change. */
body:is([data-layout="mobile"], [data-layout="portrait"]) #touchMenuTools {
  transform: translateY(0);
  opacity: 1;
  transition: transform 260ms ease-out, opacity 200ms ease-out;
}
body:is([data-layout="mobile"], [data-layout="portrait"]) #touchMenuTools[data-scroll-hidden="true"] {
  transform: translateY(calc(-100% - 1px));
  opacity: 0;
  pointer-events: none;
}
html:not([data-touch-input="pointer"]) body:is([data-layout="mobile"], [data-layout="portrait"]) #touchMenuTools:focus-within {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  body:is([data-layout="mobile"], [data-layout="portrait"]) #touchMenuTools { transition: none; }
}