.mobile-navigation{display:none}@media (max-width:768px){body{overflow-x:clip}.mobile-navigation-screen{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.mobile-navigation{z-index:850;padding:8px 16px calc(10px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080f1e91;border-top:1px solid #6ca7ce30;gap:8px;display:flex;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 -8px 32px #0003}.mobile-navigation button{isolation:isolate;color:#a4b3c7;min-height:0;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 8px;font-size:12px;display:flex;position:relative}.mobile-navigation button[aria-current]{color:#78def0}.mobile-navigation button:focus-visible{outline-offset:-2px;outline:2px solid #78def0}.mobile-navigation__active{z-index:-1;border-radius:inherit;background:linear-gradient(110deg,#103143,#202039);border:1px solid #538cae40;position:absolute;inset:0}.mobile-navigation__avatar{border-radius:50%;place-items:center;width:24px;height:24px;display:grid;overflow:hidden}.mobile-navigation__avatar img{object-fit:cover;width:100%;height:100%}html.is-lock .mobile-navigation{visibility:hidden}}