/* Anchor every helper state to the visible viewport, including on mobile browsers. */
.site-helper,
.site-helper.is-minimized {
  position: fixed !important;
  right: 24px;
  bottom: max(16px, env(safe-area-inset-bottom)) !important;
  z-index: 25;
}

.site-helper-panel {
  max-height: min(70dvh, 520px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media (max-width: 800px) {
  .site-helper,
  .site-helper.is-minimized {
    right: 16px;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
  }

  .site-helper-panel {
    width: min(370px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 190px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .site-helper-panel h2,
  .site-helper-panel p,
  .site-helper-panel button,
  .site-helper-panel textarea {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .site-helper-form textarea {
    max-height: 120px;
  }
}

.site-helper.is-minimized .site-helper-launcher {
  width: 64px;
  height: 64px;
  border: 0;
  background: transparent url('../images/plodscam-helper-sleeping.webp') center / contain no-repeat;
  box-shadow: none;
}

.site-helper.is-minimized .site-helper-launcher::after {
  display: none;
}