.dialog-overlay{overscroll-behavior:contain;touch-action:pan-y pinch-zoom}.dialog-content.viewport-dialog{box-sizing:border-box;left:calc(var(--dialog-viewport-left,0px) + var(--dialog-viewport-width,100vw)/2);top:calc(var(--dialog-viewport-top,0px) + var(--dialog-viewport-height,100dvh)/2);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom;min-width:0;scroll-padding-block:28px;overflow:hidden auto;max-width:calc(var(--dialog-viewport-width,100vw) - 32px)!important;max-height:calc(var(--dialog-viewport-height,100dvh) - 32px)!important}.dialog-content.viewport-dialog>*{min-width:0}.dialog-content.viewport-dialog .dialog-close{z-index:2;place-items:center;min-width:32px;min-height:32px;display:grid;position:absolute;top:12px;right:12px}@media (max-width:760px){.dialog-content.viewport-dialog{scrollbar-gutter:stable;border-radius:14px;padding:25px 20px;width:calc(var(--dialog-viewport-width,100vw) - 24px)!important;max-width:calc(var(--dialog-viewport-width,100vw) - 24px)!important;max-height:calc(var(--dialog-viewport-height,100dvh) - max(20px,env(safe-area-inset-top)) - max(20px,env(safe-area-inset-bottom)))!important}.dialog-content.viewport-dialog :is(input:not([type=checkbox]):not([type=radio]),textarea,select){font-size:16px!important}.dialog-content.viewport-dialog :is(form,fieldset){min-width:0}.dialog-content.viewport-dialog :is(h1,h2,h3,p,label,a){overflow-wrap:anywhere}.dialog-content.viewport-dialog input[type=checkbox]{min-width:18px;min-height:18px}}@media (max-height:470px){.dialog-content.viewport-dialog{max-height:calc(var(--dialog-viewport-height,100dvh) - 16px)!important}}
