.menu-preview-modal{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.78);display:grid;place-items:center;padding:18px}.menu-preview-modal[hidden]{display:none}.menu-preview-card{position:relative;width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#fffdf8;padding:54px 20px 20px;border-radius:10px;box-shadow:0 20px 70px rgba(0,0,0,.45)}.menu-preview-card h2{font-size:20px;line-height:1.2;text-align:center;margin:0 24px 18px;color:#191918}.menu-preview-image{background:#eeeae0;display:flex;justify-content:center}.menu-preview-image img{display:block;width:100%;height:auto;max-height:calc(100vh - 170px);object-fit:contain}.menu-preview-close{position:absolute;z-index:2;top:10px;right:10px;width:42px;height:42px;border:0;border-radius:50%;background:#191918;color:#fffdf8;font-size:32px;line-height:1;display:grid;place-items:center}.menu-preview-close:hover,.menu-preview-close:focus{background:#f6c844;color:#191918;outline:3px solid rgba(246,200,68,.35);outline-offset:2px}@media(max-width:480px){.menu-preview-modal{padding:10px}.menu-preview-card{max-height:calc(100vh - 20px);padding:52px 12px 12px}.menu-preview-card h2{font-size:17px}.menu-preview-close{width:46px;height:46px;top:8px;right:8px;font-size:34px}.menu-preview-image img{max-height:calc(100vh - 145px)}}