#peterpen-page-designs .mobile-menu-dialog.mobile-menu-with-footer{inset:0;width:100%;height:100dvh;border:0;background:transparent;overflow:hidden;animation:none}
#peterpen-page-designs .mobile-menu-dialog.mobile-menu-with-footer[open]{display:grid;grid-template-rows:minmax(0,1fr) auto}
#peterpen-page-designs .mobile-menu-with-footer .mobile-menu-panel{position:relative;box-sizing:border-box;width:min(80vw,320px);min-height:0;margin-inline-start:max(0px,calc((100% - var(--pp-layout-mobile-max))/2));border-right:1px solid var(--line);background:var(--paper);overflow-y:auto;overscroll-behavior:contain;animation:pp-mobile-menu-in 200ms ease}
#peterpen-page-designs .mobile-menu-with-footer.phone .bottom{position:relative;inset:auto;grid-row:2;width:100%}
@media(prefers-reduced-motion:reduce){#peterpen-page-designs .mobile-menu-with-footer .mobile-menu-panel{animation:none}}