.pro-page-frame{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;--pro-page-nav-height:calc(3.5rem + env(safe-area-inset-top, 0px) + 1px)}.pro-page-frame__header{position:relative;z-index:1;flex:0 0 auto;height:var(--pro-page-nav-height);transition:height .22s cubic-bezier(.22,1,.36,1)}.pro-page-frame__navigation{opacity:1;visibility:visible;transition:opacity .16s ease,visibility 0s}.pro-page-frame[data-nav-collapsed=true]>.pro-page-frame__header{height:0}.pro-page-frame[data-nav-collapsed=true] .pro-page-frame__navigation{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,.22s}.pro-page-frame>.pro-root{position:relative;inset:auto;z-index:0;flex:1 1 auto;min-height:0;min-width:0}.pro-page-frame[data-nav-collapsed=false] .pro-topbar>.pro-topbar__brand{display:none}.pro-page-frame__toggle{position:absolute;z-index:501;top:100%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:40px;height:12px;padding:0;border:1px solid var(--border);border-radius:0;background:var(--background);color:var(--foreground);cursor:pointer;transition:transform .22s cubic-bezier(.22,1,.36,1)}.pro-page-frame__toggle:focus-visible{outline:1px solid currentColor;outline-offset:-1px}.pro-page-frame__toggle>svg{transition:transform .22s cubic-bezier(.22,1,.36,1)}.pro-page-frame[data-nav-collapsed=true] .pro-page-frame__toggle{transform:translateX(-50%)}.pro-page-frame[data-nav-collapsed=true] .pro-page-frame__toggle>svg{transform:rotate(180deg)}@media (min-width:1024px){.pro-page-frame{--pro-page-nav-height:calc(4rem + env(safe-area-inset-top, 0px) + 1px)}}@media (prefers-reduced-motion:reduce){.pro-page-frame__header,.pro-page-frame__navigation,.pro-page-frame__toggle,.pro-page-frame__toggle>svg{transition:none}}