.bottom-nav-container{--nav-radius:.5rem;--nav-border-style:var(--nav-radius);--track-bg-color:var(--ui-bg);background:var(--track-bg-color);border-top:1px solid var(--color-stone-200);border-radius:var(--nav-border-style);overflow:hidden}.bottom-nav-container nav{max-width:var(--page-max-width);margin:0 auto;padding:0}ul.bottom-nav-tabs{--link-bg:transparent;--link-active-bg:var(--ui-bg-elevated);--link-fg:var(--color-stone-600);--link-active-fg:var(--color-stone-900);border-radius:var(--nav-border-style);flex-wrap:nowrap;justify-content:center;align-items:center;padding:.5rem;display:flex}ul.bottom-nav-tabs li{flex:1}ul.bottom-nav-tabs li a{background:var(--link-bg);color:var(--link-fg);border-radius:var(--nav-border-style);flex-direction:column;justify-content:center;align-items:center;padding:.25rem;font-size:.875rem;text-decoration:none;transition:transform .1s ease-in-out,background .2s,color .2s;display:flex}ul.bottom-nav-tabs li a.active,ul.bottom-nav-tabs li a:active{background:var(--link-active-bg);color:var(--link-active-fg)}ul.bottom-nav-tabs li a:active{transform:scale(.95)}