.menu{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;gap:4px;padding:8px;background:#ffffff;border:3px solid var(--color-ink);box-shadow:var(--nb-shadow)}.menu,.menu__item{display:flex;align-items:center;border-radius:9999px}.menu__item{position:relative;gap:8px;padding:12px 16px;color:var(--color-ink-mute);border:2px solid transparent;transition:color .2s ease,background .2s ease,border-color .2s ease}.menu__item:hover{color:var(--color-ink)}.menu__item.active{color:var(--component-active-color);background:var(--color-paper);border-color:var(--color-ink)}.menu__icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px}.menu__item.active .menu__icon{animation:iconBounce .6s ease}.menu__text{font-family:var(--font-sans);font-size:13px;font-weight:700;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .25s ease,opacity .25s ease}.menu__item.active .menu__text{max-width:var(--lineWidth,90px);opacity:1}