@media (display-mode: standalone), (display-mode: fullscreen) {
  [data-pwa-root] {
    padding-top: env(safe-area-inset-top, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    padding-left: env(safe-area-inset-left, 0px);
  }
}

@media (display-mode: window-controls-overlay) and (min-width: 768px) {
  [data-pwa-navbar] {
    min-height: env(titlebar-area-height, 3.375rem);
    padding-left: max(1px, env(titlebar-area-x, 0px));
    padding-right: max(
      0px,
      calc(100vw - env(titlebar-area-x, 0px) - env(titlebar-area-width, 100vw))
    );
  }
}