/*
 * Haitian Corner PWA profile back-button safe area
 */
#profileScreen
> button[onclick="closeProfile()"] {
  position: fixed !important;

  top: max(
    calc(env(safe-area-inset-top, 0px) + 12px),
    54px
  ) !important;

  left: 16px !important;
  right: auto !important;
  bottom: auto !important;

  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;

  padding: 0 !important;
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;

  z-index: 2147483647 !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;

  -webkit-tap-highlight-color:
    transparent !important;
}

#profileScreen
> button[onclick="closeProfile()"]
> * {
  pointer-events: none !important;
}