.menu-preview-backdrop{display:flex;justify-content:center;align-items:flex-start;height:calc(100vh - 64px);padding:28px 16px;box-sizing:border-box;background:radial-gradient(circle at 50% 0%,rgba(0,0,0,.05),transparent 60%),#f4f2ee;overflow:hidden}.menu-preview-frame{position:relative;width:min(var(--frame-width, 352px),100%);height:min(760px,100%);padding:12px;border-radius:54px;background:linear-gradient(160deg,#2c2c30,#1a1a1c);box-shadow:inset 0 0 0 1.5px #ffffff0f,0 6px 24px #0000001f;box-sizing:border-box}.menu-preview-frame:before{content:"";position:absolute;left:-2px;top:132px;width:3px;height:64px;border-radius:2px;background:#17171a;box-shadow:0 84px #17171a}.menu-preview-frame__screen{position:relative;width:100%;height:100%;border-radius:42px;background:#fff;overflow:hidden}.menu-preview-frame__scroll{position:relative;width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.menu-preview-frame__scroll::-webkit-scrollbar{display:none}@media(max-width:600px){.menu-preview-backdrop{padding:0}.menu-preview-backdrop .menu-preview-frame,.menu-preview-fill .menu-preview-frame{width:100%;height:100%;padding:0;border-radius:0;background:#fff;box-shadow:none}.menu-preview-backdrop .menu-preview-frame:before,.menu-preview-fill .menu-preview-frame:before{display:none}.menu-preview-backdrop .menu-preview-frame__screen,.menu-preview-fill .menu-preview-frame__screen,.menu-preview-backdrop .menu-preview-frame__scroll,.menu-preview-fill .menu-preview-frame__scroll{border-radius:0}.menu-preview-backdrop .menu-preview-frame__screen:after,.menu-preview-fill .menu-preview-frame__screen:after{display:none}}