.helpapis-embed-frame-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: var(--helpapis-embed-top, 64px);
  bottom: 0;
  z-index: 900;
  background: #f6f8fb;
}

.helpapis-embed-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #f6f8fb;
}

#helpapis-status-nav-link.helpapis-embed-native-active,
[data-helpapis-docs-nav="1"].helpapis-embed-native-active {
  color: var(--semi-color-primary, #2563eb) !important;
}

@media (prefers-color-scheme: dark) {
  .helpapis-embed-frame-wrap,
  .helpapis-embed-frame {
    background: #020617;
  }
}

/* helpapis-toast-offset-fix-20260715
 * Keep Semi UI and React-Toastify prompts below the fixed 64px header.
 */
:root {
  --helpapis-toast-header-height: 64px;
}

.semi-toast-wrapper {
  top: var(--helpapis-toast-header-height) !important;
  z-index: 2000 !important;
}

.Toastify__toast-container--top-left,
.Toastify__toast-container--top-center,
.Toastify__toast-container--top-right {
  top: calc(var(--helpapis-toast-header-height) + 8px) !important;
  z-index: 10000 !important;
}

/* Semi UI v0.13 may leave the show animation at translateY(-100%).
 * Keep the animation lifecycle while making both endpoints visible and stable.
 */
@keyframes helpapis-toast-safe-show {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.semi-toast-animation-show {
  animation-name: helpapis-toast-safe-show !important;
  animation-duration: 0.15s !important;
  animation-fill-mode: forwards !important;
}

/* helpapis-toast-original-position-20260715
 * Keep prompts at their original top position, above the navigation layer.
 */
.semi-toast-wrapper {
  top: 0 !important;
  z-index: 2000 !important;
}

.Toastify__toast-container--top-left,
.Toastify__toast-container--top-center,
.Toastify__toast-container--top-right {
  top: 1em !important;
  z-index: 10000 !important;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: 0 !important;
  }
}