.menu-off-canvas{z-index:1200;background:#fff;outline:none;flex-direction:column;width:100%;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.menu-off-canvas-header{padding:calc(.75rem + env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) .75rem max(1.25rem, env(safe-area-inset-left))}.menu-off-canvas-content{padding:1.25rem max(1.25rem, env(safe-area-inset-right)) calc(1.5rem + env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left))}.menu-off-canvas-enter{animation:.24s cubic-bezier(.2,.8,.2,1) both menu-off-canvas-in}.menu-off-canvas-exit{pointer-events:none;animation:.18s ease-in both menu-off-canvas-out}@keyframes menu-off-canvas-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes menu-off-canvas-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.menu-off-canvas-enter,.menu-off-canvas-exit{animation-duration:1ms}}