/* A keyboard can resize the visual viewport without changing 100dvh. */
:root{--visible-height:100dvh;--visible-top:0px;--keyboard-inset:0px}
.overlay,.ac-overlay{top:var(--visible-top);bottom:auto;height:var(--visible-height);min-height:0}
.overlay .sheet,.ac-overlay .ac-sheet{max-height:100%;min-height:0;margin-bottom:0}
.sheet-body,.ac-sheet-scroll{min-height:0;overflow-y:auto;scroll-padding-block:12px;-webkit-overflow-scrolling:touch}
.editing-field .overlay,.editing-field .ac-overlay{padding-block:12px}
.editing-field input,.editing-field textarea{scroll-margin-block:12px}
html.editing-field{scroll-padding-block:12px}
/* Let ordinary account/product fields scroll above Safari's keyboard as well. */
.editing-field:not(.viewport-dialog-open) body::after{content:"";display:block;height:var(--keyboard-inset);pointer-events:none}
.editing-field:not(.viewport-dialog-open) .wrap>.sticky-actions,.editing-field:not(.viewport-dialog-open) .ac-stage-page>.sticky-actions{position:static;transform:none;width:100%;margin-top:16px;padding:12px 0}
.editing-field:not(.viewport-dialog-open) .wrap,.editing-field:not(.viewport-dialog-open) .ac-stage-page{padding-bottom:24px}