.mobile-nav-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:100%;max-height:100%;margin:0;padding:0;border:none;background:transparent;overflow:hidden}.mobile-nav-dialog::backdrop{background:rgba(0,0,0,.4);animation:mobile-nav-backdrop-in .2s ease}.mobile-nav-panel{display:flex;flex-direction:column;width:280px;max-width:calc(100vw - 3rem);height:100dvh;background:var(--background-base);border-right:var(--layout-border-thin) solid var(--border-default);transform:translateX(0);animation:mobile-nav-slide-in .2s cubic-bezier(.32,.72,0,1)}.mobile-nav-close{color:var(--text-base-moderate);background:transparent;border:none;transition:color .15s ease,background .15s ease}.mobile-nav-close:hover{color:var(--text-base-strong);background:var(--background-neutral-lighter-default)}.mobile-nav-close:focus-visible{outline:2px solid var(--border-selected);outline-offset:2px}@keyframes mobile-nav-slide-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes mobile-nav-backdrop-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.mobile-nav-panel{animation:none}.mobile-nav-dialog::backdrop{animation:none}}