.menu-design-tools{flex:none;align-items:center;gap:4px;margin-inline-start:auto;display:flex}.menu-design-control{flex:none;display:flex}.menu-design-trigger{place-items:center;width:44px!important;min-width:44px!important;min-height:44px!important;padding:8px!important;display:grid!important}.menu-design-trigger>.icon{width:20px;height:20px}.menu-design-panel{box-sizing:border-box;overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface);width:min(480px,100vw - 16px);color:var(--ink);border-radius:16px;margin:0;padding:12px;position:fixed;inset:auto;overflow:auto;box-shadow:0 12px 36px #0003}.menu-design-panel::backdrop{background:0 0}.menu-design-panel>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.menu-design-panel>header>strong{font-size:14px}.menu-design-panel>header>button{background:var(--soft);min-width:44px;min-height:44px;color:var(--ink);border:0;border-radius:12px;place-items:center;display:grid}.menu-design-panel .icon{width:19px;height:19px}.menu-design-panel .navigation-appearance-controls>summary{display:none}.menu-design-panel .navigation-appearance-controls{background:0 0;padding:0}.menu-design-panel :is(button,a):focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.desktop-product-sidebar[data-expanded=false] footer .menu-design-tools{flex-direction:column;margin:0}.desktop-product-sidebar[data-expanded=false] footer>div{flex-direction:column}.desktop-product-sidebar[data-expanded=true] footer .menu-design-tools{margin:0}.menu-settings-stack,.desktop-product-sidebar footer>div.sidebar-settings-stack{align-items:stretch;gap:4px;display:flex;flex-direction:column!important}.menu-settings-stack .menu-design-tools,.sidebar-settings-stack .menu-design-tools{width:100%;margin:0;display:block}.menu-settings-stack .menu-design-control,.sidebar-settings-stack .menu-design-control{width:100%}.menu-design-trigger>span{white-space:nowrap;font-size:12px}.menu-settings-stack .menu-design-trigger,.desktop-product-sidebar[data-expanded=true] .sidebar-settings-stack .menu-design-trigger{justify-content:flex-start;gap:8px;width:100%!important;display:flex!important}.menu-design-trigger>span{display:none}.menu-settings-stack .menu-design-trigger>span,.sidebar-settings-stack .menu-design-trigger>span{display:inline}.appearance-controls fieldset .navigation-appearance-controls>summary{display:none}.appearance-controls fieldset .navigation-appearance-controls{background:0 0;padding:0}dialog.menu-design-global{box-sizing:border-box;overscroll-behavior:contain;scrollbar-gutter:stable;overflow-anchor:none;width:min(520px,100vw - 24px);max-width:calc(100vw - 24px);height:min(680px,100dvh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:16px;transition:none;animation:none;position:fixed;inset:0;overflow:auto}dialog.menu-design-global::backdrop{background:#0003}dialog.menu-design-global:not([open]){display:none}dialog.menu-design-global>header{z-index:2;background:var(--surface);border-bottom:1px solid var(--line);margin:-16px -8px 12px;padding:12px 8px;position:sticky;top:-16px}dialog.menu-design-global>header>strong{font-size:var(--type-title-sm,1.125rem);font-weight:var(--weight-semibold,600)}.appearance-controls .navigation-appearance-controls :is(.navigation-preview-options,.navigation-page-layout .navigation-layout-options)>button{box-sizing:border-box;border-radius:12px;align-self:stretch;min-width:0;min-height:118px;transition:background-color .14s,border-color .14s}.appearance-controls .navigation-appearance-controls :is(.navigation-preview-options,.navigation-page-layout .navigation-layout-options)>button>span:not(.appearance-frame-preview){font-size:var(--type-caption,.75rem);font-weight:var(--weight-medium,500);text-wrap:balance;overflow-wrap:normal;min-height:2.7em;line-height:1.35}.appearance-controls .navigation-appearance-controls :is(.navigation-preview-options,.navigation-page-layout .navigation-layout-options)>button[aria-pressed=true]{outline:2px solid var(--accent-readable,var(--ink));outline-offset:-2px}.appearance-controls .navigation-appearance-controls .navigation-switches>button{min-height:48px;font-size:var(--type-label,.875rem);box-sizing:border-box;gap:10px;padding:10px}.appearance-controls .navigation-appearance-controls .navigation-switches>button>span{text-align:start;line-height:1.35}.appearance-controls .navigation-appearance-controls small[role=status]{min-height:1.5em;font-size:var(--type-caption,.75rem);line-height:1.5;display:block}@media (max-width:480px){dialog.menu-design-global{border-radius:16px;width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:min(680px,100dvh - 16px);max-height:calc(100dvh - 16px);padding:12px}dialog.menu-design-global>header{margin:-12px -4px 10px;padding:8px 4px;top:-12px}.appearance-controls .navigation-appearance-controls :is(.navigation-preview-options,.navigation-page-layout .navigation-layout-options)>button{min-height:112px;padding:6px!important}.appearance-controls .navigation-appearance-controls :is(.navigation-preview-options,.navigation-page-layout .navigation-layout-options){gap:6px!important}.menu-design-global .appearance-controls>fieldset{padding:8px}}@media (prefers-reduced-motion:reduce){.appearance-controls .navigation-appearance-controls :is(.navigation-preview-options,.navigation-page-layout .navigation-layout-options)>button{transition:none}}