@layer base{html body [data-keyboard-overlay]{--overlay-safe-top:max(8px, env(safe-area-inset-top));--overlay-safe-bottom:max(8px, env(safe-area-inset-bottom));--overlay-available:max(0px, calc(var(--overlay-viewport-height) - var(--overlay-safe-top) - var(--overlay-safe-bottom)));overscroll-behavior:contain;scroll-padding-block:12px;box-sizing:border-box!important;max-height:var(--overlay-available)!important;min-height:0!important;overflow-y:auto!important}html body [data-keyboard-overlay=dialog]{top:calc(var(--overlay-viewport-top) + var(--overlay-safe-top) + var(--overlay-available) / 2)!important;animation:none!important;bottom:auto!important}html body [data-keyboard-overlay=sheet],html body [data-keyboard-overlay=drawer]{top:calc(var(--overlay-viewport-top) + var(--overlay-safe-top))!important;height:var(--overlay-available)!important;margin-top:0!important;bottom:auto!important}html body [data-keyboard-overlay=frame]{top:calc(var(--overlay-viewport-top) + var(--overlay-safe-top))!important;height:var(--overlay-available)!important;align-items:center!important;bottom:auto!important}html body [data-keyboard-overlay=frame]>:not(button){overscroll-behavior:contain;min-height:0;overflow-y:auto;max-height:100%!important}}