.mobile-project-navigation,.mobile-project-navigation__back{display:none}@media(max-width:720px){.project-page--mobile-index .project-sidebar{display:none}.project-page--mobile-index .project-introduction__metadata{visibility:hidden}.mobile-project-navigation{display:block;font-family:PP Neue Montreal TT,Helvetica Neue,Arial,sans-serif;font-weight:400}.mobile-project-navigation__filter{position:absolute;pointer-events:none}.mobile-project-navigation__back{position:fixed;z-index:40;top:max(16px,env(safe-area-inset-top));left:16px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#989898;background:var(--surface-floating, #202020);border-radius:4px;backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-project-navigation__back:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.mobile-project-navigation__back svg{width:12px;height:12px}.mobile-project-navigation__control{position:fixed;z-index:40;right:35px;bottom:max(16px,env(safe-area-inset-bottom));left:35px;height:46px;transform:translateY(calc(100% + 40px));transition:transform .5s cubic-bezier(.66,0,.33,1);pointer-events:none}.mobile-project-navigation__control[data-visible=true]{transform:translateY(0);pointer-events:auto}.mobile-project-navigation__surfaces{position:absolute;inset-inline:0;bottom:0;height:calc(min(var(--picker-height),calc(100dvh - 120px)) + 58px);pointer-events:none}.mobile-project-navigation__base,.mobile-project-navigation__blob{position:absolute;inset-inline:0;bottom:0;height:46px;border-radius:4px;background:var(--surface-floating, #202020)}.mobile-project-navigation__blob{opacity:0;visibility:hidden}.mobile-project-navigation__bar{position:relative;display:flex;align-items:center;height:46px;padding:4px 4px 4px 0;border-radius:4px;background:var(--surface-floating, #202020);backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-project-navigation__project{flex-shrink:0;padding:0 16px;color:#989898;font-size:12px;line-height:14px}.mobile-project-navigation__trigger{position:relative;display:flex;flex:1;min-width:0;height:38px;padding:0 4px 0 16px;align-items:center;justify-content:space-between;gap:8px;color:#fff;background:var(--surface-menu-toggle-hover, #2c2c2c);border:0;border-radius:2px;font-family:inherit;font-size:14px;font-weight:400;line-height:17px;text-align:left;cursor:pointer}.mobile-project-navigation__trigger:after{content:"";position:absolute;top:-3px;right:0;bottom:-3px;left:0}.mobile-project-navigation__current{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-project-navigation__progress{position:relative;display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center}.mobile-project-navigation__progress circle{color:#fff3}.mobile-project-navigation__plus{position:absolute;top:9px;left:9px;transition:transform .25s ease}[data-open=true] .mobile-project-navigation__plus{transform:rotate(45deg)}.mobile-project-picker{position:absolute;right:0;bottom:calc(100% + 12px);left:0;max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain;border-radius:16px;clip-path:inset(100% 0% 0% 0%);pointer-events:none}[data-open=true] .mobile-project-picker{pointer-events:auto}.mobile-project-picker ul{margin:0;padding:6px;list-style:none}.mobile-project-picker li{margin:0}.mobile-project-picker button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:10px;background:transparent;color:#989898;font:inherit;font-size:14px;line-height:17px;text-align:left;opacity:0;cursor:pointer}.mobile-project-picker button[aria-selected=true]{color:#fff;background:#ffffff12}.mobile-project-picker button:is(:hover,:focus-visible){color:#fff;background:#ffffff1a}.mobile-project-picker button svg{flex-shrink:0;opacity:0}.mobile-project-picker button[aria-selected=true] svg{opacity:1}.mobile-project-navigation :is(button,a):focus-visible{outline:1px solid #fff;outline-offset:2px}.mobile-project-picker button:focus-visible{outline-offset:-2px}.mobile-project-navigation[data-reduced-motion=true] *{transition:none}}@media(prefers-reduced-motion:reduce){.mobile-project-navigation *{transition:none}}