@media (max-width: 700px) {
  body[data-workspace] > header:not(.workspace-footer),
  body[data-cabinet=guest] .guest-screen-header,
  body[data-cabinet=operations] #chat-toolbar,
  body[data-workspace] .chat-panel .chat-head,
  body[data-cabinet=guest] .guest-request-dialog > header,
  body[data-cabinet=operations] .workspace-views,
  body[data-workspace] .guest-bottom-nav {
    transition: transform 180ms ease, opacity 180ms ease;
  }
  body.mobile-chrome-hidden[data-workspace] > header:not(.workspace-footer),
  body.mobile-chrome-hidden[data-cabinet=guest] .guest-screen-header,
  body.mobile-chrome-hidden[data-cabinet=operations] #chat-toolbar,
  body.mobile-chrome-hidden[data-workspace] .chat-panel .chat-head,
  body.mobile-chrome-hidden[data-cabinet=guest] .guest-request-dialog > header {
    transform: translateY(calc(-100% - 2px));
    opacity: 0;
    pointer-events: none;
  }
  body.mobile-chrome-hidden[data-cabinet=operations] .workspace-views,
  body.mobile-chrome-hidden[data-workspace] .guest-bottom-nav {
    transform: translateY(calc(100% + env(safe-area-inset-bottom) + 2px));
    opacity: 0;
    pointer-events: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-workspace] > header:not(.workspace-footer),
  body[data-cabinet=guest] .guest-screen-header,
  body[data-cabinet=operations] #chat-toolbar,
  body[data-workspace] .chat-panel .chat-head,
  body[data-cabinet=guest] .guest-request-dialog > header,
  body[data-cabinet=operations] .workspace-views,
  body[data-workspace] .guest-bottom-nav { transition: none; }
}