/* Fixed client size, with a separate scrollable presentation canvas. */
html,body,#root{width:100%;height:100%;min-width:0;min-height:0;}
html,body{overflow:hidden;}
#root{overflow:auto;overscroll-behavior:contain;}
#root:focus-visible{outline:2px solid #56680c;outline-offset:-2px;}
.p22-fixed-stage{--p22-canvas-pad:24px;position:relative;display:grid;place-items:center;box-sizing:border-box;width:100%;height:100%;min-width:calc(var(--p22-window-width) + 2 * var(--p22-canvas-pad))!important;min-height:calc(var(--p22-window-height) + 2 * var(--p22-canvas-pad));padding:var(--p22-canvas-pad);overflow:visible;background:var(--app-desktop-background);}
.p22-fixed-fit{position:relative;width:var(--p22-window-width);height:var(--p22-window-height);min-width:var(--p22-window-width);min-height:var(--p22-window-height);}
.p22-fixed-canvas{position:relative;width:var(--p22-window-width);height:var(--p22-window-height);container-name:persom-window;container-type:inline-size;}
.p22-fixed-canvas>.p21{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0;margin:0!important;}
.p22-fixed-stage .p22-home-window{width:100%!important;height:100%!important;margin:0!important;}