html[data-device="mobile"] .bio-mobile-text-debugger[hidden] {
  display: none;
}

html[data-device="mobile"].bio-mobile-text-debugger-active .bio__profile {
  transform: none !important;
  transition: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

html[data-device="mobile"].bio-mobile-text-debugger-active .bio__profile .bio__copy {
  position: absolute;
  top: var(--bio-text-y, calc(env(safe-area-inset-top) + clamp(210px, 57cqw, 250px)));
  right: auto;
  bottom: var(--bio-text-bottom, calc(84px + env(safe-area-inset-bottom)));
  left: var(--bio-text-x, 4%);
  width: var(--bio-text-width, 92%);
  height: var(--bio-text-height, auto);
  transform: scale(var(--bio-text-scale, 1)) !important;
  transform-origin: top left;
  transition: none !important;
}

html[data-device="mobile"].bio-mobile-text-debugger-active .bio__profile .bio__cloud-toggle {
  opacity: 0;
  pointer-events: none;
}

html[data-device="mobile"].bio-mobile-text-debugger-active .bio__profile:not(.bio-mobile-text-debugger-selected) .bio__copy {
  clip-path: inset(0 0 100% 0) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html[data-device="mobile"].bio-mobile-text-debugger-active .bio__profile.bio-mobile-text-debugger-selected .bio__copy {
  clip-path: inset(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html[data-device="mobile"].bio-mobile-text-debugger-active .bio__profile.bio-mobile-text-debugger-selected .bio__copy {
  overflow-y: auto;
}