.mh-edge-close-layer {
  position: fixed; inset: 0;
  z-index: 340;                                                                                  
  pointer-events: none;                                           
}
.mh-edge-close {
  position: absolute; bottom: 0;
  width: 64px;
  height: calc(64px + env(safe-area-inset-bottom, 0px));
  padding: 0; margin: 0; border: 0; border-radius: 0;
  background: transparent !important; box-shadow: none !important;
  color: transparent; opacity: 0;
  pointer-events: none;
  -webkit-appearance: none; appearance: none;
  -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;
  touch-action: manipulation; user-select: none; -webkit-user-select: none;
  outline: none; cursor: pointer;
  transform: none !important; transition: none !important;                                        
}
.mh-edge-close--left  { left: 0; }
.mh-edge-close--right { right: 0; }
.mh-edge-close-layer[data-on="true"] .mh-edge-close { pointer-events: auto; }