/* Keep the focused field inside the visual viewport on mobile keyboards. */
:root{--tnp-keyboard-offset:0px;--tnp-visible-viewport-height:100dvh}
html.tnp-keyboard-open{overscroll-behavior-y:contain}
.tnp-keyboard-open .tnp-assistant{bottom:calc(10px + env(safe-area-inset-bottom) + var(--tnp-keyboard-offset));height:min(720px,calc(var(--tnp-visible-viewport-height) - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-height:calc(var(--tnp-visible-viewport-height) - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.tnp-keyboard-open .tnp-assistant-launcher{bottom:calc(76px + env(safe-area-inset-bottom) + var(--tnp-keyboard-offset))}
.tnp-keyboard-open .tnp-assistant-messages{scroll-padding-block:18px}
.tnp-keyboard-open .tnp-delivery-onboarding{padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom) + var(--tnp-keyboard-offset))}
.tnp-keyboard-open .tnp-delivery-onboarding>section{max-height:calc(var(--tnp-visible-viewport-height) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain}
.tnp-keyboard-open .tnp-address-label-overlay{padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom) + var(--tnp-keyboard-offset))}
.tnp-keyboard-open .tnp-address-label-card{max-height:calc(var(--tnp-visible-viewport-height) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain}
.tnp-keyboard-open .tnp-custom-atta-review{max-height:calc(var(--tnp-visible-viewport-height) - 12px - env(safe-area-inset-top));overflow:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom) + var(--tnp-keyboard-offset))}