:is(html:has([data-qreasy-editor-frame]),body:has([data-qreasy-editor-frame])){height:100dvh;overflow:clip}body:has([data-qreasy-editor-frame]){width:100%;position:fixed;inset:0}.qe-editor-viewport{scroll-padding-top:4rem}[data-editor-sidebar]{scrollbar-gutter:stable}.qe-editor-canvas .qr-restaurant-header-image{position:relative}.qe-header-photo{cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.qe-header-photo:focus-visible{outline:3px solid var(--primary);outline-offset:-4px}.qe-header-photo .qe-photo-control{opacity:1;top:.75rem;bottom:auto}.qe-photo-control{color:#17202b;opacity:0;background:#fff;border-radius:999px;align-items:center;gap:.4rem;max-width:calc(100% - 1.5rem);padding:.5rem .75rem;font:500 .75rem/1.35 sans-serif;transition:opacity .15s;display:flex;position:absolute;bottom:.75rem;left:.75rem;box-shadow:0 2px 10px #0002}.qe-edit-photo:is(:hover,:focus-visible) .qe-photo-control{opacity:1}@media (hover:none){.qe-photo-control{opacity:1}}.qe-editor-canvas [data-editor-section-id] :is(.grid,.flex)>*{min-width:0}.qe-editor-canvas :is(input,textarea,select){max-width:100%}.qe-editor-canvas :is(textarea,p,h3,h4,label){overflow-wrap:anywhere}.qe-editor-canvas [data-editor-item-id]:focus-visible{outline-offset:4px;outline:2px solid #3049d8}.qe-editor-canvas .qe-inline-text::placeholder{color:currentColor;opacity:.45}.qe-inline-detail{container-type:inline-size}.qe-editor-canvas [data-qreasy-canvas] .group\/hero .aspect-square{width:7.2rem}@container (min-width:640px){.qe-editor-canvas [data-qreasy-canvas] .group\/hero .aspect-square{width:8.4rem}}@container (min-width:768px){.qe-editor-canvas [data-qreasy-canvas] .group\/hero .aspect-square{width:9.6rem}}@container (max-width:639px){.qe-advanced-settings .grid{grid-template-columns:minmax(0,1fr)}.qe-advanced-settings .grid>*{grid-column:auto}.qe-editor-canvas .qe-section-tools button,.qe-editor-canvas .qe-inline-item-tools button{min-width:40px;min-height:40px}}@media (max-width:639px){.qe-editor-canvas :is(input,textarea,select):focus{font-size:max(1rem,16px)}}@media (max-height:500px) and (min-width:600px){body:has([data-qreasy-editor-frame]) .qe-site-chrome{display:none}[data-qreasy-editor-frame] .qe-editor-views>button{flex-direction:row;min-height:40px;padding:6px}}@media (prefers-reduced-motion:reduce){.qe-editor-canvas *{scroll-behavior:auto;transition:none;animation:none}}