.navigation-drawer-layer{z-index:100;isolation:isolate;overscroll-behavior:contain;position:fixed;inset:0}.navigation-drawer-backdrop{backdrop-filter:blur(3px);opacity:0;background:#20252b5c;width:100%;height:100%;padding:0;transition:opacity .28s;position:absolute;inset:0}.navigation-drawer{width:min(368px,100vw - 24px);padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));overscroll-behavior:contain;background:var(--paper);color:var(--ink);border-left:1px solid var(--line);will-change:transform;border-radius:20px 0 0 20px;flex-direction:column;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0 0 0 auto;overflow-y:auto;transform:translate(calc(100% + 28px));box-shadow:-12px 0 40px #20252b1f}.navigation-drawer-layer[data-open=true] .navigation-drawer{transform:translate(0)}.navigation-drawer-layer[data-open=true] .navigation-drawer-backdrop{opacity:1}.navigation-drawer-field{color:var(--muted);gap:9px;margin-top:24px;font-size:12px;font-weight:600;display:grid}.navigation-drawer-field select{border:1px solid var(--field-border);background:var(--paper);width:100%;min-height:46px;color:var(--ink);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:400}.navigation-drawer .porch-drawer-footer{flex-wrap:wrap}@media (prefers-reduced-motion:reduce){.navigation-drawer,.navigation-drawer-backdrop{transition:none}}