.tlf-mobile-case-navigation{--surface-floating: var(--tlf-base);--surface-menu-toggle-hover: var(--tlf-hover);--surface-menu-row-active: var(--tlf-hover);font:400 12px/14px var(--tlf-font)}.tlf-mobile-case-navigation .island-project-picker{position:absolute;z-index:39;left:50%;bottom:calc(var(--tlf-mobile-bar-height, 48px) + 10px);display:block;width:calc(100% - 70px);height:46px;overflow:hidden;border-radius:6px;background:var(--surface-floating);color:#fff;transform:translate(-50%,calc(100% + 80px));transition:transform .5s cubic-bezier(.66,0,.33,1);pointer-events:none}.tlf-mobile-case-navigation .island-project-picker[data-visible=true]{transform:translate(-50%);pointer-events:auto}.tlf-mobile-case-navigation .mobile-project-navigation__bar{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;height:46px;padding:4px 4px 4px 0;border-radius:inherit;background:var(--surface-floating)}.tlf-mobile-case-navigation .mobile-project-navigation__project{flex:0 0 auto;padding:0 16px;color:var(--tlf-muted)}.tlf-root .tlf-mobile-case-navigation .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);border:0;border-radius:2px;font:inherit;text-align:left}.tlf-mobile-case-navigation .mobile-project-navigation__trigger:after{content:"";position:absolute;top:-3px;right:0;bottom:-3px;left:0}.tlf-mobile-case-navigation .mobile-project-navigation__current{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tlf-mobile-case-navigation .mobile-project-navigation__progress{position:relative;display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center}.tlf-mobile-case-navigation .mobile-project-navigation__progress circle{color:#fff3}.tlf-mobile-case-navigation .mobile-project-navigation__plus{position:absolute;top:9px;left:9px;transition:transform .25s ease}.tlf-mobile-case-navigation [data-open=true] .mobile-project-navigation__plus{transform:rotate(45deg)}.tlf-mobile-case-navigation .island-project-picker__stage{position:absolute;bottom:46px;left:0;width:var(--island-expanded-width);height:calc(var(--island-expanded-height) - 46px);pointer-events:none}.tlf-mobile-case-navigation [data-open=true] .island-project-picker__stage{pointer-events:auto}.tlf-mobile-case-navigation .island-project-picker__content{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(255 255 255 / .2) transparent}.tlf-root .tlf-mobile-case-navigation .island-project-picker__options{margin:0;padding:6px;list-style:none}.tlf-root .tlf-mobile-case-navigation .island-project-picker__options li{margin:0;padding:0}.tlf-root .tlf-mobile-case-navigation .island-project-picker__options button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:10px 14px;border:0;border-radius:4px;background:transparent;color:var(--tlf-muted);font:inherit;text-align:left;opacity:0}.tlf-root .tlf-mobile-case-navigation .island-project-picker__options button:is([aria-selected=true],:hover,:focus-visible){color:#fff;background:var(--surface-menu-row-active)}.tlf-mobile-case-navigation .island-project-picker__options button>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tlf-mobile-case-navigation .island-project-picker__options button svg{flex-shrink:0;opacity:0}.tlf-mobile-case-navigation .island-project-picker__options button[aria-selected=true] svg{opacity:1}.tlf-root .tlf-mobile-case-navigation button:focus-visible{outline:1px solid #fff;outline-offset:-2px}.tlf-mobile-case-navigation .island-project-picker[data-reduced-motion=true],.tlf-mobile-case-navigation [data-reduced-motion=true] .mobile-project-navigation__plus{transition:none}.tlf-root[data-mobile=true] .tlf-main-scroll[data-case-study=true]{padding-bottom:0;scroll-padding-bottom:var(--tlf-card-gap)}@container (width < 360px){.tlf-mobile-case-navigation .mobile-project-navigation__project{padding-inline:10px}.tlf-root .tlf-mobile-case-navigation .mobile-project-navigation__trigger{padding-left:10px;gap:4px}}