.pane-nav{position:fixed;inset:0;z-index:99900;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .24s ease}.pane-nav--active{visibility:visible}.pane-nav--open{opacity:1;pointer-events:auto}.pane-nav__backdrop{position:absolute;inset:0;background:var(--transparent-50)}.pane-nav__panel{position:absolute;top:0;right:0;bottom:0;width:100vh;max-width:800px;min-width:800px;background:var(--surface-dark);box-shadow:-15px 0 40px rgb(0 0 0 / 16%);transform:translateX(100%);transition:transform .32s ease;display:flex;flex-direction:column}.pane-nav--open .pane-nav__panel{transform:translateX(0)}.pane-nav__panel{--pane-nav-action-size:36px;--pane-nav-actions-pad:var(--space-sm)}.pane-nav__actions{position:absolute;top:0;right:0;z-index:3;display:flex;align-items:center;gap:var(--space-2xs);padding:var(--pane-nav-actions-pad);padding-top:calc(env(safe-area-inset-top, 0px) + var(--pane-nav-actions-pad));justify-content:space-between}.pane-nav__action{width:var(--pane-nav-action-size);height:var(--pane-nav-action-size);pointer-events:auto;border-radius:var(--radius-circle,50%);background:var(--btns-bg-secondary,#f3f4f6);color:var(--btns-color-secondary,#111827);text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.pane-nav__action svg{display:block;width:22px;height:22px}.pane-nav__action:hover{background:var(--btns-bg-secondary-hover,#e5e7eb)}.pane-nav__body{width:100%;height:100%;overflow:auto;box-sizing:border-box}.pane-nav__frame{width:100%;height:100%;border:0;display:block;background:#fff}html.pane-nav-lock{position:fixed;overflow-y:hidden;width:100%}@media (max-width:900px){.pane-nav__panel{top:auto;left:0;right:0;bottom:0;overflow:hidden;width:100%;height:100vh;max-height:100vh;height:100svh;max-height:100svh;height:100dvh;max-height:100dvh;min-width:unset;box-shadow:0 -18px 40px rgb(0 0 0 / 20%);transform:translateY(100%)}.pane-nav--open .pane-nav__panel{transform:translateY(0)}.pane-nav__close svg{transform:rotate(90deg)}}